@studiolxd/brand 49.28.0 → 51.0.0

package/dist/conversation-thread.js

@@ -1,44 +1,48 @@
 'use client';
 import './conversation-thread.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { UserMessage as t } from "./user-message.js";
 import { AssistantMessage as n } from "./assistant-message.js";
 import { forwardRef as r, useEffect as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/conversationThread.ts
+var c = { label: "Conversación" };
+//#endregion
 //#region src/stories/organisms/ConversationThread/ConversationThread.tsx
-function c() {
+function l() {
 	return typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 }
-var l = r(function({ messages: r = [], children: l, streamingName: u, streamingLabel: d, ariaLabel: f, locale: p, timestampFormat: m, className: h, ...g }, _) {
-	let v = a(null), y = e("conversationThread");
+var u = r(function({ messages: r = [], children: u, streamingName: d, streamingLabel: f, ariaLabel: p, locale: m, timestampFormat: h, className: g, ..._ }, v) {
+	let y = a(null), b = e("conversationThread", c);
 	return i(() => {
-		v.current?.scrollIntoView({ behavior: c() });
-	}, [r, l]), /* @__PURE__ */ s("div", {
-		ref: _,
-		className: `conversation-thread${h ? ` ${h}` : ""}`,
+		y.current?.scrollIntoView({ behavior: l() });
+	}, [r, u]), /* @__PURE__ */ s("div", {
+		ref: v,
+		className: `conversation-thread${g ? ` ${g}` : ""}`,
 		role: "log",
-		"aria-label": y("label", f),
-		"data-content": l == null ? "messages" : "children",
-		...g,
-		children: [l ?? r.map((e) => e.role === "user" ? /* @__PURE__ */ o(t, {
+		"aria-label": b("label", p),
+		tabIndex: 0,
+		"data-content": u == null ? "messages" : "children",
+		..._,
+		children: [u ?? r.map((e) => e.role === "user" ? /* @__PURE__ */ o(t, {
 			timestamp: e.timestamp,
-			locale: p,
-			timestampFormat: m,
+			locale: m,
+			timestampFormat: h,
 			children: e.content
 		}, e.id) : /* @__PURE__ */ o(n, {
 			model: e.model,
 			timestamp: e.timestamp,
-			locale: p,
-			timestampFormat: m,
+			locale: m,
+			timestampFormat: h,
 			isStreaming: e.isStreaming,
-			streamingName: u,
-			streamingLabel: d,
+			streamingName: d,
+			streamingLabel: f,
 			children: e.content
 		}, e.id)), /* @__PURE__ */ o("div", {
-			ref: v,
+			ref: y,
 			"aria-hidden": "true"
 		})]
 	});
 });
 //#endregion
-export { l as ConversationThread };
+export { u as ConversationThread };

package/dist/copy-button.js

@@ -1,46 +1,48 @@
 'use client';
 import './copy-button.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { VisuallyHidden as n } from "./visually-hidden.js";
-import { Button as r } from "./button.js";
-import { n as i, t as a } from "./_shared/copy-to-clipboard.js";
-import { forwardRef as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { t as r } from "./_shared/focusable-when-disabled.js";
+import { Button as i } from "./button.js";
+import { n as a, r as o, t as s } from "./_shared/copy.js";
+import { forwardRef as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/stories/molecules/CopyButton/CopyButton.tsx
-var u = o(function({ value: o, children: u, label: d, copiedLabel: f, errorLabel: p, variant: m = "ghost", size: h, feedbackDuration: g = a, onCopy: _, onCopyError: v, className: y, ...b }, x) {
-	let S = e("copy"), { status: C, copy: w } = i(g), T = async () => {
-		let e = await w(o);
-		e.ok ? _?.(e.text) : v?.(e.error);
-	}, E = C === "copied" ? S("copied", f) : C === "error" ? S("error", p) : "", D = u == null ? null : C === "copied" ? S("copied", f) : C === "error" ? S("error", p) : u;
-	return /* @__PURE__ */ l(s, { children: [u == null ? /* @__PURE__ */ c(r, {
-		...b,
-		ref: x,
-		variant: m,
-		...h ? { size: h } : {},
+var f = c(function({ value: r, children: c, label: f, copiedLabel: p, errorLabel: m, variant: h = "ghost", size: g, feedbackDuration: _ = a, onCopy: v, onCopyError: y, className: b, ...x }, S) {
+	let C = e("copy", s), { status: w, copy: T } = o(_), E = async () => {
+		let e = await T(r);
+		e.ok ? v?.(e.text) : y?.(e.error);
+	}, D = w === "copied" ? C("copied", p) : w === "error" ? C("error", m) : "", O = c == null ? null : w === "copied" ? C("copied", p) : w === "error" ? C("error", m) : c;
+	return /* @__PURE__ */ d(l, { children: [c == null ? /* @__PURE__ */ u(i, {
+		...x,
+		ref: S,
+		variant: h,
+		...g ? { size: g } : {},
 		iconOnly: !0,
-		"aria-label": S("label", d),
-		onClick: T,
-		className: ["copy-button", y].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ c(t, {
-			name: C === "copied" ? "check" : "copy",
+		"aria-label": C("label", f),
+		onClick: E,
+		className: ["copy-button", b].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ u(t, {
+			name: w === "copied" ? "check" : "copy",
 			size: "sm"
 		})
-	}) : /* @__PURE__ */ l(r, {
-		...b,
-		ref: x,
-		variant: m,
-		...h ? { size: h } : {},
-		onClick: T,
-		className: ["copy-button", y].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ c(t, {
-			name: C === "copied" ? "check" : "copy",
+	}) : /* @__PURE__ */ d(i, {
+		...x,
+		ref: S,
+		variant: h,
+		...g ? { size: g } : {},
+		onClick: E,
+		className: ["copy-button", b].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ u(t, {
+			name: w === "copied" ? "check" : "copy",
 			size: "sm"
-		}), D]
-	}), /* @__PURE__ */ c(n, {
+		}), O]
+	}), /* @__PURE__ */ u(n, {
 		role: "status",
-		children: E
+		children: D
 	})] });
 });
+r(f);
 //#endregion
-export { u as CopyButton };
+export { f as CopyButton };

package/dist/copyable-value.js

@@ -1,101 +1,101 @@
 'use client';
 import './copyable-value.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { VisuallyHidden as n } from "./visually-hidden.js";
 import { Button as r } from "./button.js";
-import { n as i } from "./_shared/copy-to-clipboard.js";
-import { forwardRef as a, isValidElement as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { r as i, t as a } from "./_shared/copy.js";
+import { forwardRef as o, isValidElement as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/atoms/CopyableValue/CopyableValue.tsx
-var u = 6, d = 12, f = new Set([
+var d = 6, f = 12, p = new Set([
 	"/",
 	"-",
 	"_",
 	"."
 ]);
-function p(e) {
-	if (e.length <= u) return {
+function m(e) {
+	if (e.length <= d) return {
 		head: "",
 		tail: e
 	};
-	let t = Math.max(0, e.length - d);
-	for (let n = e.length - 2; n >= t; n--) if (f.has(e[n])) return {
+	let t = Math.max(0, e.length - f);
+	for (let n = e.length - 2; n >= t; n--) if (p.has(e[n])) return {
 		head: e.slice(0, n),
 		tail: e.slice(n)
 	};
 	return {
-		head: e.slice(0, e.length - u),
-		tail: e.slice(e.length - u)
+		head: e.slice(0, e.length - d),
+		tail: e.slice(e.length - d)
 	};
 }
-function m(e) {
+function h(e) {
 	if (e == null || typeof e == "boolean") return "";
 	if (typeof e == "string") return e;
 	if (typeof e == "number") return String(e);
 	if (Array.isArray(e)) {
 		let t = "";
 		for (let n of e) {
-			let e = m(n);
+			let e = h(n);
 			if (e === null) return null;
 			t += e;
 		}
 		return t;
 	}
-	return o(e) ? m(e.props.children) : null;
+	return s(e) ? h(e.props.children) : null;
 }
-var h = 24, g = a(function({ children: a, copyText: o, copyLabel: u, copiedLabel: d, className: f }, g) {
-	let _ = e("copy"), { status: v, copy: y } = i(), b = v === "copied", x = ["copyable-value", f].filter(Boolean).join(" "), S = typeof a == "string", C = S ? p(a) : null, w = S ? null : m(a), T = S ? a : w ?? "", E = !S && w !== null && !/\s/.test(w) && w.length <= h, D = /* @__PURE__ */ c(r, {
+var g = 24, _ = o(function({ children: o, copyText: s, copyLabel: d, copiedLabel: f, className: p }, _) {
+	let v = e("copy", a), { status: y, copy: b } = i(), x = y === "copied", S = ["copyable-value", p].filter(Boolean).join(" "), C = typeof o == "string", w = C ? m(o) : null, T = C ? null : h(o), E = C ? o : T ?? "", D = !C && T !== null && !/\s/.test(T) && T.length <= g, O = /* @__PURE__ */ l(r, {
 		iconOnly: !0,
 		variant: "ghost",
 		size: "sm",
-		"aria-label": _("label", u),
-		onClick: () => y(() => o ?? T),
+		"aria-label": v("label", d),
+		onClick: () => b(() => s ?? E),
 		className: "copyable-value__copy",
-		children: /* @__PURE__ */ c(t, {
-			name: b ? "check" : "copy",
+		children: /* @__PURE__ */ l(t, {
+			name: x ? "check" : "copy",
 			size: "sm"
 		})
-	}), O;
-	if (S) {
-		let { head: e, tail: t } = C;
-		O = /* @__PURE__ */ l("span", {
+	}), k;
+	if (C) {
+		let { head: e, tail: t } = w;
+		k = /* @__PURE__ */ u("span", {
 			className: "copyable-value__value",
-			children: [e, /* @__PURE__ */ l("span", {
+			children: [e, /* @__PURE__ */ u("span", {
 				className: "copyable-value__tail",
 				children: [
 					t,
 					"⁠",
-					D
+					O
 				]
 			})]
 		});
-	} else O = E ? /* @__PURE__ */ l("span", {
+	} else k = D ? /* @__PURE__ */ u("span", {
 		className: "copyable-value__tail",
 		children: [
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ l("span", {
 				className: "copyable-value__value",
-				children: a
+				children: o
 			}),
 			"⁠",
-			D
+			O
 		]
-	}) : /* @__PURE__ */ l(s, { children: [
-		/* @__PURE__ */ c("span", {
+	}) : /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ l("span", {
 			className: "copyable-value__value",
-			children: a
+			children: o
 		}),
 		"⁠",
-		D
+		O
 	] });
-	return /* @__PURE__ */ l("span", {
-		ref: g,
-		className: x,
-		children: [O, /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ u("span", {
+		ref: _,
+		className: S,
+		children: [k, /* @__PURE__ */ l(n, {
 			role: "status",
-			children: b ? _("copied", d) : ""
+			children: x ? v("copied", f) : ""
 		})]
 	});
 });
 //#endregion
-export { g as CopyableValue };
+export { _ as CopyableValue };