@dlbcodes/ui 0.9.0 → 0.9.1

package/dist/index.js

@@ -26,26 +26,23 @@ var qe = j([
 	"active:not-aria-[haspopup]:translate-y-px",
 	"disabled:pointer-events-none",
 	"disabled:opacity-50",
-	"aria-disabled:pointer-events-none",
-	"aria-disabled:opacity-50",
 	"focus-visible:outline-none",
 	"focus-visible:ring-2",
 	"focus-visible:ring-offset-2",
-	"focus-visible:ring-ring",
-	"focus-visible:ring-offset-background",
+	"focus-visible:ring-border-strong",
 	"[&_svg]:pointer-events-none",
 	"[&_svg]:shrink-0",
 	"[&_svg:not([class*='size-'])]:size-4"
 ].join(" "), {
 	variants: {
 		variant: {
-			primary: "border border-brand bg-brand text-brand-foreground hover:brightness-110",
-			secondary: "border border-border bg-background text-foreground hover:bg-accent aria-expanded:bg-accent",
-			destructive: "border border-destructive bg-destructive text-destructive-foreground hover:brightness-110",
-			outline: "border border-border bg-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground aria-expanded:bg-accent aria-expanded:text-accent-foreground",
-			ghost: "text-foreground hover:bg-accent aria-expanded:bg-accent",
-			link: "inline-flex text-brand underline-offset-4 hover:underline",
-			icon: "relative inline-grid place-items-center text-muted-foreground hover:bg-accent hover:text-accent-foreground aria-expanded:bg-accent aria-expanded:text-accent-foreground"
+			primary: "border border-brand-200 bg-brand-200 text-text-inverse hover:brightness-110",
+			secondary: "border border-border-default bg-bg-base text-text-primary hover:bg-bg-subtle aria-expanded:bg-bg-subtle",
+			destructive: "border border-danger-text bg-danger-text text-text-inverse hover:brightness-110",
+			outline: "border border-border-default bg-transparent text-text-secondary hover:bg-bg-subtle hover:text-text-primary aria-expanded:bg-bg-subtle aria-expanded:text-text-primary",
+			ghost: "text-text-primary hover:bg-bg-subtle aria-expanded:bg-bg-subtle",
+			link: "inline-flex text-brand-200 hover:underline",
+			icon: "relative inline-grid place-items-center text-text-secondary hover:bg-bg-subtle aria-expanded:bg-bg-subtle aria-expanded:text-text-primary"
 		},
 		size: {
 			xl: "h-14 rounded-xl px-6 text-base",
@@ -78,7 +75,7 @@ var qe = j([
 	setup(e) {
 		let t = e;
 		return (n, r) => (b(), o("span", Je, [(b(), o("svg", {
-			class: h(D(F)("size-6 animate-spin text-muted-foreground/70", t.class)),
+			class: h(D(F)("size-6 animate-spin text-text-tertiary", t.class)),
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",
@@ -155,7 +152,7 @@ var qe = j([
 	"shrink-0",
 	"overflow-hidden",
 	"whitespace-nowrap",
-	"rounded-sm",
+	"rounded",
 	"border",
 	"px-2",
 	"py-0.5",
@@ -167,13 +164,13 @@ var qe = j([
 	"[&>svg]:size-3"
 ].join(" "), {
 	variants: { variant: {
-		success: "border-success-border bg-success-subtle text-success",
-		warning: "border-warning-border bg-warning-subtle text-warning",
-		info: "border-info-border bg-info-subtle text-info",
-		destructive: "border-destructive-border bg-destructive-subtle text-destructive",
-		neutral: "border-border bg-secondary text-secondary-foreground",
-		primary: "border-brand bg-brand text-brand-foreground",
-		outline: "border-border bg-transparent text-muted-foreground"
+		success: "border-success-border bg-success-surface text-success-text",
+		pending: "border-warning-border bg-warning-surface text-warning-text",
+		info: "border-info-border bg-info-surface text-info-text",
+		destructive: "border-danger-border bg-danger-surface text-danger-text",
+		neutral: "border-border-default bg-bg-subtle text-text-secondary",
+		primary: "border-brand-200 bg-brand-200 text-text-inverse",
+		outline: "border-border-default bg-transparent text-text-secondary"
 	} },
 	defaultVariants: { variant: "neutral" }
 }), $e = /* @__PURE__ */ u({
@@ -199,41 +196,42 @@ var qe = j([
 	"justify-center",
 	"w-full",
 	"uppercase",
-	"text-foreground",
-	"bg-muted",
+	"text-text-primary",
+	"bg-bg-surface",
 	"border",
-	"border-border",
+	"border-border-default",
 	"overflow-hidden"
 ].join(" "), [
 	"*:overflow-hidden",
-	"*:bg-card",
+	"*:bg-white",
 	"*:shadow-xs",
+	"*:rounded-2xl",
+	"*:dark:bg-dark-950",
 	"*:dark:border",
-	"*:dark:border-background",
-	"*:dark:shadow-[inset_-1px_1px_2px_0px_oklch(1_0_0/15%)]"
+	"*:dark:border-black",
+	"*:dark:shadow-[inset_-1px_1px_2px_0px_rgba(71,71,71,0.56)]"
 ].join(" ")].join(" "), {
 	variants: { size: {
-		"10xl": "text-3xl size-30 xl:size-40 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"9xl": "text-3xl size-30 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"8xl": "text-3xl size-28 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"7xl": "text-3xl size-26 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"6xl": "text-3xl size-24 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"5xl": "text-3xl size-22 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"4xl": "text-4xl size-20 p-1 rounded-3xl *:rounded-[calc(var(--radius)*2.2-0.25rem)]",
-		"3xl": "text-xl size-18 p-1 rounded-2xl *:rounded-[calc(var(--radius)*1.8-0.25rem)]",
-		"2xl": "size-16 rounded-xl *:rounded-[calc(var(--radius)*1.4-1px)]",
-		xl: "size-14 rounded-xl *:rounded-[calc(var(--radius)*1.4-1px)]",
-		lg: "size-12 p-0.5 rounded-xl *:rounded-[calc(var(--radius)*1.4-0.125rem)]",
-		base: "size-10 rounded-xl *:rounded-[calc(var(--radius)*1.4-1px)]",
-		sm: "size-8 rounded-xl *:rounded-[calc(var(--radius)*1.4-1px)]",
-		xs: "size-6 rounded-md *:rounded-[calc(var(--radius)*0.8-1px)]"
+		"10xl": "text-3xl size-30 xl:size-40 p-1 rounded-3xl *:rounded-[20px]",
+		"9xl": "text-3xl size-30 p-1 rounded-3xl *:rounded-[20px]",
+		"8xl": "text-3xl size-28 p-1 rounded-3xl *:rounded-[20px]",
+		"7xl": "text-3xl size-26 p-1 rounded-3xl *:rounded-[20px]",
+		"6xl": "text-3xl size-24 p-1 rounded-3xl *:rounded-[20px]",
+		"5xl": "text-3xl size-22 p-1 rounded-3xl *:rounded-[20px]",
+		"4xl": "text-4xl size-20 p-1 rounded-3xl *:rounded-[20px]",
+		"3xl": "text-xl size-18 p-1 rounded-2xl *:rounded-xl",
+		"2xl": "size-16",
+		xl: "size-14 rounded-xl *:rounded-[10px]",
+		lg: "size-12 p-0.5 rounded-xl *:rounded-[10px]",
+		base: "size-10 rounded-xl *:rounded-[10px]",
+		sm: "size-8 rounded-xl *:rounded-[10px]",
+		xs: "size-6 rounded-md"
 	} },
 	defaultVariants: { size: "base" }
-}), tt = ["src", "alt"], nt = [
-	"role",
-	"aria-label",
-	"aria-hidden"
-], rt = /* @__PURE__ */ u({
+}), tt = ["src", "alt"], nt = {
+	key: 1,
+	class: "flex size-full items-center justify-center"
+}, rt = /* @__PURE__ */ u({
 	__name: "Avatar",
 	props: {
 		size: { default: "base" },
@@ -248,29 +246,16 @@ var qe = j([
 		] }
 	},
 	setup(e) {
-		let t = e, n = r(() => t.name?.trim() || ""), i = r(() => {
-			let e = Array.from(n.value)[0];
-			return e ? e.toUpperCase() : "?";
-		}), a = S(!1);
-		k(() => t.src, () => {
-			a.value = !1;
-		});
-		let s = r(() => !!t.src && !a.value);
-		return (r, c) => (b(), o("div", { class: h(D(F)(D(et)({ size: e.size }), t.class)) }, [s.value ? (b(), o("img", {
+		let t = e, n = r(() => {
+			let e = t.name?.trim();
+			return e ? e.charAt(0).toUpperCase() : "?";
+		}), i = r(() => t.name?.trim() ?? "");
+		return (r, a) => (b(), o("div", { class: h(D(F)(D(et)({ size: e.size }), t.class)) }, [e.src ? (b(), o("img", {
 			key: 0,
 			src: e.src,
-			alt: n.value,
-			class: "size-full object-cover",
-			loading: "lazy",
-			decoding: "async",
-			onError: c[0] ||= (e) => a.value = !0
-		}, null, 40, tt)) : (b(), o("div", {
-			key: 1,
-			class: "flex size-full items-center justify-center",
-			role: n.value ? "img" : void 0,
-			"aria-label": n.value || void 0,
-			"aria-hidden": n.value ? void 0 : !0
-		}, E(i.value), 9, nt))], 2));
+			alt: i.value,
+			class: "size-full rounded-full object-cover"
+		}, null, 8, tt)) : (b(), o("div", nt, E(n.value), 1))], 2));
 	}
 }), it = /* @__PURE__ */ u({
 	__name: "Kbd",
@@ -283,7 +268,7 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("kbd", { class: h(D(F)("pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("kbd", { class: h(D(F)("pointer-events-none inline-flex h-5 w-fit min-w-5 select-none items-center justify-center gap-1 rounded-sm bg-bg-subtle px-1 font-sans text-xs font-medium text-text-secondary", t.class)) }, [C(e.$slots, "default")], 2));
 	}
 }), at = ["aria-label", "role"], ot = /* @__PURE__ */ u({
 	__name: "KbdGroup",
@@ -321,7 +306,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("label", {
 			for: t.for,
-			class: h(D(F)("cursor-pointer select-none text-sm font-medium text-foreground", t.class))
+			class: h(D(F)("cursor-pointer select-none text-sm font-medium text-text-primary", t.class))
 		}, [C(e.$slots, "default")], 10, st));
 	}
 }), lt = j("shrink-0 bg-border-subtle", {
@@ -366,7 +351,7 @@ var qe = j([
 	setup(e) {
 		let t = e;
 		return (e, n) => (b(), o("div", {
-			class: h(D(F)("animate-pulse rounded-md bg-accent", t.class)),
+			class: h(D(F)("animate-pulse rounded-md bg-bg-surface", t.class)),
 			"aria-hidden": "true"
 		}, null, 2));
 	}
@@ -374,10 +359,7 @@ var qe = j([
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-label"
-], mt = {
-	key: 0,
-	class: "h-full w-2/5 rounded-full bg-brand animate-progress-indeterminate motion-reduce:w-full motion-reduce:animate-pulse"
-}, ht = /* @__PURE__ */ u({
+], mt = /* @__PURE__ */ u({
 	__name: "Progress",
 	props: {
 		value: {},
@@ -392,21 +374,20 @@ var qe = j([
 		] }
 	},
 	setup(e) {
-		let t = e, n = r(() => t.value === void 0), i = r(() => t.value === void 0 ? 0 : Math.min(Math.max(t.value, 0), t.max) / t.max * 100);
-		return (r, a) => (b(), o("div", {
+		let t = e, n = r(() => t.value === void 0 ? 0 : Math.min(Math.max(t.value, 0), t.max) / t.max * 100);
+		return (r, i) => (b(), o("div", {
 			role: "progressbar",
 			"aria-valuemin": 0,
 			"aria-valuemax": e.max,
 			"aria-valuenow": e.value,
 			"aria-label": e.label,
-			class: h(D(F)("relative h-1 w-full overflow-hidden rounded-full bg-muted", t.class))
-		}, [n.value ? (b(), o("div", mt)) : (b(), o("div", {
-			key: 1,
-			class: "size-full rounded-full bg-brand transition-transform duration-300",
-			style: g({ transform: `translateX(-${100 - i.value}%)` })
-		}, null, 4))], 10, pt));
+			class: h(D(F)("relative h-1 w-full overflow-hidden rounded-full bg-bg-surface", t.class))
+		}, [s("div", {
+			class: "size-full flex-1 rounded-full bg-brand-200 transition-transform duration-300",
+			style: g({ transform: `translateX(-${100 - n.value}%)` })
+		}, null, 4)], 10, pt));
 	}
-}), gt = /* @__PURE__ */ u({
+}), ht = /* @__PURE__ */ u({
 	__name: "Panel",
 	props: { class: { type: [
 		Boolean,
@@ -417,9 +398,9 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("div", { class: h(D(F)("flex flex-col shrink-0 w-full p-1 bg-muted border border-border rounded-3xl shadow-xs overflow-hidden", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex flex-col shrink-0 w-full p-1 bg-bg-surface border border-border-default rounded-3xl shadow-xs overflow-hidden", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), _t = /* @__PURE__ */ u({
+}), gt = /* @__PURE__ */ u({
 	__name: "PanelHeader",
 	props: { class: { type: [
 		Boolean,
@@ -432,7 +413,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center px-3 py-2", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), vt = /* @__PURE__ */ u({
+}), _t = /* @__PURE__ */ u({
 	__name: "PanelContent",
 	props: { class: { type: [
 		Boolean,
@@ -443,9 +424,9 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("div", { class: h(D(F)("h-full overflow-hidden p-2 bg-card shadow-xs rounded-[calc(var(--radius)*2.2-0.25rem)]", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("div", { class: h(D(F)("h-full overflow-hidden p-2 bg-bg-raised shadow-xs rounded-[20px]", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), yt = /* @__PURE__ */ u({
+}), vt = /* @__PURE__ */ u({
 	__name: "PanelFooter",
 	props: { class: { type: [
 		Boolean,
@@ -458,7 +439,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center px-3 py-2", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), bt = /* @__PURE__ */ u({
+}), yt = /* @__PURE__ */ u({
 	__name: "Tabs",
 	props: {
 		defaultIndex: { default: 0 },
@@ -495,17 +476,17 @@ var qe = j([
 			"class"
 		]));
 	}
-}), xt = j("flex w-fit items-center gap-1 rounded-xl border border-border bg-muted p-1"), St = j([
-	"flex items-center gap-x-2 rounded-lg px-4 py-1.5 text-sm font-medium transition-all",
-	"outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-muted",
+}), bt = j("flex w-fit items-center gap-1 rounded-full border border-border-default bg-bg-surface p-1"), xt = j([
+	"flex items-center gap-x-2 rounded-full px-4 py-1.5 text-sm font-medium transition-all",
+	"outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-strong focus-visible:ring-offset-1 focus-visible:ring-offset-bg-surface",
 	"disabled:cursor-not-allowed disabled:opacity-50"
 ].join(" "), {
 	variants: { selected: {
-		true: "bg-background text-foreground shadow-sm dark:bg-accent",
-		false: "text-muted-foreground not-disabled:hover:text-foreground"
+		true: "bg-bg-raised text-text-primary shadow-sm",
+		false: "text-text-secondary not-disabled:hover:text-text-primary"
 	} },
 	defaultVariants: { selected: !1 }
-}), Ct = /* @__PURE__ */ u({
+}), St = /* @__PURE__ */ u({
 	__name: "TabsList",
 	props: { class: { type: [
 		Boolean,
@@ -516,12 +497,12 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), i(D(je), { class: h(D(F)(D(xt)(), t.class)) }, {
+		return (e, n) => (b(), i(D(je), { class: h(D(F)(D(bt)(), t.class)) }, {
 			default: A(() => [C(e.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), wt = /* @__PURE__ */ u({
+}), Ct = /* @__PURE__ */ u({
 	__name: "TabsTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -541,12 +522,12 @@ var qe = j([
 		}, {
 			default: A(({ selected: e }) => [s("button", {
 				type: "button",
-				class: h(D(F)(D(St)({ selected: e }), t.class))
+				class: h(D(F)(D(xt)({ selected: e }), t.class))
 			}, [C(n.$slots, "default", { selected: e })], 2)]),
 			_: 3
 		}, 8, ["disabled"]));
 	}
-}), Tt = /* @__PURE__ */ u({
+}), wt = /* @__PURE__ */ u({
 	__name: "TabsPanels",
 	props: { class: { type: [
 		Boolean,
@@ -562,7 +543,7 @@ var qe = j([
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Et = /* @__PURE__ */ u({
+}), Tt = /* @__PURE__ */ u({
 	__name: "TabsContent",
 	props: { class: { type: [
 		Boolean,
@@ -578,7 +559,7 @@ var qe = j([
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Dt = /* @__PURE__ */ u({
+}), Et = /* @__PURE__ */ u({
 	__name: "Disclosure",
 	props: {
 		defaultOpen: {
@@ -604,7 +585,7 @@ var qe = j([
 			_: 3
 		}, 8, ["default-open", "class"]));
 	}
-}), Ot = { class: "flex-1 outline-none" }, kt = /* @__PURE__ */ u({
+}), Dt = { class: "flex-1 outline-none" }, Ot = /* @__PURE__ */ u({
 	__name: "DisclosureTrigger",
 	props: { class: { type: [
 		Boolean,
@@ -615,15 +596,15 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), i(D(ge), { class: h(D(F)("flex w-full items-center justify-between gap-2 py-4 text-left text-sm font-medium text-foreground transition-colors", "focus-visible:outline-none hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background rounded-lg", t.class)) }, {
-			default: A(({ open: t }) => [s("span", Ot, [C(e.$slots, "default", { open: t })]), l(D(Pe), {
-				class: h(["size-4 shrink-0 text-muted-foreground/70 transition-transform duration-200", t && "rotate-180"]),
+		return (e, n) => (b(), i(D(ge), { class: h(D(F)("flex w-full items-center justify-between gap-2 py-4 text-left text-sm font-medium text-text-primary transition-colors", "focus-visible:outline-none hover:text-text-secondary focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-strong focus-visible:ring-offset-bg-base rounded-lg", t.class)) }, {
+			default: A(({ open: t }) => [s("span", Dt, [C(e.$slots, "default", { open: t })]), l(D(Pe), {
+				class: h(["size-4 shrink-0 text-text-tertiary transition-transform duration-200", t && "rotate-180"]),
 				"aria-hidden": "true"
 			}, null, 8, ["class"])]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), At = /* @__PURE__ */ u({
+}), kt = /* @__PURE__ */ u({
 	__name: "DisclosureContent",
 	props: { class: { type: [
 		Boolean,
@@ -634,27 +615,27 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), i(D(_e), { class: h(D(F)("pb-4 text-sm text-muted-foreground", t.class)) }, {
+		return (e, n) => (b(), i(D(_e), { class: h(D(F)("pb-4 text-sm text-text-secondary", t.class)) }, {
 			default: A(() => [C(e.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), jt = j("relative flex w-full gap-3 rounded-xl border px-4 py-3 text-sm", {
+}), At = j("relative flex w-full gap-3 rounded-xl border px-4 py-3 text-sm", {
 	variants: { variant: {
-		neutral: "bg-muted border-border text-foreground",
-		info: "bg-info-subtle border-info-border text-info",
-		success: "bg-success-subtle border-success-border text-success",
-		warning: "bg-warning-subtle border-warning-border text-warning",
-		destructive: "bg-destructive-subtle border-destructive-border text-destructive"
+		neutral: "bg-bg-surface border-border-default text-text-primary",
+		info: "bg-info-surface border-info-border text-info-text",
+		success: "bg-success-surface border-success-border text-success-text",
+		warning: "bg-warning-surface border-warning-border text-warning-text",
+		danger: "bg-danger-surface border-danger-border text-danger-text"
 	} },
 	defaultVariants: { variant: "neutral" }
-}), Mt = {
+}), jt = {
 	key: 0,
 	class: "mt-0.5 shrink-0 [&>svg]:size-5"
-}, Nt = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Pt = {
+}, Mt = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Nt = {
 	key: 1,
 	class: "shrink-0"
-}, Ft = /* @__PURE__ */ u({
+}, Pt = /* @__PURE__ */ u({
 	__name: "Alert",
 	props: {
 		variant: { default: "neutral" },
@@ -670,14 +651,14 @@ var qe = j([
 		let t = e;
 		return (n, r) => (b(), o("div", {
 			role: "alert",
-			class: h(D(F)(D(jt)({ variant: e.variant }), t.class))
+			class: h(D(F)(D(At)({ variant: e.variant }), t.class))
 		}, [
-			n.$slots.icon ? (b(), o("span", Mt, [C(n.$slots, "icon")])) : a("", !0),
-			s("div", Nt, [C(n.$slots, "default")]),
-			n.$slots.action ? (b(), o("div", Pt, [C(n.$slots, "action")])) : a("", !0)
+			n.$slots.icon ? (b(), o("span", jt, [C(n.$slots, "icon")])) : a("", !0),
+			s("div", Mt, [C(n.$slots, "default")]),
+			n.$slots.action ? (b(), o("div", Nt, [C(n.$slots, "action")])) : a("", !0)
 		], 2));
 	}
-}), It = /* @__PURE__ */ u({
+}), Ft = /* @__PURE__ */ u({
 	__name: "AlertTitle",
 	props: { class: { type: [
 		Boolean,
@@ -690,7 +671,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("font-medium", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Lt = /* @__PURE__ */ u({
+}), It = /* @__PURE__ */ u({
 	__name: "AlertDescription",
 	props: { class: { type: [
 		Boolean,
@@ -703,7 +684,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("text-sm opacity-90", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Rt = /* @__PURE__ */ u({
+}), Lt = /* @__PURE__ */ u({
 	__name: "Empty",
 	props: { class: { type: [
 		Boolean,
@@ -714,9 +695,9 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("div", { class: h(D(F)("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-border p-8 text-center text-balance", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("div", { class: h(D(F)("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-border-default p-8 text-center text-balance", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), zt = /* @__PURE__ */ u({
+}), Rt = /* @__PURE__ */ u({
 	__name: "EmptyHeader",
 	props: { class: { type: [
 		Boolean,
@@ -729,13 +710,13 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex max-w-sm flex-col items-center gap-2", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Bt = j("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+}), zt = j("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
 	variants: { variant: {
 		default: "bg-transparent",
-		icon: "size-10 rounded-xl bg-muted text-foreground [&_svg:not([class*='size-'])]:size-5"
+		icon: "flex size-10 items-center justify-center rounded-xl bg-bg-elevated text-text-primary [&_svg:not([class*='size-'])]:size-5"
 	} },
 	defaultVariants: { variant: "default" }
-}), Vt = /* @__PURE__ */ u({
+}), Bt = /* @__PURE__ */ u({
 	__name: "EmptyMedia",
 	props: {
 		variant: { default: "default" },
@@ -749,9 +730,9 @@ var qe = j([
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("div", { class: h(D(F)(D(Bt)({ variant: t.variant }), t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("div", { class: h(D(F)(D(zt)({ variant: t.variant }), t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Ht = /* @__PURE__ */ u({
+}), Vt = /* @__PURE__ */ u({
 	__name: "EmptyTitle",
 	props: { class: { type: [
 		Boolean,
@@ -762,9 +743,9 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("p", { class: h(D(F)("text-base font-medium tracking-tight text-foreground", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("p", { class: h(D(F)("text-base font-medium tracking-tight text-text-primary", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Ut = /* @__PURE__ */ u({
+}), Ht = /* @__PURE__ */ u({
 	__name: "EmptyDescription",
 	props: { class: { type: [
 		Boolean,
@@ -775,9 +756,9 @@ var qe = j([
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("p", { class: h(D(F)("text-sm leading-relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:text-brand", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("p", { class: h(D(F)("text-sm leading-relaxed text-text-secondary [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:text-brand-200", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Wt = /* @__PURE__ */ u({
+}), Ut = /* @__PURE__ */ u({
 	__name: "EmptyContent",
 	props: { class: { type: [
 		Boolean,
@@ -790,19 +771,19 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex w-full max-w-sm min-w-0 flex-col items-center gap-3 text-sm text-balance", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Gt = Symbol("SidebarContext"), Kt = (e) => {
-	x(Gt, e);
+}), Wt = Symbol("SidebarContext"), Gt = (e) => {
+	x(Wt, e);
 }, I = () => {
-	let e = d(Gt);
+	let e = d(Wt);
 	if (!e) throw Error("Sidebar components must be used within a <SidebarProvider>.");
 	return e;
-}, qt = /* @__PURE__ */ u({
+}, Kt = /* @__PURE__ */ u({
 	__name: "SidebarProvider",
 	setup(e) {
 		let t = We("(max-width: 767px)"), n = S(!1), r = S(!1);
 		return k(t, (e) => {
 			e || (n.value = !1);
-		}), Kt({
+		}), Gt({
 			isMobile: t,
 			mobileOpen: n,
 			collapsed: r,
@@ -817,7 +798,7 @@ var qe = j([
 			}
 		}), (e, t) => C(e.$slots, "default");
 	}
-}), Jt = /* @__PURE__ */ u({
+}), qt = /* @__PURE__ */ u({
 	__name: "Sidebar",
 	props: { class: { type: [
 		Boolean,
@@ -828,13 +809,13 @@ var qe = j([
 	] } },
 	setup(t) {
 		let r = t, { isMobile: i, mobileOpen: s, collapsed: c, close: u } = I(), d = Ge(typeof document < "u" ? document.body : null);
-		return k([s, i], ([e, t]) => {
-			d.value = e && t;
-		}, { immediate: !0 }), _(() => {
-			d.value = !1;
-		}), Be("Escape", () => {
-			i.value && s.value && u();
-		}), (t, d) => D(i) ? (b(), o(e, { key: 1 }, [l(n, {
+		k(s, (e) => {
+			d.value = e && i.value;
+		});
+		let f = (e) => {
+			e.key === "Escape" && u();
+		};
+		return (t, d) => D(i) ? (b(), o(e, { key: 1 }, [l(n, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
 			"leave-active-class": "transition-opacity duration-200",
@@ -854,16 +835,17 @@ var qe = j([
 		}, {
 			default: A(() => [D(s) ? (b(), o("aside", {
 				key: 0,
-				class: h(D(F)("fixed inset-y-0 left-0 z-50 flex h-full w-64 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground", r.class)),
-				tabindex: "-1"
-			}, [C(t.$slots, "default")], 2)) : a("", !0)]),
+				class: h(D(F)("fixed inset-y-0 left-0 z-50 flex h-full w-64 flex-col border-r border-border-subtle bg-bg-surface", r.class)),
+				tabindex: "-1",
+				onKeydown: f
+			}, [C(t.$slots, "default")], 34)) : a("", !0)]),
 			_: 3
 		})], 64)) : (b(), o(e, { key: 0 }, [D(c) ? a("", !0) : (b(), o("aside", {
 			key: 0,
-			class: h(D(F)("flex h-full w-64 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground", r.class))
+			class: h(D(F)("flex h-full w-64 flex-col border-r border-border-subtle bg-bg-surface", r.class))
 		}, [C(t.$slots, "default")], 2))], 64));
 	}
-}), Yt = /* @__PURE__ */ u({
+}), Jt = /* @__PURE__ */ u({
 	__name: "SidebarTrigger",
 	props: { class: { type: [
 		Boolean,
@@ -876,12 +858,12 @@ var qe = j([
 		let t = e, { toggle: n } = I();
 		return (e, r) => (b(), o("button", {
 			type: "button",
-			class: h(D(F)("inline-flex size-10 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground", "outline-none focus-visible:ring-2 focus-visible:ring-ring", t.class)),
+			class: h(D(F)("inline-flex size-9 items-center justify-center rounded-lg text-text-secondary transition-colors hover:bg-bg-subtle hover:text-text-primary", "outline-none focus-visible:ring-2 focus-visible:ring-border-strong", t.class)),
 			"aria-label": "Toggle navigation",
 			onClick: r[0] ||= (...e) => D(n) && D(n)(...e)
 		}, [l(D(Le), { class: "size-5" })], 2));
 	}
-}), Xt = /* @__PURE__ */ u({
+}), Yt = /* @__PURE__ */ u({
 	__name: "SidebarHeader",
 	props: { class: { type: [
 		Boolean,
@@ -894,7 +876,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center gap-2 px-4 py-4", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Zt = /* @__PURE__ */ u({
+}), Xt = /* @__PURE__ */ u({
 	__name: "SidebarContent",
 	props: { class: { type: [
 		Boolean,
@@ -907,7 +889,7 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex-1 overflow-y-auto scrollbar-thin px-2 py-2", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), Qt = /* @__PURE__ */ u({
+}), Zt = /* @__PURE__ */ u({
 	__name: "SidebarFooter",
 	props: { class: { type: [
 		Boolean,
@@ -920,10 +902,10 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("mt-auto px-4 py-4", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), $t = {
+}), Qt = {
 	key: 0,
-	class: "px-3 pb-1 text-xs font-medium uppercase tracking-wider text-sidebar-foreground/60"
-}, en = /* @__PURE__ */ u({
+	class: "px-3 pb-1 text-xs font-medium uppercase tracking-wider text-text-tertiary"
+}, $t = /* @__PURE__ */ u({
 	__name: "SidebarGroup",
 	props: {
 		label: {},
@@ -937,19 +919,19 @@ var qe = j([
 	},
 	setup(e) {
 		let t = e;
-		return (n, r) => (b(), o("div", { class: h(D(F)("flex flex-col gap-0.5 py-2", t.class)) }, [e.label ? (b(), o("p", $t, E(e.label), 1)) : a("", !0), C(n.$slots, "default")], 2));
+		return (n, r) => (b(), o("div", { class: h(D(F)("flex flex-col gap-0.5 py-2", t.class)) }, [e.label ? (b(), o("p", Qt, E(e.label), 1)) : a("", !0), C(n.$slots, "default")], 2));
 	}
-}), tn = j([
+}), en = j([
 	"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
-	"outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+	"outline-none focus-visible:ring-2 focus-visible:ring-border-strong",
 	"[&_svg]:size-4 [&_svg]:shrink-0"
 ].join(" "), {
 	variants: { active: {
-		true: "bg-sidebar-accent text-sidebar-accent-foreground",
-		false: "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
+		true: "bg-bg-subtle text-text-primary",
+		false: "text-text-secondary hover:bg-bg-subtle hover:text-text-primary"
 	} },
 	defaultVariants: { active: !1 }
-}), nn = /* @__PURE__ */ u({
+}), tn = /* @__PURE__ */ u({
 	__name: "SidebarItem",
 	props: {
 		as: { default: "a" },
@@ -978,7 +960,7 @@ var qe = j([
 			n.isMobile.value && n.close();
 		};
 		return (n, a) => (b(), i(w(e.disabled ? "span" : e.as), {
-			class: h(D(F)(D(tn)({ active: e.active }), e.disabled && "pointer-events-none opacity-50", t.class)),
+			class: h(D(F)(D(en)({ active: e.active }), e.disabled && "pointer-events-none opacity-50", t.class)),
 			"aria-disabled": e.disabled || void 0,
 			tabindex: e.disabled ? -1 : void 0,
 			onClick: r
@@ -991,7 +973,7 @@ var qe = j([
 			"tabindex"
 		]));
 	}
-}), L = Symbol("Field"), rn = ["data-invalid", "data-disabled"], an = /* @__PURE__ */ u({
+}), L = Symbol("Field"), nn = ["data-invalid", "data-disabled"], rn = /* @__PURE__ */ u({
 	__name: "Field",
 	props: {
 		id: {},
@@ -1033,9 +1015,9 @@ var qe = j([
 			"data-invalid": e.invalid || void 0,
 			"data-disabled": e.disabled || void 0,
 			class: h(D(F)(c.value, t.class))
-		}, [C(n.$slots, "default")], 10, rn));
+		}, [C(n.$slots, "default")], 10, nn));
 	}
-}), on = ["for"], sn = /* @__PURE__ */ u({
+}), an = ["for"], on = /* @__PURE__ */ u({
 	__name: "FieldLabel",
 	props: {
 		for: {},
@@ -1051,10 +1033,10 @@ var qe = j([
 		let t = e, n = d(L, null), i = r(() => t.for ?? n?.id.value), a = r(() => n?.required.value ?? !1);
 		return (e, n) => (b(), o("label", {
 			for: i.value,
-			class: h(D(F)("w-fit select-none text-sm font-medium text-muted-foreground", a.value && "after:ml-0.5 after:text-destructive after:content-['*']", t.class))
-		}, [C(e.$slots, "default")], 10, on));
+			class: h(D(F)("w-fit select-none text-sm font-medium text-text-secondary", a.value && "after:ml-0.5 after:text-danger-text after:content-['*']", t.class))
+		}, [C(e.$slots, "default")], 10, an));
 	}
-}), cn = ["id"], ln = /* @__PURE__ */ u({
+}), sn = ["id"], cn = /* @__PURE__ */ u({
 	__name: "FieldDescription",
 	props: { class: { type: [
 		Boolean,
@@ -1067,10 +1049,10 @@ var qe = j([
 		let t = e, n = d(L, null);
 		return (e, r) => (b(), o("p", {
 			id: D(n)?.descriptionId.value,
-			class: h(D(F)("text-xs text-muted-foreground", t.class))
-		}, [C(e.$slots, "default")], 10, cn));
+			class: h(D(F)("text-xs text-text-secondary", t.class))
+		}, [C(e.$slots, "default")], 10, sn));
 	}
-}), un = ["id"], dn = /* @__PURE__ */ u({
+}), ln = ["id"], un = /* @__PURE__ */ u({
 	__name: "FieldError",
 	props: { class: { type: [
 		Boolean,
@@ -1084,10 +1066,10 @@ var qe = j([
 		return (e, r) => (b(), o("p", {
 			id: D(n)?.errorId.value,
 			role: "alert",
-			class: h(D(F)("text-sm text-destructive", t.class))
-		}, [C(e.$slots, "default")], 10, un));
+			class: h(D(F)("text-sm text-danger-text", t.class))
+		}, [C(e.$slots, "default")], 10, ln));
 	}
-}), fn = /* @__PURE__ */ u({
+}), dn = /* @__PURE__ */ u({
 	__name: "FieldContent",
 	props: { class: { type: [
 		Boolean,
@@ -1100,17 +1082,17 @@ var qe = j([
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex flex-col gap-y-0.5", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), R = Symbol("Select"), z = j("flex w-full items-center rounded-lg cursor-pointer select-none text-base outline-none transition-colors data-active:bg-accent data-active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", {
+}), R = Symbol("Select"), z = j("flex w-full items-center rounded-lg cursor-pointer select-none text-base outline-none transition-colors data-active:bg-bg-surface disabled:pointer-events-none disabled:opacity-50", {
 	variants: { indicator: {
 		none: "gap-x-2 px-2 py-1.5",
 		"trailing-check": "relative gap-x-2 py-2 pl-3 pr-9",
 		"leading-control": "gap-x-2 px-3 py-2"
 	} },
 	defaultVariants: { indicator: "none" }
-}), pn = ["data-active"], mn = {
+}), fn = ["data-active"], pn = {
 	key: 0,
 	class: "absolute inset-y-0 right-0 flex items-center pr-3 text-accent-pro-200"
-}, hn = /* @__PURE__ */ u({
+}, mn = /* @__PURE__ */ u({
 	__name: "SelectItem",
 	props: {
 		value: {},
@@ -1150,14 +1132,14 @@ var qe = j([
 			}, [C(t.$slots, "default", {
 				active: n,
 				selected: r
-			}, () => [c(E(e.label), 1)])], 2), r ? (b(), o("span", mn, [l(D(Ie), {
+			}, () => [c(E(e.label), 1)])], 2), r ? (b(), o("span", pn, [l(D(Ie), {
 				class: "size-5",
 				"aria-hidden": "true"
-			})])) : a("", !0)], 10, pn)]),
+			})])) : a("", !0)], 10, fn)]),
 			_: 3
 		}, 8, ["value", "disabled"])), [[re, p.value]]);
 	}
-}), gn = /* @__PURE__ */ u({
+}), hn = /* @__PURE__ */ u({
 	__name: "Select",
 	props: {
 		modelValue: {},
@@ -1180,7 +1162,7 @@ var qe = j([
 				}
 				if (typeof n != "object") return;
 				let r = n;
-				r.type === hn && r.props?.value && r.props?.label && (e[r.props.value] = r.props.label), Array.isArray(r.children) && t(r.children);
+				r.type === mn && r.props?.value && r.props?.label && (e[r.props.value] = r.props.label), Array.isArray(r.children) && t(r.children);
 				let i = r.children;
 				if (i && typeof i == "object" && !Array.isArray(i)) {
 					let e = i.default;
@@ -1239,32 +1221,26 @@ var qe = j([
 	"w-full",
 	"min-w-0",
 	"border",
-	"transition-[color,border-color,box-shadow]",
+	"transition-[color,box-shadow]",
 	"outline-none",
 	"focus-visible:outline-none",
-	"focus-within:border-foreground",
+	"focus-within:border-border-dark",
 	"focus-within:ring-1",
-	"focus-within:ring-foreground",
+	"focus-within:ring-border-dark",
 	"disabled:pointer-events-none",
-	"disabled:opacity-50",
-	"aria-disabled:pointer-events-none",
-	"aria-disabled:opacity-50",
-	"has-disabled:pointer-events-none",
-	"has-disabled:opacity-50"
+	"disabled:opacity-50"
 ].join(" "), {
 	variants: {
 		variant: {
-			primary: "bg-muted border-input text-foreground font-medium",
-			contrast: "bg-background border-input text-foreground font-medium"
+			primary: "bg-bg-surface border-border-default text-text-primary font-medium",
+			contrast: "bg-bg-raised border-border-default text-text-primary font-medium"
 		},
 		size: {
-			sm: "h-8 rounded-lg px-1 text-base md:text-sm",
-			base: "h-10 rounded-xl px-3.5 text-base md:text-sm",
-			lg: "h-12 rounded-xl px-3.5 text-base",
-			xl: "h-14 rounded-xl px-4 text-base"
+			base: "h-12 rounded-xl px-3.5",
+			sm: "h-9 rounded-lg px-1 text-sm"
 		},
 		invalid: {
-			true: "border-destructive ring-1 ring-destructive focus-within:border-destructive focus-within:ring-destructive",
+			true: "border-danger-border ring-1 ring-danger-border focus-within:border-danger-border focus-within:ring-danger-border",
 			false: ""
 		}
 	},
@@ -1273,7 +1249,7 @@ var qe = j([
 		size: "base",
 		invalid: !1
 	}
-}), _n = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, vn = /* @__PURE__ */ u({
+}), gn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, _n = /* @__PURE__ */ u({
 	__name: "SelectTrigger",
 	props: {
 		placeholder: { default: "Select an option" },
@@ -1301,7 +1277,7 @@ var qe = j([
 				default: A(() => [s("span", { class: h(["block truncate", !D(n).selected.value && "text-text-tertiary"]) }, [C(a.$slots, "default", {
 					selected: D(n).selected.value,
 					label: D(n).selectedLabel.value
-				}, () => [c(E(D(n).selected.value ? D(n).selectedLabel.value : e.placeholder), 1)])], 2), s("span", _n, [l(D(Fe), {
+				}, () => [c(E(D(n).selected.value ? D(n).selectedLabel.value : e.placeholder), 1)])], 2), s("span", gn, [l(D(Fe), {
 					class: "size-5 text-text-tertiary",
 					"aria-hidden": "true"
 				})])]),
@@ -1316,7 +1292,7 @@ var qe = j([
 			_: 3
 		}));
 	}
-}), V = j("max-h-80 overflow-y-auto rounded-2xl bg-popover text-popover-foreground p-2 shadow-lg ring-1 ring-border focus-visible:outline-none", {
+}), V = j("max-h-80 overflow-y-auto rounded-2xl bg-bg-raised p-2 shadow-lg ring-1 ring-border-default focus-visible:outline-none", {
 	variants: { size: {
 		fit: "w-fit",
 		full: "w-full",
@@ -1335,7 +1311,7 @@ var qe = j([
 	leave: "transition-none",
 	leaveFrom: "opacity-100",
 	leaveTo: "opacity-0"
-}, yn = /* @__PURE__ */ u({
+}, vn = /* @__PURE__ */ u({
 	__name: "SelectContent",
 	props: {
 		width: { default: "full" },
@@ -1369,12 +1345,12 @@ var qe = j([
 			"leave-to"
 		]));
 	}
-}), bn = [
+}), yn = [
 	"id",
 	"value",
 	"placeholder",
 	"aria-label"
-], xn = /* @__PURE__ */ u({
+], bn = /* @__PURE__ */ u({
 	__name: "SearchInput",
 	props: {
 		modelValue: {},
@@ -1404,21 +1380,21 @@ var qe = j([
 			onInput: i,
 			onClick: n[0] ||= oe(() => {}, ["stop"]),
 			onKeydown: n[1] ||= oe(() => {}, ["stop"])
-		}, null, 40, bn)], 2));
+		}, null, 40, yn)], 2));
 	}
-}), Sn = /* @__PURE__ */ u({
+}), xn = /* @__PURE__ */ u({
 	__name: "SelectSearch",
 	props: { placeholder: { default: "Search..." } },
 	setup(e) {
 		let t = d(R);
 		if (!t) throw Error("SelectSearch must be used inside Select");
-		return (n, r) => (b(), i(xn, {
+		return (n, r) => (b(), i(bn, {
 			modelValue: D(t).query.value,
 			"onUpdate:modelValue": r[0] ||= (e) => D(t).query.value = e,
 			placeholder: e.placeholder
 		}, null, 8, ["modelValue", "placeholder"]));
 	}
-}), Cn = Symbol("MultiSelect"), wn = /* @__PURE__ */ u({
+}), Sn = Symbol("MultiSelect"), Cn = /* @__PURE__ */ u({
 	__name: "MultiSelect",
 	props: /*@__PURE__*/ f({
 		options: {},
@@ -1459,7 +1435,7 @@ var qe = j([
 		}, p = () => {
 			n.value = [];
 		};
-		return x(Cn, {
+		return x(Sn, {
 			isSelected: (e) => o.value.has(e),
 			toggle: d,
 			query: a,
@@ -1495,7 +1471,7 @@ var qe = j([
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Tn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, En = /* @__PURE__ */ u({
+}), wn = { class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2" }, Tn = /* @__PURE__ */ u({
 	__name: "MultiSelectTrigger",
 	props: {
 		label: {},
@@ -1524,7 +1500,7 @@ var qe = j([
 					size: e.size
 				}), "relative cursor-pointer", t.class))
 			}, {
-				default: A(() => [s("span", { class: h(["block truncate", e.empty && "text-text-tertiary"]) }, [C(r.$slots, "default", {}, () => [c(E(e.label), 1)])], 2), s("span", Tn, [l(D(Fe), {
+				default: A(() => [s("span", { class: h(["block truncate", e.empty && "text-text-tertiary"]) }, [C(r.$slots, "default", {}, () => [c(E(e.label), 1)])], 2), s("span", wn, [l(D(Fe), {
 					class: "size-4 text-text-tertiary",
 					"aria-hidden": "true"
 				})])]),
@@ -1539,7 +1515,7 @@ var qe = j([
 			_: 3
 		}));
 	}
-}), Dn = /* @__PURE__ */ u({
+}), En = /* @__PURE__ */ u({
 	__name: "MultiSelectContent",
 	props: {
 		size: { default: "xs" },
@@ -1579,22 +1555,32 @@ var qe = j([
 			"leave-to"
 		]));
 	}
-}), On = (e) => {
-	let t = d(Cn, null);
+}), Dn = (e) => {
+	let t = d(Sn, null);
 	if (!t) throw Error(`${e} must be used inside <MultiSelect>.`);
 	return t;
-}, kn = /* @__PURE__ */ u({
+}, On = /* @__PURE__ */ u({
 	__name: "MultiSelectSearch",
 	props: { placeholder: { default: "Search..." } },
 	setup(e) {
-		let t = On("MultiSelectSearch");
-		return (n, r) => (b(), i(xn, {
+		let t = Dn("MultiSelectSearch");
+		return (n, r) => (b(), i(bn, {
 			modelValue: D(t).query.value,
 			"onUpdate:modelValue": r[0] ||= (e) => D(t).query.value = e,
 			placeholder: e.placeholder
 		}, null, 8, ["modelValue", "placeholder"]));
 	}
-}), An = [
+}), kn = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "3",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	class: "pointer-events-none size-3 text-text-inverse"
+}, An = [
 	"id",
 	"checked",
 	"required",
@@ -1602,7 +1588,17 @@ var qe = j([
 	"aria-invalid",
 	"aria-required",
 	"aria-describedby"
-], jn = /* @__PURE__ */ u({
+], jn = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "3",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	class: "pointer-events-none size-3 text-text-inverse"
+}, Mn = /* @__PURE__ */ u({
 	__name: "Checkbox",
 	props: {
 		id: {},
@@ -1627,55 +1623,35 @@ var qe = j([
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, c = d(L, null), l = O(), u = r(() => ({
-			id: n.id ?? c?.id.value ?? l,
+		let n = e, i = t, c = d(L, null), l = r(() => ({
+			id: n.id ?? c?.id.value,
 			required: n.required || (c?.required.value ?? !1),
 			disabled: n.disabled || (c?.disabled.value ?? !1),
 			invalid: n.invalid || (c?.invalid.value ?? !1),
 			describedById: c?.describedById.value
-		})), f = r(() => F("flex size-4 shrink-0 items-center justify-center rounded-[calc(var(--radius)*0.4)] border transition-colors", u.value.invalid ? "border-destructive bg-destructive/10" : n.modelValue ? "border-primary bg-primary" : "border-border-strong bg-background")), p = r(() => F("pointer-events-none size-3", u.value.invalid ? "text-destructive" : "text-primary-foreground")), m = (e) => {
+		})), u = r(() => F("flex size-4 shrink-0 items-center justify-center rounded border transition-colors", l.value.invalid ? "border-danger-text bg-danger-text/10" : n.modelValue ? "border-bg-inverse bg-bg-inverse" : "border-border-strong bg-bg-base", n.class)), f = (e) => {
 			i("update:modelValue", e.target.checked);
 		};
-		return (t, r) => e.visual ? (b(), o("div", {
-			key: 0,
-			class: h(D(F)(f.value, n.class))
-		}, [e.modelValue ? (b(), o("svg", {
+		return (t, n) => e.visual ? (b(), o("div", {
 			key: 0,
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			"stroke-width": "3",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round",
-			class: h(p.value)
-		}, [...r[0] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]], 2)) : a("", !0)], 2)) : (b(), o("label", {
+			class: h(u.value)
+		}, [e.modelValue ? (b(), o("svg", kn, [...n[0] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 2)) : (b(), o("label", {
 			key: 1,
-			class: h(["inline-flex", u.value.disabled && "opacity-50"])
+			class: h(["inline-flex", l.value.disabled && "opacity-60"])
 		}, [s("input", {
-			id: u.value.id,
+			id: l.value.id,
 			type: "checkbox",
 			checked: e.modelValue,
-			required: u.value.required,
-			disabled: u.value.disabled,
-			"aria-invalid": u.value.invalid || void 0,
-			"aria-required": u.value.required || void 0,
-			"aria-describedby": u.value.describedById,
+			required: l.value.required,
+			disabled: l.value.disabled,
+			"aria-invalid": l.value.invalid || void 0,
+			"aria-required": l.value.required || void 0,
+			"aria-describedby": l.value.describedById,
 			class: "peer sr-only",
-			onChange: m
-		}, null, 40, An), s("div", { class: h(D(F)(f.value, "cursor-pointer peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background peer-disabled:cursor-not-allowed", n.class)) }, [e.modelValue ? (b(), o("svg", {
-			key: 0,
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			"stroke-width": "3",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round",
-			class: h(p.value)
-		}, [...r[1] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]], 2)) : a("", !0)], 2)], 2));
+			onChange: f
+		}, null, 40, An), s("div", { class: h(D(F)(u.value, "cursor-pointer peer-focus-visible:ring-1 peer-focus-visible:ring-border-strong peer-disabled:cursor-not-allowed")) }, [e.modelValue ? (b(), o("svg", jn, [...n[1] ||= [s("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : a("", !0)], 2)], 2));
 	}
-}), Mn = ["disabled", "aria-pressed"], Nn = /* @__PURE__ */ u({
+}), Nn = ["disabled", "aria-pressed"], Pn = /* @__PURE__ */ u({
 	__name: "MultiSelectItem",
 	props: {
 		value: {},
@@ -1683,19 +1659,19 @@ var qe = j([
 		disabled: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = On("MultiSelectItem"), i = r(() => n.isSelected(t.value)), a = r(() => n.matchesQuery(t.label));
+		let t = e, n = Dn("MultiSelectItem"), i = r(() => n.isSelected(t.value)), a = r(() => n.matchesQuery(t.label));
 		return (t, r) => ae((b(), o("button", {
 			type: "button",
 			disabled: e.disabled,
 			"aria-pressed": i.value,
 			class: h(D(F)(D(z)({ indicator: "leading-control" }), "text-left hover:bg-bg-surface")),
 			onClick: r[0] ||= (t) => D(n).toggle(e.value)
-		}, [l(jn, {
+		}, [l(Mn, {
 			"model-value": i.value,
 			visual: ""
-		}, null, 8, ["model-value"]), C(t.$slots, "default", { selected: i.value }, () => [s("span", { class: h(["truncate", i.value ? "font-medium" : "font-normal"]) }, E(e.label), 3)])], 10, Mn)), [[re, a.value]]);
+		}, null, 8, ["model-value"]), C(t.$slots, "default", { selected: i.value }, () => [s("span", { class: h(["truncate", i.value ? "font-medium" : "font-normal"]) }, E(e.label), 3)])], 10, Nn)), [[re, a.value]]);
 	}
-}), Pn = /* @__PURE__ */ u({
+}), Fn = /* @__PURE__ */ u({
 	__name: "Dropdown",
 	props: {
 		placement: { default: "bottom-start" },
@@ -1729,7 +1705,7 @@ var qe = j([
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Fn = /* @__PURE__ */ u({
+}), In = /* @__PURE__ */ u({
 	__name: "DropdownTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -1746,7 +1722,7 @@ var qe = j([
 		return (n, r) => (b(), i(D(P), null, {
 			default: A(() => [l(D(Ce), {
 				as: e.asChild ? "template" : void 0,
-				class: h(e.asChild ? void 0 : D(F)("cursor-pointer rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background", t.class))
+				class: h(e.asChild ? void 0 : D(F)("cursor-pointer rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-border-strong", t.class))
 			}, {
 				default: A(({ open: e }) => [C(n.$slots, "default", { open: e })]),
 				_: 3
@@ -1754,7 +1730,7 @@ var qe = j([
 			_: 3
 		}));
 	}
-}), In = /* @__PURE__ */ u({
+}), Ln = /* @__PURE__ */ u({
 	__name: "DropdownContent",
 	props: {
 		size: { default: "full" },
@@ -1791,7 +1767,7 @@ var qe = j([
 			"leave-to"
 		]));
 	}
-}), Ln = ["disabled", "data-active"], Rn = /* @__PURE__ */ u({
+}), Rn = ["disabled", "data-active"], zn = /* @__PURE__ */ u({
 	__name: "DropdownItem",
 	props: {
 		disabled: { type: Boolean },
@@ -1811,16 +1787,16 @@ var qe = j([
 				type: "button",
 				disabled: e.disabled,
 				"data-active": i || void 0,
-				class: h(D(F)(D(z)(), "text-foreground text-sm", n.class)),
+				class: h(D(F)(D(z)(), "text-text-primary text-sm", n.class)),
 				onClick: a[0] ||= (e) => r("select")
-			}, [C(t.$slots, "default", { active: i })], 10, Ln)]),
+			}, [C(t.$slots, "default", { active: i })], 10, Rn)]),
 			_: 3
 		}, 8, ["disabled"]));
 	}
-}), U = Symbol("Combobox"), zn = ["data-active"], Bn = {
+}), U = Symbol("Combobox"), Bn = ["data-active"], Vn = {
 	key: 0,
 	class: "absolute inset-y-0 right-0 flex items-center pr-3 text-accent-pro-200"
-}, Vn = /* @__PURE__ */ u({
+}, Hn = /* @__PURE__ */ u({
 	__name: "ComboboxItem",
 	props: {
 		value: {},
@@ -1858,14 +1834,14 @@ var qe = j([
 			}, [C(t.$slots, "default", {
 				active: n,
 				selected: r
-			}, () => [c(E(e.label), 1)])], 2), r ? (b(), o("span", Bn, [l(D(Ie), {
+			}, () => [c(E(e.label), 1)])], 2), r ? (b(), o("span", Vn, [l(D(Ie), {
 				class: "size-5",
 				"aria-hidden": "true"
-			})])) : a("", !0)], 10, zn)]),
+			})])) : a("", !0)], 10, Bn)]),
 			_: 3
 		}, 8, ["value", "disabled"])), [[re, m.value]]);
 	}
-}), Hn = /* @__PURE__ */ u({
+}), Un = /* @__PURE__ */ u({
 	__name: "Combobox",
 	props: {
 		modelValue: {},
@@ -1884,7 +1860,7 @@ var qe = j([
 				}
 				if (typeof n != "object") return;
 				let r = n;
-				r.type === Vn && r.props?.value && r.props?.label && (e[r.props.value] = r.props.label), Array.isArray(r.children) && t(r.children);
+				r.type === Hn && r.props?.value && r.props?.label && (e[r.props.value] = r.props.label), Array.isArray(r.children) && t(r.children);
 				let i = r.children;
 				if (i && typeof i == "object" && !Array.isArray(i)) {
 					let e = i.default;
@@ -1946,7 +1922,7 @@ var qe = j([
 			_: 3
 		}, 8, ["modelValue"]));
 	}
-}), Un = ["data-invalid"], Wn = /* @__PURE__ */ u({
+}), Wn = ["data-invalid"], Gn = /* @__PURE__ */ u({
 	__name: "ComboboxInput",
 	props: {
 		placeholder: { default: "Search..." },
@@ -1989,11 +1965,11 @@ var qe = j([
 					"aria-hidden": "true"
 				})]),
 				_: 1
-			})], 10, Un)]),
+			})], 10, Wn)]),
 			_: 1
 		}));
 	}
-}), Gn = /* @__PURE__ */ u({
+}), Kn = /* @__PURE__ */ u({
 	__name: "ComboboxContent",
 	props: {
 		width: { default: "full" },
@@ -2028,21 +2004,18 @@ var qe = j([
 			"leave-to"
 		]));
 	}
-}), Kn = {
+}), qn = {
 	key: 0,
 	class: "px-3 py-6 text-center text-sm text-text-tertiary"
-}, qn = /* @__PURE__ */ u({
+}, Jn = /* @__PURE__ */ u({
 	__name: "ComboboxEmpty",
 	setup(e) {
 		let t = d(U);
 		if (!t) throw Error("ComboboxEmpty must be used inside Combobox");
 		let n = r(() => t.hasQuery.value && t.visibleCount.value === 0);
-		return (e, t) => n.value ? (b(), o("div", Kn, [C(e.$slots, "default", {}, () => [t[0] ||= c("No results found.", -1)])])) : a("", !0);
+		return (e, t) => n.value ? (b(), o("div", qn, [C(e.$slots, "default", {}, () => [t[0] ||= c("No results found.", -1)])])) : a("", !0);
 	}
-}), Jn = ["data-invalid"], Yn = {
-	key: 0,
-	class: "flex items-center gap-1 text-muted-foreground"
-}, Xn = [
+}), Yn = ["data-invalid"], Xn = { class: "flex items-center gap-1 text-text-secondary" }, Zn = [
 	"id",
 	"type",
 	"value",
@@ -2053,7 +2026,7 @@ var qe = j([
 	"aria-required",
 	"aria-describedby",
 	"data-invalid"
-], Zn = /* @__PURE__ */ u({
+], Qn = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "Input",
 	props: /*@__PURE__*/ f({
@@ -2087,42 +2060,42 @@ var qe = j([
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = te(e, "modelValue"), i = d(L, null), c = O(), l = r(() => t.id ?? i?.id.value ?? c), u = r(() => t.invalid ?? i?.invalid.value ?? !1), f = r(() => t.disabled ?? i?.disabled.value ?? !1), m = r(() => t.required ?? i?.required.value ?? !1), g = r(() => i?.describedById.value), _ = r(() => F(B({
+		let t = e, n = te(e, "modelValue"), i = d(L, null), a = O(), c = r(() => t.id ?? i?.id.value ?? a), l = r(() => t.invalid ?? i?.invalid.value ?? !1), u = r(() => t.disabled ?? i?.disabled.value ?? !1), f = r(() => t.required ?? i?.required.value ?? !1), m = r(() => i?.describedById.value), g = r(() => F(B({
 			variant: t.variant,
 			size: t.size,
-			invalid: u.value
-		}), t.class)), v = S(null), y = (e) => {
+			invalid: l.value
+		}), t.class)), _ = S(null), v = (e) => {
 			let t = e.target;
-			t !== v.value && (t.closest("button, a, input, select, textarea, [tabindex]") || v.value?.focus());
-		}, x = (e) => {
+			t !== _.value && (t.closest("button, a, input, select, textarea, [tabindex]") || _.value?.focus());
+		}, y = (e) => {
 			n.value = e.target.value;
 		};
 		return (t, r) => (b(), o("div", {
-			class: h(_.value),
-			"data-invalid": u.value || void 0,
-			onClick: y
-		}, [t.$slots.default ? (b(), o("span", Yn, [C(t.$slots, "default")])) : a("", !0), s("input", p({
+			class: h(g.value),
+			"data-invalid": l.value || void 0,
+			onClick: v
+		}, [s("span", Xn, [C(t.$slots, "default")]), s("input", p({
 			ref_key: "inputRef",
-			ref: v
+			ref: _
 		}, t.$attrs, {
-			id: l.value,
+			id: c.value,
 			type: e.type,
 			value: n.value ?? "",
-			disabled: f.value,
+			disabled: u.value,
 			placeholder: e.placeholder,
-			required: m.value,
-			"aria-invalid": u.value || void 0,
-			"aria-required": m.value || void 0,
-			"aria-describedby": g.value,
-			"data-invalid": u.value || void 0,
-			class: "h-full w-full bg-transparent text-foreground/70 outline-none transition-colors group-hover:text-foreground focus:text-foreground disabled:cursor-not-allowed",
-			onInput: x
-		}), null, 16, Xn)], 10, Jn));
-	}
-}), Qn = ["data-invalid"], $n = {
+			required: f.value,
+			"aria-invalid": l.value || void 0,
+			"aria-required": f.value || void 0,
+			"aria-describedby": m.value,
+			"data-invalid": l.value || void 0,
+			class: "h-full w-full bg-transparent text-text-primary/70 outline-none transition-colors group-hover:text-text-primary focus:text-text-primary disabled:cursor-not-allowed",
+			onInput: y
+		}), null, 16, Zn)], 10, Yn));
+	}
+}), $n = ["data-invalid"], er = {
 	key: 0,
-	class: "flex items-center gap-1 text-muted-foreground"
-}, er = [
+	class: "flex items-center gap-1 text-text-secondary"
+}, tr = [
 	"id",
 	"rows",
 	"value",
@@ -2133,7 +2106,7 @@ var qe = j([
 	"aria-required",
 	"aria-describedby",
 	"data-invalid"
-], tr = /* @__PURE__ */ u({
+], nr = /* @__PURE__ */ u({
 	__name: "Textarea",
 	props: /*@__PURE__*/ f({
 		variant: { default: "primary" },
@@ -2170,7 +2143,7 @@ var qe = j([
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = te(e, "modelValue"), i = d(L, null), c = O(), l = r(() => t.id ?? i?.id.value ?? c), u = r(() => t.invalid ?? i?.invalid.value ?? !1), f = r(() => t.disabled ?? i?.disabled.value ?? !1), p = r(() => t.required ?? i?.required.value ?? !1), _ = r(() => i?.describedById.value), v = r(() => ({ minHeight: `calc(${t.rows}lh + 1rem)` })), y = S(), { triggerResize: x } = Ke({
+		let t = e, n = te(e, "modelValue"), i = d(L, null), c = O(), l = r(() => t.id ?? i?.id.value ?? c), u = r(() => t.invalid ?? i?.invalid.value ?? !1), f = r(() => t.disabled ?? i?.disabled.value ?? !1), p = r(() => t.required ?? i?.required.value ?? !1), _ = r(() => i?.describedById.value), v = r(() => ({ minHeight: `${t.rows * 1.5 + 1}rem` })), y = S(), { triggerResize: x } = Ke({
 			element: y,
 			input: r(() => String(n.value ?? "")),
 			styleProp: "height"
@@ -2188,7 +2161,7 @@ var qe = j([
 		return (t, r) => (b(), o("div", {
 			class: h(w.value),
 			"data-invalid": u.value || void 0
-		}, [t.$slots.default ? (b(), o("span", $n, [C(t.$slots, "default")])) : a("", !0), s("textarea", {
+		}, [t.$slots.default ? (b(), o("span", er, [C(t.$slots, "default")])) : a("", !0), s("textarea", {
 			id: l.value,
 			ref_key: "textareaEl",
 			ref: y,
@@ -2202,18 +2175,18 @@ var qe = j([
 			"aria-required": p.value || void 0,
 			"aria-describedby": _.value,
 			"data-invalid": u.value || void 0,
-			class: h(D(F)("w-full bg-transparent py-2 text-foreground/70 outline-none transition-colors group-hover:text-foreground focus:text-foreground disabled:cursor-not-allowed", e.autosize ? "resize-none max-h-60 overflow-y-auto scrollbar-thin pr-3.5" : "resize-none")),
+			class: h(D(F)("w-full bg-transparent py-2 text-text-primary/70 outline-none transition-colors group-hover:text-text-primary focus:text-text-primary disabled:cursor-not-allowed", e.autosize ? "resize-none max-h-60 overflow-y-auto scrollbar-thin pr-3.5" : "resize-none")),
 			onInput: T
-		}, null, 46, er)], 10, Qn));
+		}, null, 46, tr)], 10, $n));
 	}
-}), nr = [
+}), rr = [
 	"id",
 	"checked",
 	"aria-checked",
 	"aria-label",
 	"aria-describedby",
 	"disabled"
-], rr = /* @__PURE__ */ u({
+], ir = /* @__PURE__ */ u({
 	__name: "Switch",
 	props: {
 		modelValue: { type: Boolean },
@@ -2240,7 +2213,7 @@ var qe = j([
 		})), u = (e) => {
 			i("update:modelValue", e.target.checked);
 		};
-		return (t, r) => (b(), o("label", { class: h(["relative inline-flex", l.value.disabled && "opacity-50"]) }, [s("input", {
+		return (t, r) => (b(), o("label", { class: h(["relative inline-flex", l.value.disabled && "opacity-60"]) }, [s("input", {
 			id: l.value.id,
 			type: "checkbox",
 			role: "switch",
@@ -2251,9 +2224,9 @@ var qe = j([
 			disabled: l.value.disabled,
 			class: "peer sr-only",
 			onChange: u
-		}, null, 40, nr), s("div", { class: h(D(F)("h-6 w-11 cursor-pointer rounded-full bg-input transition-colors", "after:absolute after:inset-s-0.5 after:top-0.5 after:size-5 after:rounded-full after:border after:border-border-strong after:bg-background after:transition-all after:content-['']", "peer-checked:bg-primary peer-checked:after:translate-x-5 peer-checked:after:border-primary rtl:peer-checked:after:-translate-x-5", "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-background", "peer-disabled:cursor-not-allowed", n.class)) }, null, 2)], 2));
+		}, null, 40, rr), s("div", { class: h(D(F)("h-6 w-11 cursor-pointer rounded-full bg-bg-subtle transition-colors", "after:absolute after:inset-s-0.5 after:top-0.5 after:size-5 after:rounded-full after:border after:border-border-strong after:bg-bg-base after:transition-all after:content-['']", "peer-checked:bg-bg-inverse peer-checked:after:translate-x-5 peer-checked:after:border-bg-inverse", "peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-border-strong", "peer-disabled:cursor-not-allowed", n.class)) }, null, 2)], 2));
 	}
-}), ir = /* @__PURE__ */ u({
+}), ar = /* @__PURE__ */ u({
 	__name: "Popover",
 	props: {
 		placement: { default: "bottom-end" },
@@ -2285,7 +2258,7 @@ var qe = j([
 			_: 3
 		}, 8, ["class"]));
 	}
-}), ar = /* @__PURE__ */ u({
+}), or = /* @__PURE__ */ u({
 	__name: "PopoverTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -2310,7 +2283,7 @@ var qe = j([
 			_: 3
 		}));
 	}
-}), or = /* @__PURE__ */ u({
+}), sr = /* @__PURE__ */ u({
 	__name: "PopoverContent",
 	props: {
 		size: { default: "xs" },
@@ -2349,7 +2322,7 @@ var qe = j([
 	}
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var sr = (e) => e != null, cr = [
+var cr = (e) => e != null, lr = [
 	"input:not([inert]):not([inert] *)",
 	"select:not([inert]):not([inert] *)",
 	"textarea:not([inert]):not([inert] *)",
@@ -2361,7 +2334,7 @@ var sr = (e) => e != null, cr = [
 	"[contenteditable]:not([contenteditable=\"false\"]):not([inert]):not([inert] *)",
 	"details>summary:first-of-type:not([inert]):not([inert] *)",
 	"details:not([inert]):not([inert] *)"
-], W = /* #__PURE__ */ cr.join(","), lr = typeof Element > "u", G = lr ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, K = !lr && Element.prototype.getRootNode ? function(e) {
+], W = /* #__PURE__ */ lr.join(","), ur = typeof Element > "u", G = ur ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, K = !ur && Element.prototype.getRootNode ? function(e) {
 	return e?.getRootNode?.call(e);
 } : function(e) {
 	return e?.ownerDocument;
@@ -2369,10 +2342,10 @@ var sr = (e) => e != null, cr = [
 	t === void 0 && (t = !0);
 	var n = e?.getAttribute?.call(e, "inert");
 	return n === "" || n === "true" || t && e && (typeof e.closest == "function" ? e.closest("[inert]") : q(e.parentNode));
-}, ur = function(e) {
+}, dr = function(e) {
 	var t = e?.getAttribute?.call(e, "contenteditable");
 	return t === "" || t === "true";
-}, dr = function(e, t, n) {
+}, fr = function(e, t, n) {
 	if (q(e)) return [];
 	var r = Array.prototype.slice.apply(e.querySelectorAll(W));
 	return t && G.call(e, W) && r.unshift(e), r = r.filter(n), r;
@@ -2398,27 +2371,27 @@ var sr = (e) => e != null, cr = [
 		}
 	}
 	return r;
-}, fr = function(e) {
+}, pr = function(e) {
 	return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
 }, Y = function(e) {
 	if (!e) throw Error("No node provided");
-	return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || ur(e)) && !fr(e) ? 0 : e.tabIndex;
-}, pr = function(e, t) {
-	var n = Y(e);
-	return n < 0 && t && !fr(e) ? 0 : n;
+	return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || dr(e)) && !pr(e) ? 0 : e.tabIndex;
 }, mr = function(e, t) {
+	var n = Y(e);
+	return n < 0 && t && !pr(e) ? 0 : n;
+}, hr = function(e, t) {
 	return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
-}, hr = function(e) {
-	return e.tagName === "INPUT";
 }, gr = function(e) {
-	return hr(e) && e.type === "hidden";
+	return e.tagName === "INPUT";
 }, _r = function(e) {
+	return gr(e) && e.type === "hidden";
+}, vr = function(e) {
 	return e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(e) {
 		return e.tagName === "SUMMARY";
 	});
-}, vr = function(e, t) {
+}, yr = function(e, t) {
 	for (var n = 0; n < e.length; n++) if (e[n].checked && e[n].form === t) return e[n];
-}, yr = function(e) {
+}, br = function(e) {
 	if (!e.name) return !0;
 	var t = e.form || K(e), n = function(e) {
 		return t.querySelectorAll("input[type=\"radio\"][name=\"" + e + "\"]");
@@ -2429,13 +2402,13 @@ var sr = (e) => e != null, cr = [
 	} catch (e) {
 		return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", e.message), !1;
 	}
-	var i = vr(r, e.form);
+	var i = yr(r, e.form);
 	return !i || i === e;
-}, br = function(e) {
-	return hr(e) && e.type === "radio";
 }, xr = function(e) {
-	return br(e) && !yr(e);
+	return gr(e) && e.type === "radio";
 }, Sr = function(e) {
+	return xr(e) && !br(e);
+}, Cr = function(e) {
 	var t = e && K(e), n = t?.host, r = !1;
 	if (t && t !== e) {
 		var i, a, o;
@@ -2445,10 +2418,10 @@ var sr = (e) => e != null, cr = [
 		}
 	}
 	return r;
-}, Cr = function(e) {
+}, wr = function(e) {
 	var t = e.getBoundingClientRect(), n = t.width, r = t.height;
 	return n === 0 && r === 0;
-}, wr = function(e, t) {
+}, Tr = function(e, t) {
 	var n = t.displayCheck, r = t.getShadowRoot;
 	if (n === "full-native" && "checkVisibility" in e) return !e.checkVisibility({
 		checkOpacity: !1,
@@ -2464,16 +2437,16 @@ var sr = (e) => e != null, cr = [
 		if (typeof r == "function") {
 			for (var a = e; e;) {
 				var o = e.parentElement, s = K(e);
-				if (o && !o.shadowRoot && r(o) === !0) return Cr(e);
+				if (o && !o.shadowRoot && r(o) === !0) return wr(e);
 				e = e.assignedSlot ? e.assignedSlot : !o && s !== e.ownerDocument ? s.host : o;
 			}
 			e = a;
 		}
-		if (Sr(e)) return !e.getClientRects().length;
+		if (Cr(e)) return !e.getClientRects().length;
 		if (n !== "legacy-full") return !0;
-	} else if (n === "non-zero-area") return Cr(e);
+	} else if (n === "non-zero-area") return wr(e);
 	return !1;
-}, Tr = function(e) {
+}, Er = function(e) {
 	if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)) for (var t = e.parentElement; t;) {
 		if (t.tagName === "FIELDSET" && t.disabled) {
 			for (var n = 0; n < t.children.length; n++) {
@@ -2485,17 +2458,17 @@ var sr = (e) => e != null, cr = [
 		t = t.parentElement;
 	}
 	return !1;
-}, Er = function(e, t) {
-	return !(t.disabled || gr(t) || wr(t, e) || _r(t) || Tr(t));
 }, Dr = function(e, t) {
-	return !(xr(t) || Y(t) < 0 || !Er(e, t));
-}, Or = function(e) {
+	return !(t.disabled || _r(t) || Tr(t, e) || vr(t) || Er(t));
+}, Or = function(e, t) {
+	return !(Sr(t) || Y(t) < 0 || !Dr(e, t));
+}, kr = function(e) {
 	var t = parseInt(e.getAttribute("tabindex"), 10);
 	return !!(isNaN(t) || t >= 0);
-}, kr = function(e) {
+}, Ar = function(e) {
 	var t = [], n = [];
 	return e.forEach(function(e, r) {
-		var i = !!e.scopeParent, a = i ? e.scopeParent : e, o = pr(a, i), s = i ? kr(e.candidates) : a;
+		var i = !!e.scopeParent, a = i ? e.scopeParent : e, o = mr(a, i), s = i ? Ar(e.candidates) : a;
 		o === 0 ? i ? t.push.apply(t, s) : t.push(a) : n.push({
 			documentOrder: r,
 			tabIndex: o,
@@ -2503,43 +2476,43 @@ var sr = (e) => e != null, cr = [
 			isScope: i,
 			content: s
 		});
-	}), n.sort(mr).reduce(function(e, t) {
+	}), n.sort(hr).reduce(function(e, t) {
 		return t.isScope ? e.push.apply(e, t.content) : e.push(t.content), e;
 	}, []).concat(t);
-}, Ar = function(e, t) {
-	return t ||= {}, kr(t.getShadowRoot ? J([e], t.includeContainer, {
-		filter: Dr.bind(null, t),
+}, jr = function(e, t) {
+	return t ||= {}, Ar(t.getShadowRoot ? J([e], t.includeContainer, {
+		filter: Or.bind(null, t),
 		flatten: !1,
 		getShadowRoot: t.getShadowRoot,
-		shadowRootFilter: Or
-	}) : dr(e, t.includeContainer, Dr.bind(null, t)));
-}, jr = function(e, t) {
+		shadowRootFilter: kr
+	}) : fr(e, t.includeContainer, Or.bind(null, t)));
+}, Mr = function(e, t) {
 	return t ||= {}, t.getShadowRoot ? J([e], t.includeContainer, {
-		filter: Er.bind(null, t),
+		filter: Dr.bind(null, t),
 		flatten: !0,
 		getShadowRoot: t.getShadowRoot
-	}) : dr(e, t.includeContainer, Er.bind(null, t));
+	}) : fr(e, t.includeContainer, Dr.bind(null, t));
 }, X = function(e, t) {
 	if (t ||= {}, !e) throw Error("No node provided");
-	return G.call(e, W) === !1 ? !1 : Dr(t, e);
-}, Mr = /* #__PURE__ */ cr.concat("iframe:not([inert]):not([inert] *)").join(","), Nr = function(e, t) {
+	return G.call(e, W) === !1 ? !1 : Or(t, e);
+}, Nr = /* #__PURE__ */ lr.concat("iframe:not([inert]):not([inert] *)").join(","), Pr = function(e, t) {
 	if (t ||= {}, !e) throw Error("No node provided");
-	return G.call(e, Mr) === !1 ? !1 : Er(t, e);
+	return G.call(e, Nr) === !1 ? !1 : Dr(t, e);
 };
 //#endregion
 //#region node_modules/focus-trap/dist/focus-trap.esm.js
-function Pr(e, t) {
+function Fr(e, t) {
 	(t == null || t > e.length) && (t = e.length);
 	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
 	return r;
 }
-function Fr(e) {
-	if (Array.isArray(e)) return Pr(e);
+function Ir(e) {
+	if (Array.isArray(e)) return Fr(e);
 }
-function Ir(e, t) {
+function Lr(e, t) {
 	var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
 	if (!n) {
-		if (Array.isArray(e) || (n = Gr(e)) || t) {
+		if (Array.isArray(e) || (n = Kr(e)) || t) {
 			n && (e = n);
 			var r = 0, i = function() {};
 			return {
@@ -2579,21 +2552,21 @@ function Ir(e, t) {
 		}
 	};
 }
-function Lr(e, t, n) {
-	return (t = Wr(t)) in e ? Object.defineProperty(e, t, {
+function Rr(e, t, n) {
+	return (t = Gr(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function Rr(e) {
+function zr(e) {
 	if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 }
-function zr() {
+function Br() {
 	throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function Br(e, t) {
+function Vr(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -2603,21 +2576,21 @@ function Br(e, t) {
 	}
 	return n;
 }
-function Vr(e) {
+function Hr(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? Br(Object(n), !0).forEach(function(t) {
-			Lr(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Br(Object(n)).forEach(function(t) {
+		t % 2 ? Vr(Object(n), !0).forEach(function(t) {
+			Rr(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Vr(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
 	return e;
 }
-function Hr(e) {
-	return Fr(e) || Rr(e) || Gr(e) || zr();
+function Ur(e) {
+	return Ir(e) || zr(e) || Kr(e) || Br();
 }
-function Ur(e, t) {
+function Wr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2627,15 +2600,15 @@ function Ur(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Wr(e) {
-	var t = Ur(e, "string");
+function Gr(e) {
+	var t = Wr(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function Gr(e, t) {
+function Kr(e, t) {
 	if (e) {
-		if (typeof e == "string") return Pr(e, t);
+		if (typeof e == "string") return Fr(e, t);
 		var n = {}.toString.call(e).slice(8, -1);
-		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Pr(e, t) : void 0;
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Fr(e, t) : void 0;
 	}
 }
 var Z = {
@@ -2658,32 +2631,32 @@ var Z = {
 		var t = Z.getActiveTrap(e);
 		t && !t._isManuallyPaused() && t._setPausedState(!1);
 	}
-}, Kr = function(e) {
-	return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
 }, qr = function(e) {
+	return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, Jr = function(e) {
 	return e?.key === "Escape" || e?.key === "Esc" || e?.keyCode === 27;
 }, Q = function(e) {
 	return e?.key === "Tab" || e?.keyCode === 9;
-}, Jr = function(e) {
-	return Q(e) && !e.shiftKey;
 }, Yr = function(e) {
-	return Q(e) && e.shiftKey;
+	return Q(e) && !e.shiftKey;
 }, Xr = function(e) {
+	return Q(e) && e.shiftKey;
+}, Zr = function(e) {
 	return setTimeout(e, 0);
 }, $ = function(e) {
 	var t = [...arguments].slice(1);
 	return typeof e == "function" ? e.apply(void 0, t) : e;
-}, Zr = function(e) {
+}, Qr = function(e) {
 	return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
-}, Qr = [], $r = function(e, t) {
-	var n = t?.document || document, r = t?.trapStack || Qr, i = Vr({
+}, $r = [], ei = function(e, t) {
+	var n = t?.document || document, r = t?.trapStack || $r, i = Hr({
 		returnFocusOnDeactivate: !0,
 		escapeDeactivates: !0,
 		delayInitialFocus: !0,
 		delayReturnFocus: !0,
 		isolateSubtrees: !1,
-		isKeyForward: Jr,
-		isKeyBackward: Yr
+		isKeyForward: Yr,
+		isKeyBackward: Xr
 	}, t), a = {
 		containers: [],
 		containerGroups: [],
@@ -2709,7 +2682,7 @@ var Z = {
 		});
 	}, l = function(e) {
 		var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = t.hasFallback, a = r === void 0 ? !1 : r, o = t.params, s = o === void 0 ? [] : o, c = i[e];
-		if (typeof c == "function" && (c = c.apply(void 0, Hr(s))), c === !0 && (c = void 0), !c) {
+		if (typeof c == "function" && (c = c.apply(void 0, Ur(s))), c === !0 && (c = void 0), !c) {
 			if (c === void 0 || c === !1) return c;
 			throw Error(`\`${e}\` was specified but was not a node, or did not return a node`);
 		}
@@ -2729,7 +2702,7 @@ var Z = {
 	}, d = function() {
 		var e = l("initialFocus", { hasFallback: !0 });
 		if (e === !1) return !1;
-		if (e === void 0 || e && !Nr(e, i.tabbableOptions)) {
+		if (e === void 0 || e && !Pr(e, i.tabbableOptions)) {
 			var t = u(n);
 			if (c(t) >= 0) e = t;
 			else {
@@ -2741,7 +2714,7 @@ var Z = {
 		return e;
 	}, f = function() {
 		if (a.containerGroups = a.containers.map(function(e) {
-			var t = Ar(e, i.tabbableOptions), n = jr(e, i.tabbableOptions), r = t.length > 0 ? t[0] : void 0, a = t.length > 0 ? t[t.length - 1] : void 0, o = n.find(function(e) {
+			var t = jr(e, i.tabbableOptions), n = Mr(e, i.tabbableOptions), r = t.length > 0 ? t[0] : void 0, a = t.length > 0 ? t[t.length - 1] : void 0, o = n.find(function(e) {
 				return X(e);
 			}), s = n.slice().reverse().find(function(e) {
 				return X(e);
@@ -2778,14 +2751,14 @@ var Z = {
 				p(d());
 				return;
 			}
-			e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, Kr(e) && e.select();
+			e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, qr(e) && e.select();
 		}
 	}, m = function(e) {
 		var t = l("setReturnFocus", { params: [e] });
 		return t || (t === !1 ? !1 : e);
 	}, h = function(e) {
 		var t = e.target, n = e.event, r = e.isBackward, o = r === void 0 ? !1 : r;
-		t ||= Zr(n), f();
+		t ||= Qr(n), f();
 		var s = null;
 		if (a.tabbableGroups.length > 0) {
 			var u = c(t, n), d = u >= 0 ? a.containerGroups[u] : void 0;
@@ -2795,7 +2768,7 @@ var Z = {
 					var n = e.firstTabbableNode;
 					return t === n;
 				});
-				if (p < 0 && (d.container === t || Nr(t, i.tabbableOptions) && !X(t, i.tabbableOptions) && !d.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
+				if (p < 0 && (d.container === t || Pr(t, i.tabbableOptions) && !X(t, i.tabbableOptions) && !d.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
 					var m = p === 0 ? a.tabbableGroups.length - 1 : p - 1, h = a.tabbableGroups[m];
 					s = Y(t) >= 0 ? h.lastTabbableNode : h.lastDomTabbableNode;
 				} else Q(n) || (s = d.nextTabbableNode(t, !1));
@@ -2804,7 +2777,7 @@ var Z = {
 					var n = e.lastTabbableNode;
 					return t === n;
 				});
-				if (g < 0 && (d.container === t || Nr(t, i.tabbableOptions) && !X(t, i.tabbableOptions) && !d.nextTabbableNode(t)) && (g = u), g >= 0) {
+				if (g < 0 && (d.container === t || Pr(t, i.tabbableOptions) && !X(t, i.tabbableOptions) && !d.nextTabbableNode(t)) && (g = u), g >= 0) {
 					var _ = g === a.tabbableGroups.length - 1 ? 0 : g + 1, v = a.tabbableGroups[_];
 					s = Y(t) >= 0 ? v.firstTabbableNode : v.firstDomTabbableNode;
 				} else Q(n) || (s = d.nextTabbableNode(t));
@@ -2812,7 +2785,7 @@ var Z = {
 		} else s = l("fallbackFocus");
 		return s;
 	}, g = function(e) {
-		if (!(c(Zr(e), e) >= 0)) {
+		if (!(c(Qr(e), e) >= 0)) {
 			if ($(i.clickOutsideDeactivates, e)) {
 				o.deactivate({ returnFocus: i.returnFocusOnDeactivate });
 				return;
@@ -2820,7 +2793,7 @@ var Z = {
 			$(i.allowOutsideClick, e) || e.preventDefault();
 		}
 	}, _ = function(e) {
-		var t = Zr(e), n = c(t, e) >= 0;
+		var t = Qr(e), n = c(t, e) >= 0;
 		if (n || t instanceof Document) n && (a.mostRecentlyFocusedNode = t);
 		else {
 			e.stopImmediatePropagation();
@@ -2856,15 +2829,15 @@ var Z = {
 	}, y = function(e) {
 		(i.isKeyForward(e) || i.isKeyBackward(e)) && v(e, i.isKeyBackward(e));
 	}, b = function(e) {
-		qr(e) && $(i.escapeDeactivates, e) !== !1 && (e.preventDefault(), o.deactivate());
+		Jr(e) && $(i.escapeDeactivates, e) !== !1 && (e.preventDefault(), o.deactivate());
 	}, x = function(e) {
-		c(Zr(e), e) >= 0 || $(i.clickOutsideDeactivates, e) || $(i.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
+		c(Qr(e), e) >= 0 || $(i.clickOutsideDeactivates, e) || $(i.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
 	}, S = function() {
 		if (a.active) {
 			Z.activateTrap(r, o);
 			var e;
 			return i.delayInitialFocus ? e = new Promise(function(e) {
-				a.delayInitialFocusTimer = Xr(function() {
+				a.delayInitialFocusTimer = Zr(function() {
 					p(d()), e();
 				});
 			}) : p(d()), n.addEventListener("focusin", _, !0), n.addEventListener("mousedown", g, {
@@ -2883,7 +2856,7 @@ var Z = {
 		}
 	}, C = function(e) {
 		a.active && !a.paused && o._setSubtreeIsolation(!1), a.adjacentElements.clear(), a.alreadySilent.clear();
-		var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = Ir(e), i;
+		var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = Lr(e), i;
 		try {
 			for (r.s(); !(i = r.n()).done;) {
 				var s = i.value;
@@ -2892,7 +2865,7 @@ var Z = {
 					t.add(l);
 					var u = l.parentElement, d = [];
 					u ? d = u.children : !u && c && (d = l.getRootNode().children, u = l.getRootNode().host, c = typeof ShadowRoot < "u" && u.getRootNode() instanceof ShadowRoot);
-					var f = Ir(d), p;
+					var f = Lr(d), p;
 					try {
 						for (f.s(); !(p = f.n()).done;) {
 							var m = p.value;
@@ -2969,7 +2942,7 @@ var Z = {
 		},
 		deactivate: function(e) {
 			if (!a.active) return this;
-			var t = Vr({
+			var t = Hr({
 				onDeactivate: i.onDeactivate,
 				onPostDeactivate: i.onPostDeactivate,
 				checkCanReturnFocus: i.checkCanReturnFocus
@@ -2980,7 +2953,7 @@ var Z = {
 			var f = function() {
 				d && p(m(a.nodeFocusedBeforeActivation)), c?.({ trap: o });
 			}, h = function() {
-				u && d ? Xr(f) : f();
+				u && d ? Zr(f) : f();
 			};
 			return d && l ? (l(m(a.nodeFocusedBeforeActivation)).then(h, h), this) : (h(), this);
 		},
@@ -3040,13 +3013,13 @@ var Z = {
 };
 //#endregion
 //#region node_modules/@vueuse/integrations/dist/useFocusTrap.js
-function ei(e, t = {}) {
+function ti(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = T(!1), s = T(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
 	return k(r(() => Ve(ee(e)).map((e) => {
 		let t = ee(e);
 		return typeof t == "string" ? t : Ue(t);
-	}).filter(sr)), (e) => {
-		if (e.length) if (!n) n = $r(e, {
+	}).filter(cr)), (e) => {
+		if (e.length) if (!n) n = ei(e, {
 			...a,
 			onActivate(e) {
 				o.value = !0, t.onActivate && t.onActivate(e);
@@ -3074,11 +3047,11 @@ function ei(e, t = {}) {
 }
 //#endregion
 //#region lib/components/overlays/modal/modal-context.ts
-var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
-	let e = d(ti, null);
+var ni = Symbol("ModalContext"), ri = (e) => x(ni, e), ii = () => {
+	let e = d(ni, null);
 	if (!e) throw Error("Modal parts must be used inside <Modal>.");
 	return e;
-}, ii = j(["relative flex max-h-[calc(100dvh-100px)] w-full flex-col overflow-y-auto", "rounded-t-3xl md:rounded-3xl border border-border-subtle bg-popover text-popover-foreground shadow-xs"].join(" "), {
+}, ai = j(["relative flex max-h-[calc(100vh-100px)] w-full flex-col overflow-y-auto", "rounded-t-3xl md:rounded-3xl border border-border-subtle bg-bg-raised shadow-xs"].join(" "), {
 	variants: { size: {
 		sm: "md:max-w-sm",
 		md: "md:max-w-md",
@@ -3091,7 +3064,7 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		full: "md:max-w-full h-full rounded-t-none md:rounded-none"
 	} },
 	defaultVariants: { size: "md" }
-}), ai = ["aria-labelledby", "aria-describedby"], oi = /* @__PURE__ */ u({
+}), oi = ["aria-labelledby", "aria-describedby"], si = /* @__PURE__ */ u({
 	__name: "Modal",
 	props: {
 		modelValue: { type: Boolean },
@@ -3125,29 +3098,26 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		Be("Escape", (e) => {
 			c.modelValue && (e.preventDefault(), d("escape"));
 		});
-		let m = Ge(typeof document < "u" ? document.body : null), g = S(null), { activate: v, deactivate: y } = ei(g, {
+		let m = Ge(typeof document < "u" ? document.body : null), g = S(null), { activate: _, deactivate: v } = ti(g, {
 			immediate: !1,
 			escapeDeactivates: !1,
-			allowOutsideClick: !0,
-			fallbackFocus: () => g.value
-		}), x = S(void 0), w = S(void 0);
-		return ni({
+			allowOutsideClick: !0
+		}), y = S(void 0), x = S(void 0);
+		return ri({
 			attemptClose: (e) => {
 				d(e);
 			},
 			close: f,
-			labelId: x,
+			labelId: y,
 			setLabelId: (e) => {
-				x.value = e;
+				y.value = e;
 			},
-			descriptionId: w,
+			descriptionId: x,
 			setDescriptionId: (e) => {
-				w.value = e;
+				x.value = e;
 			}
 		}), k(() => c.modelValue, (e) => {
-			m.value = e, e || y();
-		}, { immediate: !0 }), _(() => {
-			m.value = !1, y();
+			m.value = e, e || v();
 		}), (r, u) => (b(), i(t, { to: "body" }, [l(n, {
 			"enter-active-class": "transition-opacity duration-200",
 			"enter-from-class": "opacity-0",
@@ -3158,7 +3128,7 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		}, {
 			default: A(() => [e.modelValue ? (b(), o("div", {
 				key: 0,
-				class: "fixed inset-0 z-50 flex items-end justify-center bg-black/50 backdrop-blur-xs md:items-center",
+				class: "fixed inset-0 z-50 flex items-end justify-center bg-bg-inverse/50 md:items-center",
 				onClick: oe(p, ["self"])
 			}, [l(n, {
 				appear: "",
@@ -3168,24 +3138,23 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 				"leave-active-class": "transition-all duration-200",
 				"leave-from-class": "opacity-100 scale-100",
 				"leave-to-class": "opacity-0 scale-95",
-				onAfterEnter: u[0] ||= () => D(v)()
+				onAfterEnter: u[0] ||= () => D(_)()
 			}, {
 				default: A(() => [s("div", {
 					ref_key: "dialogRef",
 					ref: g,
-					tabindex: "-1",
-					class: h(D(F)(D(ii)({ size: e.size }), "focus:outline-none", c.class)),
+					class: h(D(F)(D(ai)({ size: e.size }), c.class)),
 					role: "dialog",
 					"aria-modal": "true",
-					"aria-labelledby": x.value,
-					"aria-describedby": w.value
-				}, [C(r.$slots, "default", { close: f })], 10, ai)]),
+					"aria-labelledby": y.value,
+					"aria-describedby": x.value
+				}, [C(r.$slots, "default", { close: f })], 10, oi)]),
 				_: 3
 			})])) : a("", !0)]),
 			_: 3
 		})]));
 	}
-}), si = /* @__PURE__ */ u({
+}), ci = /* @__PURE__ */ u({
 	__name: "ModalHeader",
 	props: { class: { type: [
 		Boolean,
@@ -3198,7 +3167,7 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("relative flex flex-col px-6 pb-2 pr-12 pt-4", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), ci = ["id"], li = /* @__PURE__ */ u({
+}), li = ["id"], ui = /* @__PURE__ */ u({
 	__name: "ModalTitle",
 	props: { class: { type: [
 		Boolean,
@@ -3208,13 +3177,13 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		Array
 	] } },
 	setup(e) {
-		let t = e, { setLabelId: n } = ri(), r = O();
+		let t = e, { setLabelId: n } = ii(), r = O();
 		return v(() => n(r)), y(() => n(void 0)), (e, n) => (b(), o("h2", {
 			id: D(r),
 			class: h(D(F)("text-lg font-medium text-text-primary", t.class))
-		}, [C(e.$slots, "default")], 10, ci));
+		}, [C(e.$slots, "default")], 10, li));
 	}
-}), ui = ["id"], di = /* @__PURE__ */ u({
+}), di = ["id"], fi = /* @__PURE__ */ u({
 	__name: "ModalDescription",
 	props: { class: { type: [
 		Boolean,
@@ -3224,13 +3193,13 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		Array
 	] } },
 	setup(e) {
-		let t = e, { setDescriptionId: n } = ri(), r = O();
+		let t = e, { setDescriptionId: n } = ii(), r = O();
 		return v(() => n(r)), y(() => n(void 0)), (e, n) => (b(), o("p", {
 			id: D(r),
-			class: h(D(F)("text-sm text-muted-foreground", t.class))
-		}, [C(e.$slots, "default")], 10, ui));
+			class: h(D(F)("text-sm text-text-secondary", t.class))
+		}, [C(e.$slots, "default")], 10, di));
 	}
-}), fi = /* @__PURE__ */ u({
+}), pi = /* @__PURE__ */ u({
 	__name: "ModalContent",
 	props: { class: { type: [
 		Boolean,
@@ -3241,9 +3210,9 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 	] } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o("div", { class: h(D(F)("px-6 py-2 text-foreground", t.class)) }, [C(e.$slots, "default")], 2));
+		return (e, n) => (b(), o("div", { class: h(D(F)("px-6 py-2 text-text-primary", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), pi = /* @__PURE__ */ u({
+}), mi = /* @__PURE__ */ u({
 	__name: "ModalFooter",
 	props: { class: { type: [
 		Boolean,
@@ -3256,7 +3225,7 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		let t = e;
 		return (e, n) => (b(), o("div", { class: h(D(F)("flex items-center justify-end gap-3 px-6 pb-4 pt-2", t.class)) }, [C(e.$slots, "default")], 2));
 	}
-}), mi = /* @__PURE__ */ u({
+}), hi = /* @__PURE__ */ u({
 	__name: "ModalClose",
 	props: { class: { type: [
 		Boolean,
@@ -3266,7 +3235,7 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 		Array
 	] } },
 	setup(e) {
-		let t = e, { attemptClose: n } = ri();
+		let t = e, { attemptClose: n } = ii();
 		return (e, r) => (b(), i(Ze, {
 			variant: "icon",
 			size: "icon",
@@ -3280,4 +3249,4 @@ var ti = Symbol("ModalContext"), ni = (e) => x(ti, e), ri = () => {
 	}
 });
 //#endregion
-export { Ft as Alert, Lt as AlertDescription, It as AlertTitle, rt as Avatar, $e as Badge, Ze as Button, jn as Checkbox, Hn as Combobox, Gn as ComboboxContent, qn as ComboboxEmpty, Wn as ComboboxInput, Vn as ComboboxItem, Dt as Disclosure, At as DisclosureContent, kt as DisclosureTrigger, Pn as Dropdown, In as DropdownContent, Rn as DropdownItem, Fn as DropdownTrigger, Rt as Empty, Wt as EmptyContent, Ut as EmptyDescription, zt as EmptyHeader, Vt as EmptyMedia, Ht as EmptyTitle, an as Field, fn as FieldContent, ln as FieldDescription, dn as FieldError, L as FieldKey, sn as FieldLabel, Zn as Input, it as Kbd, ot as KbdGroup, ct as Label, oi as Modal, mi as ModalClose, fi as ModalContent, di as ModalDescription, pi as ModalFooter, si as ModalHeader, li as ModalTitle, wn as MultiSelect, Dn as MultiSelectContent, Nn as MultiSelectItem, kn as MultiSelectSearch, En as MultiSelectTrigger, gt as Panel, vt as PanelContent, yt as PanelFooter, _t as PanelHeader, ir as Popover, or as PopoverContent, ar as PopoverTrigger, ht as Progress, gn as Select, yn as SelectContent, hn as SelectItem, Sn as SelectSearch, vn as SelectTrigger, dt as Separator, Jt as Sidebar, Zt as SidebarContent, Qt as SidebarFooter, en as SidebarGroup, Xt as SidebarHeader, nn as SidebarItem, qt as SidebarProvider, Yt as SidebarTrigger, ft as Skeleton, Xe as Spinner, rr as Switch, bt as Tabs, Et as TabsContent, Ct as TabsList, Tt as TabsPanels, wt as TabsTrigger, tr as Textarea, Qe as badgeVariants, qe as buttonVariants, F as cn, B as inputVariants, V as popoverVariants, I as useSidebar };
+export { Pt as Alert, It as AlertDescription, Ft as AlertTitle, rt as Avatar, $e as Badge, Ze as Button, Mn as Checkbox, Un as Combobox, Kn as ComboboxContent, Jn as ComboboxEmpty, Gn as ComboboxInput, Hn as ComboboxItem, Et as Disclosure, kt as DisclosureContent, Ot as DisclosureTrigger, Fn as Dropdown, Ln as DropdownContent, zn as DropdownItem, In as DropdownTrigger, Lt as Empty, Ut as EmptyContent, Ht as EmptyDescription, Rt as EmptyHeader, Bt as EmptyMedia, Vt as EmptyTitle, rn as Field, dn as FieldContent, cn as FieldDescription, un as FieldError, L as FieldKey, on as FieldLabel, Qn as Input, it as Kbd, ot as KbdGroup, ct as Label, si as Modal, hi as ModalClose, pi as ModalContent, fi as ModalDescription, mi as ModalFooter, ci as ModalHeader, ui as ModalTitle, Cn as MultiSelect, En as MultiSelectContent, Pn as MultiSelectItem, On as MultiSelectSearch, Tn as MultiSelectTrigger, ht as Panel, _t as PanelContent, vt as PanelFooter, gt as PanelHeader, ar as Popover, sr as PopoverContent, or as PopoverTrigger, mt as Progress, hn as Select, vn as SelectContent, mn as SelectItem, xn as SelectSearch, _n as SelectTrigger, dt as Separator, qt as Sidebar, Xt as SidebarContent, Zt as SidebarFooter, $t as SidebarGroup, Yt as SidebarHeader, tn as SidebarItem, Kt as SidebarProvider, Jt as SidebarTrigger, ft as Skeleton, Xe as Spinner, ir as Switch, yt as Tabs, Tt as TabsContent, St as TabsList, wt as TabsPanels, Ct as TabsTrigger, nr as Textarea, Qe as badgeVariants, qe as buttonVariants, F as cn, B as inputVariants, V as popoverVariants, I as useSidebar };