@jfrader/ui 0.5.0 → 0.6.0

package/dist/chat-thread.js

@@ -0,0 +1,2 @@
+'use client';
+export { t as ChatThread } from "./chat-thread-DVa17BRC.js";

package/dist/{checkbox-cFquiSdy.js → checkbox-CClE61GV.js}

@@ -1,8 +1,9 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { r as n } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { r as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
 import { t as r } from "./renderable-DzcIj1Lo.js";
-import { i, n as a, r as o, t as s } from "./choice-control-5kJkLXgv.js";
+import { i, n as a, r as o, t as s } from "./choice-control-BsWOZPc9.js";
 import { useEffect as c, useId as l, useImperativeHandle as u, useRef as d } from "react";
 import { vars as f } from "@jfrader/tokens/vars";
 import { jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
@@ -35,7 +36,7 @@ var h = {
 		blockSize: "75%",
 		opacity: 0
 	},
-	[n]: { transitionDuration: "0s" }
+	[t]: { transitionDuration: "0s" }
 }), v = {
 	sm: e({
 		inlineSize: h.sm,
@@ -71,16 +72,16 @@ function S({ indeterminate: e }) {
 		}) : /* @__PURE__ */ p("polyline", { points: "3.5 8.5 6.5 11.5 12.5 4.5" })
 	});
 }
-function C({ ref: e, label: n, description: f, indeterminate: h = !1, size: C = "md", onChange: w, onCheckedChange: T, slotProps: E, className: D, sx: O, "aria-labelledby": k, "aria-describedby": A, ...j }) {
-	let M = d(null);
-	u(e, () => M.current, []), c(() => {
-		M.current && (M.current.indeterminate = h);
+function C({ ref: e, label: t, description: f, indeterminate: h = !1, size: C = "md", onChange: w, onCheckedChange: T, slotProps: E, className: D, sx: O, dir: k, "aria-labelledby": A, "aria-describedby": j, ...M }) {
+	let N = d(null);
+	u(e, () => N.current, []), c(() => {
+		N.current && (N.current.indeterminate = h);
 	}, [h]);
-	let N = l(), P = `${N}-label`, F = `${N}-description`, I = r(n), L = r(f), R = [k, I && P].filter(Boolean).join(" ") || void 0, z = [A, L && F].filter(Boolean).join(" ") || void 0, B = [D, E?.root?.className].filter(Boolean).join(" ") || void 0, V = (e) => {
+	let P = l(), F = `${P}-label`, I = `${P}-description`, L = r(t), R = r(f), z = [A, L && F].filter(Boolean).join(" ") || void 0, B = [j, R && I].filter(Boolean).join(" ") || void 0, V = [D, E?.root?.className].filter(Boolean).join(" ") || void 0, H = (e) => {
 		h && (e.currentTarget.indeterminate = !0), w?.(e), T?.(e.currentTarget.checked);
 	};
-	return /* @__PURE__ */ p(t, {
-		className: B,
+	return /* @__PURE__ */ p(n, {
+		className: V,
 		styles: [
 			o,
 			g,
@@ -90,19 +91,20 @@ function C({ ref: e, label: n, description: f, indeterminate: h = !1, size: C =
 		sx: O,
 		children: (e) => /* @__PURE__ */ m("label", {
 			"data-ui": "checkbox",
+			dir: k,
 			"data-indeterminate": h || void 0,
 			className: e,
 			children: [/* @__PURE__ */ m("span", {
 				css: i,
 				children: [
 					/* @__PURE__ */ p("input", {
-						...j,
-						ref: M,
+						...M,
+						ref: N,
 						type: "checkbox",
-						"aria-labelledby": R,
-						"aria-describedby": z,
+						"aria-labelledby": z,
+						"aria-describedby": B,
 						"aria-checked": h ? "mixed" : void 0,
-						onChange: V,
+						onChange: H,
 						css: s
 					}),
 					/* @__PURE__ */ p("span", {
@@ -115,15 +117,15 @@ function C({ ref: e, label: n, description: f, indeterminate: h = !1, size: C =
 						],
 						children: /* @__PURE__ */ p(S, { indeterminate: h })
 					}),
-					I && /* @__PURE__ */ p("span", {
-						id: P,
+					L && /* @__PURE__ */ p("span", {
+						id: F,
 						className: E?.label?.className,
 						css: [y[C], E?.label?.css],
-						children: n
+						children: t
 					})
 				]
-			}), L && /* @__PURE__ */ p("span", {
-				id: F,
+			}), R && /* @__PURE__ */ p("span", {
+				id: I,
 				className: E?.description?.className,
 				css: [
 					b,

package/dist/checkbox.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Checkbox } from "./checkbox-cFquiSdy.js";
+export { t as Checkbox } from "./checkbox-CClE61GV.js";

package/dist/{chip-group-DTQd_M-G.js → chip-group-BZUX9KPF.js}

@@ -1,7 +1,8 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a } from "./media-8yrN85VT.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
 import { n as o, r as s } from "./roving-focus-CYlo_Kf8.js";
 import { t as c } from "./use-controlled-state-DpeVQZNR.js";
 import { t as l } from "./renderable-DzcIj1Lo.js";
@@ -54,11 +55,12 @@ var S = [], C = Symbol("overflow"), w = {
 	"&[aria-pressed=\"true\"]:hover:not(:disabled)": { backgroundColor: h.color.accentSoftHover },
 	"&:disabled": {
 		opacity: .55,
-		cursor: "not-allowed"
+		cursor: "not-allowed",
+		borderStyle: "dashed"
 	},
-	"&:focus-visible": r,
-	[a]: { transitionDuration: "0s" },
-	[i]: {
+	"&:focus-visible": n,
+	[i]: { transitionDuration: "0s" },
+	[r]: {
 		borderColor: "CanvasText",
 		"&[aria-pressed=\"true\"]": {
 			borderColor: "Highlight",
@@ -96,15 +98,15 @@ var S = [], C = Symbol("overflow"), w = {
 	animationDuration: h.motion.duration.fast,
 	animationTimingFunction: h.motion.easeStandard,
 	animationFillMode: "backwards",
-	[a]: { animation: "none" }
+	[i]: { animation: "none" }
 }), j = t({
 	inlineSize: h.space[4],
 	blockSize: h.space[4],
 	flexShrink: 0
 });
-function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a, onValueChange: h, label: v, allowEmpty: b = !0, disabled: x = !1, size: O = "md", maxVisible: A, expanded: j, defaultExpanded: M = !1, onExpandedChange: le, locale: ue, moreLabel: N, lessLabel: P, slotProps: F, className: de, sx: fe, onKeyDown: pe, onBlur: me, "aria-label": he, "aria-labelledby": I, ...ge }) {
+function M({ ref: e, options: t, type: n = "multiple", value: r, defaultValue: i, onValueChange: h, label: v, allowEmpty: b = !0, disabled: x = !1, size: O = "md", maxVisible: A, expanded: j, defaultExpanded: M = !1, onExpandedChange: le, locale: ue, moreLabel: N, lessLabel: P, slotProps: F, className: de, sx: fe, onKeyDown: pe, onBlur: me, "aria-label": he, "aria-labelledby": I, ...ge }) {
 	if (A !== void 0 && (!Number.isInteger(A) || A < 1 || !N || P === void 0)) throw Error("ChipGroup maxVisible requires a positive integer, moreLabel and lessLabel.");
-	let [L, R] = c(i, a ?? (r === "single" ? "" : S), h), [_e, ve] = c(j, M, le), z = _e ?? !1, B = typeof L == "string" ? L === "" ? S : [L] : L ?? S, [V, ye] = m(B), [be, xe] = m(z);
+	let [L, R] = c(r, i ?? (n === "single" ? "" : S), h), [_e, ve] = c(j, M, le), z = _e ?? !1, B = typeof L == "string" ? L === "" ? S : [L] : L ?? S, [V, ye] = m(B), [be, xe] = m(z);
 	be !== z && (xe(z), z || ye(B));
 	let H = t.filter((e, t) => z || A === void 0 || t < A || B.includes(e.value) || V.includes(e.value)), U = t.filter((e, t) => A !== void 0 && t >= A && !B.includes(e.value) && (z || !V.includes(e.value))).length, W = U > 0, G = p(null), Se = p(null), K = p(null), q = p(null), J = p(!1), [Y, X] = m(null), Z = u();
 	d(e, () => G.current, []), d(F?.row?.ref, () => K.current, []);
@@ -118,7 +120,7 @@ function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a
 		(r === e.ownerDocument.body || r === t) && (n.find((e) => e.dataset.ui === "chip-group-overflow") ?? n[0])?.focus();
 	}), /* @__PURE__ */ g(ee, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ g(n, {
+		children: /* @__PURE__ */ g(a, {
 			className: de,
 			styles: re,
 			sx: fe,
@@ -147,13 +149,13 @@ function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a
 						ref: K,
 						id: Z,
 						css: [ie, F?.row?.css],
-						children: [H.map((e, n) => {
+						children: [H.map((e, r) => {
 							let i = typeof F?.chip == "function" ? F.chip(e) : F?.chip, a = B.includes(e.value);
 							return /* @__PURE__ */ g(y.div, {
 								layout: !0,
 								transition: w,
-								css: [k, z && A !== void 0 && n >= A && !V.includes(e.value) && !a && oe],
-								style: { animationDelay: `${Math.min(n * ne, te)}ms` },
+								css: [k, z && A !== void 0 && r >= A && !V.includes(e.value) && !a && oe],
+								style: { animationDelay: `${Math.min(r * ne, te)}ms` },
 								children: /* @__PURE__ */ _("button", {
 									...i,
 									type: "button",
@@ -170,9 +172,9 @@ function M({ ref: e, options: t, type: r = "multiple", value: i, defaultValue: a
 									onFocus: (t) => {
 										i?.onFocus?.(t), q.current = t.currentTarget, J.current = !0, X(e.value);
 									},
-									onClick: (n) => {
-										if (i?.onClick?.(n), !n.defaultPrevented) {
-											if (r === "single") a ? b && R("") : R(e.value);
+									onClick: (r) => {
+										if (i?.onClick?.(r), !r.defaultPrevented) {
+											if (n === "single") a ? b && R("") : R(e.value);
 											else {
 												let n = t.filter((t) => t.value === e.value ? !a : B.includes(t.value)).map((e) => e.value);
 												(n.length !== B.length || n.some((e, t) => e !== B[t])) && R(n);

package/dist/chip-group.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ChipGroup } from "./chip-group-DTQd_M-G.js";
+export { t as ChipGroup } from "./chip-group-BZUX9KPF.js";

package/dist/{choice-control-5kJkLXgv.js → choice-control-BsWOZPc9.js}

@@ -1,5 +1,5 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 import { vars as t } from "@jfrader/tokens/vars";
 //#region src/styling/choice-control.ts
 var n = e({

package/dist/{code-block-ahnRi-g8.js → code-block-CYP89_6h.js}

@@ -1,10 +1,11 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
-import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as ee } from "./button-C92uYFJW.js";
-import { t as o } from "./copy-button-ByiA6D3R.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
+import { t as ee } from "./use-controlled-state-DpeVQZNR.js";
+import { t as a } from "./button-C6OV0C7J.js";
+import { t as o } from "./copy-button-C0p_qrgf.js";
 import { Fragment as te, useCallback as s, useEffect as c, useId as ne, useLayoutEffect as re, useRef as l, useState as ie } from "react";
 import { vars as u } from "@jfrader/tokens/vars";
 import { Fragment as d, jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
@@ -26,21 +27,21 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 	fontFamily: u.font.sans,
 	fontSize: u.textSize.sm,
 	lineHeight: u.lineHeight.base,
-	[r]: {
+	[n]: {
 		borderColor: "CanvasText",
 		color: "CanvasText"
 	}
-}), g = e({
+}), oe = e({
 	display: "flex",
 	alignItems: "center",
 	gap: u.space[2],
 	minBlockSize: u.space[8],
 	paddingInlineStart: u.space[3]
-}), _ = e({
+}), se = e({
 	minInlineSize: 0,
 	fontWeight: u.fontWeight.medium,
 	overflowWrap: "anywhere"
-}), v = e({
+}), ce = e({
 	flexShrink: 0,
 	maxInlineSize: "50%",
 	paddingInline: u.space[2],
@@ -50,7 +51,7 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 	fontFamily: u.font.mono,
 	fontSize: u.textSize.xs,
 	overflowWrap: "anywhere"
-}), y = e({ marginInlineStart: "auto" }), b = e({
+}), le = e({ marginInlineStart: "auto" }), g = e({
 	position: "relative",
 	display: "flex",
 	direction: "ltr",
@@ -68,18 +69,18 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 		backgroundImage: `linear-gradient(to bottom, transparent, ${u.color.surfaceInset})`,
 		pointerEvents: "none"
 	},
-	[r]: {
+	[n]: {
 		borderColor: "CanvasText",
 		"&[data-state=\"collapsed\"]::after": { display: "none" }
 	}
-}), x = e({
+}), _ = e({
 	fontFamily: u.font.mono,
 	fontSize: u.textSize.sm,
 	lineHeight: u.lineHeight.relaxed,
 	fontVariantNumeric: "tabular-nums",
 	whiteSpace: "pre",
 	tabSize: m
-}), oe = e({
+}), v = e({
 	flexShrink: 0,
 	paddingBlock: u.space[3],
 	paddingInline: u.space[3],
@@ -87,7 +88,7 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 	color: u.color.textSubtle,
 	userSelect: "none",
 	borderInlineEnd: `1px solid ${u.color.border}`
-}), se = e({
+}), ue = e({
 	flex: "1 1 auto",
 	minInlineSize: 0,
 	margin: 0,
@@ -102,8 +103,8 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 		borderStartStartRadius: 0,
 		borderEndStartRadius: 0
 	},
-	"&:focus-visible": n
-}), ce = e({ font: "inherit" }), le = e({
+	"&:focus-visible": t
+}), y = e({ font: "inherit" }), b = e({
 	inlineSize: "100%",
 	blockSize: "auto",
 	minBlockSize: u.space[8],
@@ -117,8 +118,8 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 		transitionTimingFunction: u.motion.easeStandard
 	},
 	"&[aria-expanded=\"true\"] svg": { transform: "rotate(180deg)" },
-	[i]: { "& svg": { transitionDuration: "0s" } }
-}), ue = /* @__PURE__ */ f("svg", {
+	[r]: { "& svg": { transitionDuration: "0s" } }
+}), x = /* @__PURE__ */ f("svg", {
 	viewBox: "0 0 16 16",
 	fill: "none",
 	stroke: "currentColor",
@@ -127,13 +128,13 @@ var m = 2, h = `calc(${u.radius.lg} - ${u.space[1]})`, ae = e({
 	strokeLinejoin: "round",
 	children: /* @__PURE__ */ f("path", { d: "M4 6l4 4 4-4" })
 }), S = new Intl.PluralRules("en");
-function de(e, t) {
+function C(e, t) {
 	return `Show all ${t} ${S.select(e) === "one" ? "line" : "lines"}`;
 }
-function C(e) {
+function w(e) {
 	process.env.NODE_ENV !== "production" && console.warn("CodeBlock: highlighting failed; showing plain text.", e);
 }
-function fe(e, t) {
+function de(e, t) {
 	let n = t?.map((e) => e.content).join("");
 	return t === void 0 || n === void 0 || !e.startsWith(n) ? e : /* @__PURE__ */ p(d, { children: [t.map((e, t) => /* @__PURE__ */ f("span", {
 		style: {
@@ -143,150 +144,151 @@ function fe(e, t) {
 		children: e.content
 	}, t)), e.slice(n.length)] });
 }
-function w({ ref: e, code: n, filename: r, language: i, label: u = "Source code", sourceLabel: d = "Selectable source code", maxLines: m, open: h, defaultOpen: S = !1, onOpenChange: w, lineNumbers: T = !1, locale: E, getExpandLabel: D = de, collapseLabel: O = "Show fewer lines", copyable: k = !0, copyButtonProps: A, preRef: j, highlight: M, slotProps: N, className: P, sx: F, "aria-label": I, "aria-labelledby": L, ...R }) {
-	let z = ne(), B = `${z}-label`, V = `${z}-source`, [H, pe] = a(h, S, w), U = n.match(/[^\n]*\n|[^\n]+$/g) ?? [], W = m !== void 0 && Number.isFinite(m) && m > 0 ? Math.max(1, Math.floor(m)) : void 0, G = W !== void 0 && U.length > W, K = !G || H, q = K ? U : U.slice(0, W), J = new Intl.NumberFormat(E), Y = l(null), me = s((e) => {
+function T({ ref: e, code: t, filename: n, language: r, label: u = "Source code", sourceLabel: d = "Selectable source code", maxLines: m, open: h, defaultOpen: S = !1, onOpenChange: T, lineNumbers: fe = !1, locale: pe, getExpandLabel: E = C, collapseLabel: D = "Show fewer lines", copyable: O = !0, copyButtonProps: k, preRef: A, highlight: j, slotProps: M, className: N, sx: P, "aria-label": F, "aria-labelledby": I, ...L }) {
+	let R = ne(), z = `${R}-label`, B = `${R}-source`, [V, me] = ee(h, S, T), H = t.match(/[^\n]*\n|[^\n]+$/g) ?? [], U = m !== void 0 && Number.isFinite(m) && m > 0 ? Math.max(1, Math.floor(m)) : void 0, W = U !== void 0 && H.length > U, G = !W || V, K = G ? H : H.slice(0, U), q = new Intl.NumberFormat(pe), J = l(null), he = s((e) => {
 		if (e) return () => {
-			e.ownerDocument.activeElement === e && (Y.current = e.ownerDocument);
+			e.ownerDocument.activeElement === e && (J.current = e.ownerDocument);
 		};
-	}, []), X = l(M), [Z, he] = ie(null), Q = M !== void 0;
+	}, []), Y = l(j), [X, Z] = ie(null), Q = j !== void 0;
 	c(() => {
-		X.current = M;
+		Y.current = j;
 	}), c(() => {
-		let e = X.current;
-		if (!e || n === "") return;
-		let t = !0, r;
+		let e = Y.current;
+		if (Z(null), !e || t === "") return;
+		let n = !0, i;
 		try {
-			r = e({
-				code: n,
-				language: i
+			i = e({
+				code: t,
+				language: r
 			});
 		} catch (e) {
-			C(e);
+			w(e);
 			return;
 		}
-		return Promise.resolve(r).then((e) => {
-			t && he(e ? {
-				code: n,
-				language: i,
-				lines: e
+		return Promise.resolve(i).then((i) => {
+			n && Z(i ? {
+				loader: e,
+				code: t,
+				language: r,
+				lines: i
 			} : null);
 		}, (e) => {
-			t && C(e);
+			n && w(e);
 		}), () => {
-			t = !1;
+			n = !1;
 		};
 	}, [
-		n,
-		i,
+		t,
+		r,
 		Q,
-		M
+		j
 	]);
-	let $ = Q && Z?.code === n && Z.language === i ? Z.lines : void 0;
+	let $ = Q && X?.loader === j && X.code === t && X.language === r ? X.lines : void 0;
 	return re(() => {
-		Y.current &&= (Y.current.getElementById(V)?.focus(), null);
-	}), /* @__PURE__ */ f(t, {
-		className: P,
+		J.current &&= (J.current.getElementById(B)?.focus(), null);
+	}), /* @__PURE__ */ f(i, {
+		className: N,
 		styles: ae,
-		sx: F,
-		children: (t) => /* @__PURE__ */ p("section", {
-			...R,
+		sx: P,
+		children: (i) => /* @__PURE__ */ p("section", {
+			...L,
 			ref: e,
 			"data-ui": "code-block",
-			className: t,
-			"aria-label": I,
-			"aria-labelledby": L ? `${L} ${B}` : I === void 0 ? B : void 0,
+			className: i,
+			"aria-label": F,
+			"aria-labelledby": I ? `${I} ${z}` : F === void 0 ? z : void 0,
 			"data-highlighted": $ ? "" : void 0,
 			children: [
 				/* @__PURE__ */ p("header", {
 					"data-ui": "code-block-header",
-					className: N?.header?.className,
-					css: [g, N?.header?.css],
+					className: M?.header?.className,
+					css: [oe, M?.header?.css],
 					children: [
 						/* @__PURE__ */ f("span", {
-							id: B,
+							id: z,
 							"data-ui": "code-block-label",
-							className: N?.label?.className,
-							css: [_, N?.label?.css],
-							children: r || u
+							className: M?.label?.className,
+							css: [se, M?.label?.css],
+							children: n || u
 						}),
-						i !== void 0 && i !== "" && /* @__PURE__ */ f("span", {
+						r !== void 0 && r !== "" && /* @__PURE__ */ f("span", {
 							"data-ui": "code-block-language",
-							className: N?.language?.className,
-							css: [v, N?.language?.css],
-							children: i
+							className: M?.language?.className,
+							css: [ce, M?.language?.css],
+							children: r
 						}),
-						k && /* @__PURE__ */ f(o, {
+						O && /* @__PURE__ */ f(o, {
 							label: "Copy code",
 							pendingLabel: "Copying code",
 							copiedLabel: "Code copied",
 							errorLabel: "Could not copy code",
 							variant: "ghost",
 							iconOnly: !0,
-							...A,
-							css: [y, A?.css],
-							text: n
+							...k,
+							css: [le, k?.css],
+							text: t
 						})
 					]
 				}),
 				/* @__PURE__ */ p("div", {
 					"data-ui": "code-block-source-frame",
-					"data-state": G ? K ? "expanded" : "collapsed" : void 0,
-					className: N?.sourceFrame?.className,
-					css: [b, N?.sourceFrame?.css],
-					children: [T && q.length > 0 && /* @__PURE__ */ f("div", {
+					"data-state": W ? G ? "expanded" : "collapsed" : void 0,
+					className: M?.sourceFrame?.className,
+					css: [g, M?.sourceFrame?.css],
+					children: [fe && K.length > 0 && /* @__PURE__ */ f("div", {
 						"aria-hidden": "true",
 						"data-ui": "code-block-gutter",
-						className: N?.gutter?.className,
+						className: M?.gutter?.className,
 						css: [
-							x,
-							oe,
-							N?.gutter?.css
+							_,
+							v,
+							M?.gutter?.css
 						],
-						children: q.map((e, t) => J.format(t + 1)).join("\n")
+						children: K.map((e, t) => q.format(t + 1)).join("\n")
 					}), /* @__PURE__ */ f("pre", {
-						id: V,
-						ref: j,
+						id: B,
+						ref: A,
 						role: "group",
 						tabIndex: 0,
 						dir: "ltr",
 						"aria-label": d,
 						"data-ui": "code-block-pre",
-						className: N?.pre?.className,
+						className: M?.pre?.className,
 						css: [
-							x,
-							se,
-							N?.pre?.css
+							_,
+							ue,
+							M?.pre?.css
 						],
 						children: /* @__PURE__ */ f("code", {
 							"data-ui": "code-block-code",
-							className: N?.code?.className,
-							css: [ce, N?.code?.css],
-							children: $ ? q.map((e, t) => /* @__PURE__ */ f(te, { children: fe(e, $[t]) }, t)) : K ? n : q.join("")
+							className: M?.code?.className,
+							css: [y, M?.code?.css],
+							children: $ ? K.map((e, t) => /* @__PURE__ */ f(te, { children: de(e, $[t]) }, t)) : G ? t : K.join("")
 						})
 					})]
 				}),
-				G && /* @__PURE__ */ f(ee, {
-					ref: me,
+				W && /* @__PURE__ */ f(a, {
+					ref: he,
 					variant: "ghost",
 					tone: "neutral",
 					size: "sm",
-					endIcon: ue,
-					"aria-expanded": !!H,
-					"aria-controls": V,
+					endIcon: x,
+					"aria-expanded": !!V,
+					"aria-controls": B,
 					"data-ui": "code-block-toggle",
-					className: N?.toggle?.className,
-					css: [le, N?.toggle?.css],
+					className: M?.toggle?.className,
+					css: [b, M?.toggle?.css],
 					render: (e) => /* @__PURE__ */ f("button", {
 						...e,
 						type: "button"
 					}),
-					onClick: () => pe(!H),
-					children: H ? O : D(U.length, J.format(U.length))
+					onClick: () => me(!V),
+					children: V ? D : E(H.length, q.format(H.length))
 				})
 			]
 		})
 	});
 }
-w.displayName = "CodeBlock";
+T.displayName = "CodeBlock";
 //#endregion
-export { w as t };
+export { T as t };

package/dist/code-block.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as CodeBlock } from "./code-block-ahnRi-g8.js";
+export { t as CodeBlock } from "./code-block-CYP89_6h.js";