@studiolxd/brand 39.0.0 → 40.1.0

package/dist/chat-shell.js

@@ -3,23 +3,23 @@ import './chat-shell.css';
 import { Icon as e } from "./icon.js";
 import { Button as t } from "./button.js";
 import { Sheet as n } from "./sheet.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as a, useCallback as o, useEffect as s, useState as c } from "react";
+import { forwardRef as r, useCallback as i, useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/templates/ChatShell/ChatShell.tsx
-var l = "(min-width: 1024px)", u = a(function({ list: a, header: u, children: d, composer: f, listLabel: p = "Conversaciones", listTriggerLabel: m = "Abrir conversaciones", listOpen: h, onListOpenChange: g, className: _, ...v }, y) {
-	let [b, x] = c(() => typeof window > "u" ? !0 : window.matchMedia(l).matches), [S, C] = c(!1), [w, T] = c(null), E = o((e) => {
+var l = "(min-width: 1024px)", u = r(function({ list: r, header: u, children: d, composer: f, listLabel: p = "Conversaciones", listTriggerLabel: m = "Abrir conversaciones", listOpen: h, onListOpenChange: g, className: _, ...v }, y) {
+	let [b, x] = o(() => typeof window > "u" ? !0 : window.matchMedia(l).matches), [S, C] = o(!1), [w, T] = o(null), E = i((e) => {
 		T(e), typeof y == "function" ? y(e) : y && (y.current = e);
 	}, [y]);
-	s(() => {
+	a(() => {
 		let e = window.matchMedia(l), t = () => {
 			x(e.matches), e.matches && C(!1);
 		};
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let D = o((e) => {
+	let D = i((e) => {
 		h === void 0 && C(e), g?.(e);
-	}, [h, g]), O = !b && (h ?? S), k = a != null && b, A = a != null && !b;
-	return /* @__PURE__ */ i("div", {
+	}, [h, g]), O = !b && (h ?? S), k = r != null && b, A = r != null && !b;
+	return /* @__PURE__ */ c("div", {
 		ref: E,
 		className: [
 			"chat-shell",
@@ -28,17 +28,17 @@ var l = "(min-width: 1024px)", u = a(function({ list: a, header: u, children: d,
 		].filter(Boolean).join(" "),
 		...v,
 		children: [
-			k && /* @__PURE__ */ r("aside", {
+			k && /* @__PURE__ */ s("aside", {
 				className: "chat-shell__list",
 				"aria-label": p,
-				children: a
+				children: r
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ c("div", {
 				className: "chat-shell__main",
 				children: [
-					(u || A) && /* @__PURE__ */ i("header", {
+					(u || A) && /* @__PURE__ */ c("header", {
 						className: "chat-shell__header",
-						children: [A && /* @__PURE__ */ r(t, {
+						children: [A && /* @__PURE__ */ s(t, {
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
@@ -47,26 +47,26 @@ var l = "(min-width: 1024px)", u = a(function({ list: a, header: u, children: d,
 							"aria-expanded": O,
 							className: "chat-shell__list-trigger",
 							onClick: () => D(!0),
-							children: /* @__PURE__ */ r(e, {
+							children: /* @__PURE__ */ s(e, {
 								name: "layout-sidebar",
 								size: "sm"
 							})
-						}), u && /* @__PURE__ */ r("div", {
+						}), u && /* @__PURE__ */ s("div", {
 							className: "chat-shell__header-content",
 							children: u
 						})]
 					}),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ s("div", {
 						className: "chat-shell__thread",
 						children: d
 					}),
-					f && /* @__PURE__ */ r("div", {
+					f && /* @__PURE__ */ s("div", {
 						className: "chat-shell__composer",
 						children: f
 					})
 				]
 			}),
-			A && /* @__PURE__ */ i(n, {
+			A && /* @__PURE__ */ c(n, {
 				side: "left",
 				open: O,
 				onOpenChange: D,
@@ -75,9 +75,9 @@ var l = "(min-width: 1024px)", u = a(function({ list: a, header: u, children: d,
 				container: w ?? void 0,
 				hideClose: !0,
 				className: "chat-shell__drawer",
-				children: [/* @__PURE__ */ r("header", {
+				children: [/* @__PURE__ */ s("header", {
 					className: "chat-shell__header",
-					children: /* @__PURE__ */ r(t, {
+					children: /* @__PURE__ */ s(t, {
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
@@ -85,14 +85,14 @@ var l = "(min-width: 1024px)", u = a(function({ list: a, header: u, children: d,
 						"aria-expanded": !0,
 						className: "chat-shell__list-trigger",
 						onClick: () => D(!1),
-						children: /* @__PURE__ */ r(e, {
+						children: /* @__PURE__ */ s(e, {
 							name: "layout-sidebar",
 							size: "sm"
 						})
 					})
-				}), /* @__PURE__ */ r("div", {
+				}), /* @__PURE__ */ s("div", {
 					className: "chat-shell__drawer-list",
-					children: a
+					children: r
 				})]
 			})
 		]

package/dist/checkbox-field.js

@@ -5,12 +5,12 @@ import { n as t } from "./_shared/form-size.js";
 import { Checkbox as n } from "./checkbox.js";
 import { ErrorText as r } from "./error-text.js";
 import { n as i } from "./_shared/field-labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, useId as c } from "react";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/CheckboxField/CheckboxField.tsx
-var l = s(function({ label: s, labelHidden: l, checked: u, defaultChecked: d, disabled: f, size: p, id: m, name: h, value: g, error: _ = !1, errorMessage: v, helperText: y, className: b, onCheckedChange: x, onBlur: S }, C) {
-	let w = i(l), T = t(p), E = c(), D = m ?? E, O = v ? `${D}-error` : void 0, k = y ? `${D}-helper` : void 0, A = [O, k].filter(Boolean).join(" ") || void 0, j = _ || !!v;
-	return /* @__PURE__ */ o("div", {
+var l = a(function({ label: a, labelHidden: l, checked: u, defaultChecked: d, disabled: f, size: p, id: m, name: h, value: g, error: _ = !1, errorMessage: v, helperText: y, className: b, onCheckedChange: x, onBlur: S }, C) {
+	let w = i(l), T = t(p), E = o(), D = m ?? E, O = v ? `${D}-error` : void 0, k = y ? `${D}-helper` : void 0, A = [O, k].filter(Boolean).join(" ") || void 0, j = _ || !!v;
+	return /* @__PURE__ */ c("div", {
 		className: [
 			"checkbox-field",
 			T === "md" ? "" : `checkbox-field--${T}`,
@@ -18,10 +18,10 @@ var l = s(function({ label: s, labelHidden: l, checked: u, defaultChecked: d, di
 			b
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ o("label", {
+			/* @__PURE__ */ c("label", {
 				className: "checkbox-field__control",
 				htmlFor: D,
-				children: [/* @__PURE__ */ a(n, {
+				children: [/* @__PURE__ */ s(n, {
 					ref: C,
 					id: D,
 					checked: u,
@@ -34,16 +34,16 @@ var l = s(function({ label: s, labelHidden: l, checked: u, defaultChecked: d, di
 					"aria-describedby": A,
 					onCheckedChange: x,
 					onBlur: S
-				}), a(w ? e : "span", {
+				}), s(w ? e : "span", {
 					className: "checkbox-field__label",
-					children: s
+					children: a
 				})]
 			}),
-			v && /* @__PURE__ */ a(r, {
+			v && /* @__PURE__ */ s(r, {
 				id: O,
 				children: v
 			}),
-			y && /* @__PURE__ */ a("span", {
+			y && /* @__PURE__ */ s("span", {
 				id: k,
 				className: "checkbox-field__helper",
 				children: y

package/dist/checkbox.js

@@ -1,20 +1,20 @@
 'use client';
 import './checkbox.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { Checkbox as n } from "@base-ui/react/checkbox";
 //#region src/stories/atoms/Checkbox/Checkbox.tsx
-var r = t(function({ size: t = "md", className: r, checked: i, indeterminate: a, onCheckedChange: o, id: s, error: c = !1, ...l }, u) {
+var r = e(function({ size: e = "md", className: r, checked: i, indeterminate: a, onCheckedChange: o, id: s, error: c = !1, ...l }, u) {
 	let d = [
 		"checkbox",
-		t === "md" ? "" : `checkbox--${t}`,
+		e === "md" ? "" : `checkbox--${e}`,
 		c ? "checkbox--error" : "",
 		r ?? ""
 	].filter(Boolean).join(" "), f = i === "indeterminate" || a;
-	return /* @__PURE__ */ e(n.Root, {
+	return /* @__PURE__ */ t(n.Root, {
 		ref: u,
 		className: d,
-		render: /* @__PURE__ */ e("button", {
+		render: /* @__PURE__ */ t("button", {
 			type: "button",
 			id: s
 		}),
@@ -25,7 +25,7 @@ var r = t(function({ size: t = "md", className: r, checked: i, indeterminate: a,
 		"aria-invalid": c || void 0,
 		onCheckedChange: o ? (e) => o(e) : void 0,
 		...l,
-		children: /* @__PURE__ */ e(n.Indicator, {
+		children: /* @__PURE__ */ t(n.Indicator, {
 			className: "checkbox__indicator",
 			keepMounted: !0
 		})

package/dist/close-button.js

@@ -1,11 +1,11 @@
 'use client';
 import './close-button.css';
 import { Icon as e } from "./icon.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/atoms/CloseButton/CloseButton.tsx
-var r = n(function({ label: n = "Cerrar", size: r = "md", className: i, ...a }, o) {
-	return /* @__PURE__ */ t("button", {
+var r = t(function({ label: t = "Cerrar", size: r = "md", className: i, ...a }, o) {
+	return /* @__PURE__ */ n("button", {
 		ref: o,
 		type: "button",
 		className: [
@@ -13,9 +13,9 @@ var r = n(function({ label: n = "Cerrar", size: r = "md", className: i, ...a },
 			r === "md" ? "" : `close-button--${r}`,
 			i
 		].filter(Boolean).join(" "),
-		"aria-label": n,
+		"aria-label": t,
 		...a,
-		children: /* @__PURE__ */ t(e, { name: "close" })
+		children: /* @__PURE__ */ n(e, { name: "close" })
 	});
 });
 //#endregion

package/dist/code-block.js

@@ -5,65 +5,65 @@ import { VisuallyHidden as t } from "./visually-hidden.js";
 import { Button as n } from "./button.js";
 import { n as r } from "./_shared/copy-to-clipboard.js";
 import { Tag as i } from "./tag.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useRef as c } from "react";
+import { useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/CodeBlock/CodeBlock.tsx
 var l = (e) => e ? `Bloque de código ${e}` : "Bloque de código";
 function u({ children: u, language: d, copyable: f = !1, singleLine: p, copyLabel: m = "Copiar código", copiedLabel: h = "Copiado", codeLabel: g = l, className: _, ...v }) {
-	let y = c(null), { status: b, copy: x } = r(), S = b === "copied", C = () => x(() => y.current?.textContent ?? ""), w = typeof u == "string" && !u.includes("\n"), T = p ?? w, E = !!d || f, D = [
+	let y = a(null), { status: b, copy: x } = r(), S = b === "copied", C = () => x(() => y.current?.textContent ?? ""), w = typeof u == "string" && !u.includes("\n"), T = p ?? w, E = !!d || f, D = [
 		"code-block",
 		T ? "code-block--single-line" : "",
 		_ ?? ""
-	].filter(Boolean).join(" "), O = d && /* @__PURE__ */ o(i, {
+	].filter(Boolean).join(" "), O = d && /* @__PURE__ */ s(i, {
 		variant: "neutral",
 		className: "code-block__language",
 		children: d
-	}), k = f && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(n, {
+	}), k = f && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
 		iconOnly: !0,
 		variant: "ghost",
 		size: "sm",
 		"aria-label": m,
 		onClick: C,
 		className: "code-block__copy",
-		children: /* @__PURE__ */ o(e, {
+		children: /* @__PURE__ */ s(e, {
 			name: S ? "check" : "copy",
 			size: "sm"
 		})
-	}), /* @__PURE__ */ o(t, {
+	}), /* @__PURE__ */ s(t, {
 		role: "status",
 		children: S ? h : ""
-	})] }), A = /* @__PURE__ */ o("pre", {
+	})] }), A = /* @__PURE__ */ s("pre", {
 		className: "code-block__pre",
 		tabIndex: 0,
 		role: "region",
 		"aria-label": g(d),
-		children: /* @__PURE__ */ o("code", {
+		children: /* @__PURE__ */ s("code", {
 			ref: y,
 			className: "code-block__code",
 			children: u
 		})
 	});
-	return T ? /* @__PURE__ */ o("div", {
+	return T ? /* @__PURE__ */ s("div", {
 		className: D,
 		...v,
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: "code-block__row",
-			children: [A, E && /* @__PURE__ */ s("div", {
+			children: [A, E && /* @__PURE__ */ c("div", {
 				className: "code-block__controls",
 				children: [O, k]
 			})]
 		})
-	}) : /* @__PURE__ */ s("div", {
+	}) : /* @__PURE__ */ c("div", {
 		className: D,
 		...v,
-		children: [E && /* @__PURE__ */ s("div", {
+		children: [E && /* @__PURE__ */ c("div", {
 			className: "code-block__header",
 			children: [O, k]
 		}), A]
 	});
 }
 function d({ type: e, className: t, children: n, ...r }) {
-	return /* @__PURE__ */ o("span", {
+	return /* @__PURE__ */ s("span", {
 		className: [
 			"code-block__token",
 			`code-block__token--${e}`,

package/dist/code.js

@@ -1,11 +1,11 @@
 import './code.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Code/Code.tsx
-var n = t(function({ className: t, children: n, ...r }, i) {
-	return /* @__PURE__ */ e("code", {
+var n = e(function({ className: e, children: n, ...r }, i) {
+	return /* @__PURE__ */ t("code", {
 		ref: i,
-		className: ["code", t].filter(Boolean).join(" "),
+		className: ["code", e].filter(Boolean).join(" "),
 		...r,
 		children: n
 	});

package/dist/collapsible.js

@@ -1,8 +1,8 @@
 'use client';
 import './collapsible.css';
 import { Icon as e } from "./icon.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Collapsible as r } from "@base-ui/react/collapsible";
 //#region src/stories/atoms/Collapsible/Collapsible.tsx
 function i({ onOpenChange: e, children: n, className: i, ...a }) {

package/dist/columns.js

@@ -1,6 +1,6 @@
 import './columns.css';
-import { jsx as e } from "react/jsx-runtime";
-import { Children as t, Fragment as n, isValidElement as r } from "react";
+import { Children as e, Fragment as t, isValidElement as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/stories/atoms/Columns/Columns.tsx
 function i({ columns: i = 2, ratio: a = "1:1", align: o = "start", gap: s = "md", intermediate: c = !0, stackOrder: l = "normal", children: u, className: d, ...f }) {
 	let p = [
@@ -12,14 +12,14 @@ function i({ columns: i = 2, ratio: a = "1:1", align: o = "start", gap: s = "md"
 		c ? "" : "columns--no-intermediate",
 		l === "reverse" ? "columns--reverse" : "",
 		d
-	].filter(Boolean).join(" "), m = r(u) && u.type === n ? u.props.children : u, h = t.toArray(m);
-	return /* @__PURE__ */ e("div", {
+	].filter(Boolean).join(" "), m = n(u) && u.type === t ? u.props.children : u, h = e.toArray(m);
+	return /* @__PURE__ */ r("div", {
 		className: p,
 		...f,
-		children: h.map((t, n) => /* @__PURE__ */ e("div", {
+		children: h.map((e, t) => /* @__PURE__ */ r("div", {
 			className: "columns__col",
-			children: t
-		}, n))
+			children: e
+		}, t))
 	});
 }
 //#endregion

package/dist/command-palette.js

@@ -1,12 +1,12 @@
 'use client';
 import './command-palette.css';
 import { Modal as e } from "./modal.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useCallback as r, useEffect as i } from "react";
+import { useCallback as t, useEffect as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Autocomplete as a } from "@base-ui/react/autocomplete";
 //#region src/stories/molecules/CommandPalette/CommandPalette.tsx
 function o({ open: o, onOpenChange: s, groups: c, title: l, placeholder: u, emptyLabel: d, listLabel: f, closeLabel: p, shortcut: m = "k", locale: h, className: g }) {
-	i(() => {
+	n(() => {
 		if (m === !1) return;
 		let e = (e) => {
 			typeof e.key == "string" && e.key.toLowerCase() === m && (e.metaKey || e.ctrlKey) && (e.preventDefault(), s(!o));
@@ -20,43 +20,43 @@ function o({ open: o, onOpenChange: s, groups: c, title: l, placeholder: u, empt
 	let _ = a.useFilter({
 		sensitivity: "base",
 		locale: h
-	}), v = r((e, t) => _.contains(e.label, t) || (e.keywords ?? []).some((e) => _.contains(e, t)), [_]);
-	return /* @__PURE__ */ t(e, {
+	}), v = t((e, t) => _.contains(e.label, t) || (e.keywords ?? []).some((e) => _.contains(e, t)), [_]);
+	return /* @__PURE__ */ r(e, {
 		open: o,
 		onClose: () => s(!1),
 		title: l,
 		...p ? { closeLabel: p } : {},
-		children: /* @__PURE__ */ t(a.Root, {
+		children: /* @__PURE__ */ r(a.Root, {
 			inline: !0,
 			open: !0,
 			items: c,
 			filter: v,
 			autoHighlight: "always",
-			children: /* @__PURE__ */ n("div", {
+			children: /* @__PURE__ */ i("div", {
 				className: ["command-palette", g].filter(Boolean).join(" "),
 				children: [
-					/* @__PURE__ */ t(a.Input, {
+					/* @__PURE__ */ r(a.Input, {
 						className: "command-palette__input",
 						placeholder: u,
 						autoFocus: !0
 					}),
-					/* @__PURE__ */ t(a.List, {
+					/* @__PURE__ */ r(a.List, {
 						className: "command-palette__list",
 						"aria-label": f,
-						children: (e) => /* @__PURE__ */ n(a.Group, {
+						children: (e) => /* @__PURE__ */ i(a.Group, {
 							items: e.items,
 							className: "command-palette__group",
-							children: [/* @__PURE__ */ t(a.GroupLabel, {
+							children: [/* @__PURE__ */ r(a.GroupLabel, {
 								className: "command-palette__heading",
 								children: e.heading
-							}), /* @__PURE__ */ t(a.Collection, { children: (e) => /* @__PURE__ */ n(a.Item, {
+							}), /* @__PURE__ */ r(a.Collection, { children: (e) => /* @__PURE__ */ i(a.Item, {
 								value: e,
 								disabled: e.disabled,
 								className: "command-palette__item",
 								onClick: () => {
 									s(!1), e.onSelect();
 								},
-								children: [e.icon && /* @__PURE__ */ t("span", {
+								children: [e.icon && /* @__PURE__ */ r("span", {
 									className: "command-palette__item-icon",
 									"aria-hidden": "true",
 									children: e.icon
@@ -64,7 +64,7 @@ function o({ open: o, onOpenChange: s, groups: c, title: l, placeholder: u, empt
 							}, e.id) })]
 						}, e.id)
 					}),
-					/* @__PURE__ */ t(a.Empty, {
+					/* @__PURE__ */ r(a.Empty, {
 						className: "command-palette__empty",
 						children: d
 					})

package/dist/confirm-dialog.js

@@ -3,12 +3,12 @@ import './confirm-dialog.css';
 import { Button as e } from "./button.js";
 import { Modal as t } from "./modal.js";
 import { InputField as n } from "./input-field.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/molecules/ConfirmDialog/ConfirmDialog.tsx
 function u({ open: u, title: d, description: f, children: p, onConfirm: m, onCancel: h, onConfirmError: g, secondaryActionLabel: _, onSecondaryAction: v, destructive: y = !1, confirmLabel: b = "Confirmar", cancelLabel: x = "Cancelar", pendingLabel: S = "Confirmando…", closeLabel: C = "Cerrar", confirmPhrase: w, confirmPhraseLabel: T, confirmPhraseMismatch: E, container: D, className: O }) {
-	let k = c(null), A = c(null), j = s(), [M, N] = l(!1), [P, F] = l(""), [I, L] = l(!1), R = w === void 0 || P.trim() === w, z = I && !R;
-	o(() => {
+	let k = a(null), A = a(null), j = i(), [M, N] = o(!1), [P, F] = o(""), [I, L] = o(!1), R = w === void 0 || P.trim() === w, z = I && !R;
+	r(() => {
 		u || (N(!1), F(""), L(!1));
 	}, [u]);
 	let B = () => {
@@ -27,7 +27,7 @@ function u({ open: u, title: d, description: f, children: p, onConfirm: m, onCan
 			}
 		}
 	};
-	return /* @__PURE__ */ a(t, {
+	return /* @__PURE__ */ l(t, {
 		open: u,
 		onClose: B,
 		title: d,
@@ -36,21 +36,21 @@ function u({ open: u, title: d, description: f, children: p, onConfirm: m, onCan
 		initialFocus: w === void 0 ? k : A,
 		...f == null ? {} : { description: f },
 		footerClassName: ["confirm-dialog__actions", O].filter(Boolean).join(" "),
-		footer: /* @__PURE__ */ a(r, { children: [
-			/* @__PURE__ */ i(e, {
+		footer: /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ c(e, {
 				ref: k,
 				variant: "outline",
 				onClick: B,
 				disabled: M,
 				children: x
 			}),
-			_ && v && /* @__PURE__ */ i(e, {
+			_ && v && /* @__PURE__ */ c(e, {
 				variant: "outline",
 				onClick: v,
 				disabled: M,
 				children: _
 			}),
-			/* @__PURE__ */ i(e, {
+			/* @__PURE__ */ c(e, {
 				variant: y ? "outline" : "primary",
 				destructive: y,
 				onClick: V,
@@ -58,7 +58,7 @@ function u({ open: u, title: d, description: f, children: p, onConfirm: m, onCan
 				children: M ? S : b
 			})
 		] }),
-		children: [p, w !== void 0 && /* @__PURE__ */ i(n, {
+		children: [p, w !== void 0 && /* @__PURE__ */ c(n, {
 			ref: A,
 			id: `${j}-confirm-phrase`,
 			className: "confirm-dialog__phrase",

package/dist/connector-auth-shell.js

@@ -4,16 +4,16 @@ import { Columns as t } from "./columns.js";
 import { Stack as n } from "./stack.js";
 import { PageIntro as r } from "./page-intro.js";
 import { PublicPageShell as i } from "./public-page-shell.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorAuthShell.tsx
-var c = s(function({ title: s, description: c, intro: l, aside: u, children: d, header: f, footer: p, preferences: m, preferencesLabel: h, id: g, shell: _, className: v }, y) {
-	let b = /* @__PURE__ */ a(r, {
-		title: s,
+var c = a(function({ title: a, description: c, intro: l, aside: u, children: d, header: f, footer: p, preferences: m, preferencesLabel: h, id: g, shell: _, className: v }, y) {
+	let b = /* @__PURE__ */ o(r, {
+		title: a,
 		description: c,
 		children: l
 	});
-	return /* @__PURE__ */ a(i, {
+	return /* @__PURE__ */ o(i, {
 		ref: y,
 		header: f,
 		footer: p,
@@ -21,11 +21,11 @@ var c = s(function({ title: s, description: c, intro: l, aside: u, children: d,
 		preferencesLabel: h,
 		id: g,
 		shell: _,
-		children: /* @__PURE__ */ a(e.Provider, {
+		children: /* @__PURE__ */ o(e.Provider, {
 			value: "lg",
-			children: /* @__PURE__ */ o(t, {
+			children: /* @__PURE__ */ s(t, {
 				className: v,
-				children: [u ? /* @__PURE__ */ o(n, {
+				children: [u ? /* @__PURE__ */ s(n, {
 					mobileOrder: "reverse",
 					children: [b, u]
 				}) : b, d]