@cascivo/react 0.16.1 → 0.17.1

package/dist/layouts/src/grid/grid.module.js

@@ -1,8 +1,8 @@
 import './grid.css';
 var e = {
-	"grid-container": "_grid-container_qly9o_5",
-	grid: "_grid_qly9o_2",
-	"grid-item": "_grid-item_qly9o_55"
+	"grid-container": "_grid-container_1tchk_5",
+	grid: "_grid_1tchk_2",
+	"grid-item": "_grid-item_1tchk_55"
 };
 //#endregion
 export { e as default };

package/dist/node/accordion/accordion.js

@@ -2,7 +2,7 @@
 
 import e from "./accordion.module.js";
 import { createContext as t, forwardRef as n, useId as r, useRef as i } from "react";
-import { cn as a, useSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
+import { cn as a, useControllableSignal as o, useSignalEffect as s, useSignals as c } from "@cascivo/core";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/accordion/accordion.tsx
 var d = t(null), f = t(null);
@@ -10,9 +10,10 @@ function p(e) {
 	return e === void 0 ? [] : Array.isArray(e) ? e : [e];
 }
 function m({ type: t = "single", defaultValue: n, value: i, onValueChange: s, className: c, children: u }) {
-	let f = r(), m = o(p(i ?? n));
-	i !== void 0 && (m.value = p(i));
-	let h = {
+	let f = r(), [m] = o({
+		value: i === void 0 ? void 0 : p(i),
+		defaultValue: p(n)
+	}), h = {
 		open: m,
 		baseId: f,
 		type: t,

package/dist/node/app-shell/app-shell.js

@@ -2,56 +2,57 @@
 
 import e from "./app-shell.module.js";
 import { cloneElement as t, isValidElement as n, useRef as r } from "react";
-import { cn as i, useSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
+import { cn as i, useControllableSignal as a, useSignalEffect as o, useSignals as s } from "@cascivo/core";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/app-shell/app-shell.tsx
-function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, className: v, ...y }) {
+function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, padding: v = 6, className: y, ...b }) {
 	s();
-	let b = h !== void 0, x = a(h ?? g ?? !0);
-	b && (x.value = h);
-	let S = r(null), C = r(null);
-	function w(e) {
-		b || (x.value = e), _?.(e);
+	let x = h !== void 0, [S] = a({
+		value: h,
+		defaultValue: g ?? !0
+	}), C = r(null), w = r(null);
+	function T(e) {
+		x || (S.value = e), _?.(e);
 	}
-	function T() {
-		typeof document < "u" && (C.current = document.activeElement), w(!x.value);
+	function E() {
+		typeof document < "u" && (w.current = document.activeElement), T(!S.value);
 	}
 	o(() => {
-		b || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (x.value = !1);
+		x || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (S.value = !1);
 	}), o(() => {
-		if (!x.value || typeof document > "u") return;
+		if (!S.value || typeof document > "u") return;
 		let e = (e) => {
-			e.key === "Escape" && w(!1);
+			e.key === "Escape" && T(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}), o(() => {
-		let e = S.current;
-		if (e) if (x.value) e.removeAttribute("inert");
+		let e = C.current;
+		if (e) if (S.value) e.removeAttribute("inert");
 		else {
 			e.setAttribute("inert", "");
-			let t = C.current;
+			let t = w.current;
 			t && e.contains(document.activeElement) && t.focus();
 		}
 	});
-	let E = n(d) && f ? t(d, {
-		onMenuClick: T,
-		menuExpanded: x.value
+	let D = n(d) && f ? t(d, {
+		onMenuClick: E,
+		menuExpanded: S.value
 	}) : d;
 	return /* @__PURE__ */ u("div", {
-		className: i(e.shell, v),
-		"data-open": x.value,
-		...y,
+		className: i(e.shell, y),
+		"data-open": S.value,
+		...b,
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: e.header,
-				children: E
+				children: D
 			}),
 			/* @__PURE__ */ u("div", {
 				className: e.body,
 				children: [f && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-					ref: S,
+					ref: C,
 					className: e.navWrapper,
-					"data-open": x.value,
+					"data-open": S.value,
 					"data-testid": "app-shell-nav",
 					"data-cascivo-appshell-nav": "",
 					children: /* @__PURE__ */ l("div", {
@@ -60,15 +61,16 @@ function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g,
 					})
 				}), /* @__PURE__ */ l("div", {
 					className: e.scrim,
-					"data-open": x.value,
+					"data-open": S.value,
 					"data-testid": "app-shell-scrim",
 					"aria-hidden": "true",
-					onClick: () => w(!1)
+					onClick: () => T(!1)
 				})] }), /* @__PURE__ */ l("main", {
 					id: "cascade-main",
 					tabIndex: -1,
 					className: e.main,
 					"data-cascivo-appshell-main": "",
+					"data-padding": v === "none" ? "none" : String(v),
 					children: p
 				})]
 			}),

package/dist/node/app-shell/app-shell.module.js

@@ -1,12 +1,12 @@
 var e = {
-	shell: "_shell_1y4cv_4",
-	header: "_header_1y4cv_16",
-	body: "_body_1y4cv_21",
-	navWrapper: "_navWrapper_1y4cv_32",
-	navInner: "_navInner_1y4cv_58",
-	scrim: "_scrim_1y4cv_70",
-	main: "_main_1y4cv_87",
-	footer: "_footer_1y4cv_93"
+	shell: "_shell_pf33o_4",
+	header: "_header_pf33o_16",
+	body: "_body_pf33o_21",
+	navWrapper: "_navWrapper_pf33o_32",
+	navInner: "_navInner_pf33o_58",
+	scrim: "_scrim_pf33o_70",
+	main: "_main_pf33o_87",
+	footer: "_footer_pf33o_128"
 };
 //#endregion
 export { e as default };

package/dist/node/breadcrumb/breadcrumb.js

@@ -21,7 +21,7 @@ function s({ items: s, maxVisible: c, className: l, ariaLabel: u }) {
 		}) : e.href === void 0 ? /* @__PURE__ */ o("span", { children: e.label }) : /* @__PURE__ */ o(d, {
 			href: e.href,
 			children: e.label
-		}) }, `${t}-${e.label}`)) })
+		}) }, e.id ?? `${t}-${e.label}`)) })
 	});
 }
 //#endregion

package/dist/node/button/button.js

@@ -25,7 +25,10 @@ var s = i(function({ variant: i = "primary", size: s = "md", loading: c = !1, as
 		children: [c && /* @__PURE__ */ a(e, {
 			size: "sm",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ a("span", { children: f })]
+		}), /* @__PURE__ */ a("span", {
+			className: t.label,
+			children: f
+		})]
 	});
 });
 //#endregion

package/dist/node/button/button.module.js

@@ -1,3 +1,6 @@
-var e = { button: "_button_131qn_2" };
+var e = {
+	label: "_label_yace7_10",
+	button: "_button_yace7_8"
+};
 //#endregion
 export { e as default };

package/dist/node/calendar/calendar.js

@@ -1,18 +1,18 @@
 "use client";
 
 import e from "./calendar.module.js";
-import { batch as t, cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, currentLocale as o, t as s } from "@cascivo/i18n";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { batch as t, cn as n, useControllableSignal as r, useSignal as i, useSignals as a } from "@cascivo/core";
+import { builtin as o, currentLocale as s, t as c } from "@cascivo/i18n";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region ../components/src/calendar/calendar.tsx
-function u(e) {
+function d(e) {
 	try {
 		let t = new Intl.Locale(e).weekInfo;
 		if (t) return t.firstDay % 7;
 	} catch {}
 	return 1;
 }
-function d(e, t, n) {
+function f(e, t, n) {
 	let r = new Date(Date.UTC(e, t, 1)), i = new Date(Date.UTC(e, t + 1, 0)), a = (r.getUTCDay() - n + 7) % 7, o = [];
 	for (let e = 0; e < a; e++) o.push(null);
 	for (let n = 1; n <= i.getUTCDate(); n++) o.push(new Date(Date.UTC(e, t, n)));
@@ -21,22 +21,22 @@ function d(e, t, n) {
 	for (let e = 0; e < o.length; e += 7) s.push(o.slice(e, e + 7));
 	return s;
 }
-function f(e) {
+function p(e) {
 	return `${e.getUTCFullYear()}-${e.getUTCMonth()}-${e.getUTCDate()}`;
 }
-function p(e, t) {
-	return !e || !t ? !1 : f(e) === f(t);
-}
 function m(e, t) {
-	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
+	return !e || !t ? !1 : p(e) === p(t);
 }
 function h(e, t) {
-	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate() + t));
 }
 function g(e, t) {
-	return m(e, -((e.getUTCDay() - t + 7) % 7));
+	return new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth() + t, e.getUTCDate()));
+}
+function _(e, t) {
+	return h(e, -((e.getUTCDay() - t + 7) % 7));
 }
-function _(e, t, n) {
+function v(e, t, n) {
 	if (t) {
 		let n = new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()));
 		if (e.getTime() < n.getTime()) return !0;
@@ -47,96 +47,100 @@ function _(e, t, n) {
 	}
 	return !1;
 }
-function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabled: S, locale: C, size: w = "md", labels: T, className: E, isInRange: D, isRangeStart: O, isRangeEnd: k, onDayHover: A, month: j, year: M, onViewChange: N, hideNav: P = !1 }) {
-	i();
-	let F = C ?? o(), I = T?.previousMonth ?? s(a.calendar.previousMonth), L = T?.nextMonth ?? s(a.calendar.nextMonth), R = f === void 0 ? v ?? null : f, z = /* @__PURE__ */ new Date(), B = R ?? v ?? z, V = r(B.getUTCFullYear()), H = r(B.getUTCMonth()), U = r(B);
-	j !== void 0 && (H.value = j), M !== void 0 && (V.value = M);
-	let W = u(F), G = d(V.value, H.value, W), K = new Intl.DateTimeFormat(F, { weekday: "short" }), q = Array.from({ length: 7 }, (e, t) => {
-		let n = new Date(Date.UTC(2024, 0, 7 + W + t));
-		return K.format(n);
-	}), J = new Intl.DateTimeFormat(F, {
+function y({ value: p, defaultValue: y, onValueChange: b, min: x, max: S, disabled: C, locale: w, size: T = "md", labels: E, className: D, isInRange: O, isRangeStart: k, isRangeEnd: A, onDayHover: j, month: M, year: N, onViewChange: P, hideNav: F = !1 }) {
+	a();
+	let I = w ?? s(), L = E?.previousMonth ?? c(o.calendar.previousMonth), R = E?.nextMonth ?? c(o.calendar.nextMonth), z = p === void 0 ? y ?? null : p, B = /* @__PURE__ */ new Date(), V = z ?? y ?? B, [H] = r({
+		value: N,
+		defaultValue: V.getUTCFullYear()
+	}), [U] = r({
+		value: M,
+		defaultValue: V.getUTCMonth()
+	}), W = i(V), G = d(I), K = f(H.value, U.value, G), q = new Intl.DateTimeFormat(I, { weekday: "short" }), J = Array.from({ length: 7 }, (e, t) => {
+		let n = new Date(Date.UTC(2024, 0, 7 + G + t));
+		return q.format(n);
+	}), ee = new Intl.DateTimeFormat(I, {
 		weekday: "long",
 		year: "numeric",
 		month: "long",
 		day: "numeric"
-	}), Y = new Intl.DateTimeFormat(F, {
+	}), Y = new Intl.DateTimeFormat(I, {
 		month: "long",
 		year: "numeric"
-	}).format(new Date(Date.UTC(V.value, H.value, 1))), X = (e) => _(e, b, x) || (S ? S(e) : !1), Z = j !== void 0 || M !== void 0, ee = (e) => {
-		Z ? U.value = e : t(() => {
-			V.value = e.getUTCFullYear(), H.value = e.getUTCMonth(), U.value = e;
-		}), N?.({
+	}).format(new Date(Date.UTC(H.value, U.value, 1))), X = (e) => v(e, x, S) || (C ? C(e) : !1), Z = M !== void 0 || N !== void 0, te = (e) => {
+		Z ? W.value = e : t(() => {
+			H.value = e.getUTCFullYear(), U.value = e.getUTCMonth(), W.value = e;
+		}), P?.({
 			month: e.getUTCMonth(),
 			year: e.getUTCFullYear()
 		});
 	}, Q = (e) => {
-		X(e) || y?.(e);
+		X(e) || b?.(e);
 	}, $ = (e) => {
-		let n = h(new Date(Date.UTC(V.value, H.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
+		let n = g(new Date(Date.UTC(H.value, U.value, 1)), e), r = n.getUTCMonth(), i = n.getUTCFullYear();
 		Z || t(() => {
-			H.value = r, V.value = i;
-		}), N?.({
+			U.value = r, H.value = i;
+		}), P?.({
 			month: r,
 			year: i
 		});
 	};
-	return /* @__PURE__ */ l("div", {
-		className: n(e.calendar, E),
-		"data-size": w,
-		onMouseLeave: () => A?.(null),
-		children: [/* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
+		className: n(e.calendar, D),
+		"data-size": T,
+		onMouseLeave: () => j?.(null),
+		children: [/* @__PURE__ */ u("div", {
 			className: e.header,
 			children: [
-				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+				F ? /* @__PURE__ */ l("span", { className: e.navSpacer }) : /* @__PURE__ */ l("button", {
 					type: "button",
 					className: e.navButton,
-					"aria-label": I,
+					"aria-label": L,
 					onClick: () => $(-1),
 					children: "‹"
 				}),
-				/* @__PURE__ */ c("span", {
+				/* @__PURE__ */ l("span", {
 					className: e.monthLabel,
 					"aria-live": "polite",
 					children: Y
 				}),
-				P ? /* @__PURE__ */ c("span", { className: e.navSpacer }) : /* @__PURE__ */ c("button", {
+				F ? /* @__PURE__ */ l("span", { className: e.navSpacer }) : /* @__PURE__ */ l("button", {
 					type: "button",
 					className: e.navButton,
-					"aria-label": L,
+					"aria-label": R,
 					onClick: () => $(1),
 					children: "›"
 				})
 			]
-		}), /* @__PURE__ */ l("table", {
+		}), /* @__PURE__ */ u("table", {
 			role: "grid",
 			"aria-label": Y,
 			className: e.grid,
 			onKeyDown: (e) => {
-				let t = U.value, n;
+				let t = W.value, n;
 				switch (e.key) {
 					case "ArrowRight":
-						n = m(t, 1);
+						n = h(t, 1);
 						break;
 					case "ArrowLeft":
-						n = m(t, -1);
+						n = h(t, -1);
 						break;
 					case "ArrowDown":
-						n = m(t, 7);
+						n = h(t, 7);
 						break;
 					case "ArrowUp":
-						n = m(t, -7);
+						n = h(t, -7);
 						break;
 					case "Home":
-						n = g(t, W);
+						n = _(t, G);
 						break;
 					case "End":
-						n = m(g(t, W), 6);
+						n = h(_(t, G), 6);
 						break;
 					case "PageUp":
-						n = h(t, e.shiftKey ? -12 : -1);
+						n = g(t, e.shiftKey ? -12 : -1);
 						break;
 					case "PageDown":
-						n = h(t, e.shiftKey ? 12 : 1);
+						n = g(t, e.shiftKey ? 12 : 1);
 						break;
 					case "Enter":
 					case " ":
@@ -144,45 +148,45 @@ function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabl
 						return;
 					default: return;
 				}
-				e.preventDefault(), ee(n), A?.(n);
+				e.preventDefault(), te(n), j?.(n);
 			},
-			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", {
+			children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ l("tr", {
 				role: "row",
-				children: q.map((t) => /* @__PURE__ */ c("th", {
+				children: J.map((t) => /* @__PURE__ */ l("th", {
 					className: e.weekday,
 					abbr: t,
 					scope: "col",
 					children: t
 				}, t))
-			}) }), /* @__PURE__ */ c("tbody", { children: G.map((t, n) => /* @__PURE__ */ c("tr", {
+			}) }), /* @__PURE__ */ l("tbody", { children: K.map((t, n) => /* @__PURE__ */ l("tr", {
 				role: "row",
 				children: t.map((t, n) => {
-					if (!t) return /* @__PURE__ */ c("td", {
+					if (!t) return /* @__PURE__ */ l("td", {
 						role: "gridcell",
 						className: e.empty
 					}, n);
-					let r = p(t, R), i = p(t, z), a = p(t, U.value), o = X(t), s = D ? D(t) : !1, l = O ? O(t) : !1, u = k ? k(t) : !1;
-					return /* @__PURE__ */ c("td", {
+					let r = m(t, z), i = m(t, B), a = m(t, W.value), o = X(t), s = O ? O(t) : !1, c = k ? k(t) : !1, u = A ? A(t) : !1;
+					return /* @__PURE__ */ l("td", {
 						role: "gridcell",
 						className: e.cell,
 						"aria-selected": r,
-						children: /* @__PURE__ */ c("button", {
+						children: /* @__PURE__ */ l("button", {
 							type: "button",
 							className: e.day,
 							tabIndex: a ? 0 : -1,
-							"aria-label": J.format(t),
+							"aria-label": ee.format(t),
 							"aria-current": i ? "date" : void 0,
 							"aria-disabled": o || void 0,
 							"data-selected": r || void 0,
 							"data-today": i || void 0,
 							"data-in-range": s || void 0,
-							"data-range-start": l || void 0,
+							"data-range-start": c || void 0,
 							"data-range-end": u || void 0,
 							onClick: () => Q(t),
 							onFocus: () => {
-								U.value = t;
+								W.value = t;
 							},
-							onMouseEnter: () => A?.(t),
+							onMouseEnter: () => j?.(t),
 							children: t.getUTCDate()
 						})
 					}, n);
@@ -192,4 +196,4 @@ function v({ value: f, defaultValue: v, onValueChange: y, min: b, max: x, disabl
 	});
 }
 //#endregion
-export { v as Calendar };
+export { y as Calendar };

package/dist/node/card/card.module.js

@@ -1,12 +1,12 @@
 var e = {
-	card: "_card_ssezx_2",
-	header: "_header_ssezx_12",
-	content: "_content_ssezx_12",
-	footer: "_footer_ssezx_12",
-	headerRow: "_headerRow_ssezx_67",
-	headerMain: "_headerMain_ssezx_75",
-	headerActions: "_headerActions_ssezx_82",
-	title: "_title_ssezx_90"
+	card: "_card_ipz9f_2",
+	header: "_header_ipz9f_19",
+	content: "_content_ipz9f_19",
+	footer: "_footer_ipz9f_19",
+	headerRow: "_headerRow_ipz9f_74",
+	headerMain: "_headerMain_ipz9f_82",
+	headerActions: "_headerActions_ipz9f_89",
+	title: "_title_ipz9f_97"
 };
 //#endregion
 export { e as default };

package/dist/node/checkbox/checkbox.module.js

@@ -1,8 +1,8 @@
 var e = {
-	wrapper: "_wrapper_tw120_2",
-	input: "_input_tw120_15",
-	control: "_control_tw120_28",
-	label: "_label_tw120_72"
+	wrapper: "_wrapper_4zlmw_2",
+	input: "_input_4zlmw_15",
+	control: "_control_4zlmw_28",
+	label: "_label_4zlmw_78"
 };
 //#endregion
 export { e as default };

package/dist/node/code-snippet/code-snippet.js

@@ -6,7 +6,10 @@ import { cn as n, useClipboard as r, useSignals as i } from "@cascivo/core";
 import { builtin as a, t as o } from "@cascivo/i18n";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region ../components/src/code-snippet/code-snippet.tsx
-function l({ code: n, language: r }) {
+function l() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function u({ code: n, language: r }) {
 	return /* @__PURE__ */ s("code", {
 		className: t.code,
 		children: e(n, r).map((e, t) => e.type === "text" ? /* @__PURE__ */ s("span", { children: e.value }, t) : /* @__PURE__ */ s("span", {
@@ -15,15 +18,17 @@ function l({ code: n, language: r }) {
 		}, t))
 	});
 }
-function u({ code: e, variant: u = "single", language: d, terminal: f = !1, title: p, showLineNumbers: m, showCopyButton: h, labels: g, className: _ }) {
+function d({ code: e, children: d, variant: f = "single", language: p, terminal: m = !1, title: h, showLineNumbers: g, showCopyButton: _, labels: v, className: y }) {
 	i();
-	let { copied: v, copy: y } = r(), b = g?.copy ?? o(a.codeSnippet.copy), x = g?.copied ?? o(a.codeSnippet.copied), S = h ?? u !== "inline" ? /* @__PURE__ */ s("button", {
+	let b = e ?? d ?? "";
+	l() && e === void 0 && d === void 0 && console.error("CodeSnippet: pass the code either as the `code` prop or as a plain-string child. Rendering nothing.");
+	let { copied: x, copy: S } = r(), C = v?.copy ?? o(a.codeSnippet.copy), w = v?.copied ?? o(a.codeSnippet.copied), T = _ ?? f !== "inline" ? /* @__PURE__ */ s("button", {
 		type: "button",
-		"aria-label": v.value ? x : b,
-		"data-state": v.value ? "copied" : "idle",
+		"aria-label": x.value ? w : C,
+		"data-state": x.value ? "copied" : "idle",
 		className: t.copy,
-		onClick: () => void y(e),
-		children: v.value ? /* @__PURE__ */ s("svg", {
+		onClick: () => void S(b),
+		children: x.value ? /* @__PURE__ */ s("svg", {
 			"aria-hidden": "true",
 			viewBox: "0 0 16 16",
 			className: t.icon,
@@ -56,21 +61,21 @@ function u({ code: e, variant: u = "single", language: d, terminal: f = !1, titl
 			})]
 		})
 	}) : null;
-	if (u === "inline") return /* @__PURE__ */ c("span", {
-		className: n(t.root, _),
+	if (f === "inline") return /* @__PURE__ */ c("span", {
+		className: n(t.root, y),
 		"data-variant": "inline",
 		children: [/* @__PURE__ */ s("code", {
 			className: t.inlineCode,
-			children: e
-		}), S]
+			children: b
+		}), T]
 	});
-	let C = e.split("\n"), w = u === "multi" && m && !d;
+	let E = b.split("\n"), D = f === "multi" && g && !p;
 	return /* @__PURE__ */ c("div", {
-		className: n(t.root, _),
-		"data-variant": u,
-		"data-terminal": f ? "" : void 0,
+		className: n(t.root, y),
+		"data-variant": f,
+		"data-terminal": m ? "" : void 0,
 		children: [
-			f && /* @__PURE__ */ c("div", {
+			m && /* @__PURE__ */ c("div", {
 				className: t.bar,
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ c("span", {
@@ -80,16 +85,16 @@ function u({ code: e, variant: u = "single", language: d, terminal: f = !1, titl
 						/* @__PURE__ */ s("span", { className: t.dot }),
 						/* @__PURE__ */ s("span", { className: t.dot })
 					]
-				}), p && /* @__PURE__ */ s("span", {
+				}), h && /* @__PURE__ */ s("span", {
 					className: t.title,
-					children: p
+					children: h
 				})]
 			}),
 			/* @__PURE__ */ s("pre", {
 				className: t.pre,
-				children: w ? /* @__PURE__ */ s("code", {
+				children: D ? /* @__PURE__ */ s("code", {
 					className: t.code,
-					children: C.map((e, n) => /* @__PURE__ */ c("span", {
+					children: E.map((e, n) => /* @__PURE__ */ c("span", {
 						className: t.line,
 						children: [/* @__PURE__ */ s("span", {
 							"aria-hidden": "true",
@@ -100,17 +105,17 @@ function u({ code: e, variant: u = "single", language: d, terminal: f = !1, titl
 							children: e
 						})]
 					}, n))
-				}) : d ? /* @__PURE__ */ s(l, {
-					code: e,
-					language: d
+				}) : p ? /* @__PURE__ */ s(u, {
+					code: b,
+					language: p
 				}) : /* @__PURE__ */ s("code", {
 					className: t.code,
-					children: e
+					children: b
 				})
 			}),
-			S
+			T
 		]
 	});
 }
 //#endregion
-export { u as CodeSnippet };
+export { d as CodeSnippet };