@studiolxd/brand 49.28.0 → 50.0.0

package/dist/card.js

@@ -3,12 +3,13 @@ import './card.css';
 import { VisuallyHidden as e } from "./visually-hidden.js";
 import { Arrow as t } from "./arrow.js";
 import { Heading as n } from "./heading.js";
-import { Paragraph as r } from "./paragraph.js";
-import { forwardRef as i, useCallback as a, useRef as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useRender as u } from "@base-ui/react/use-render";
+import { t as r } from "./_shared/assign-ref.js";
+import { Paragraph as i } from "./paragraph.js";
+import { forwardRef as a, useCallback as o, useRef as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useRender as d } from "@base-ui/react/use-render";
 //#region src/stories/molecules/Card/Card.tsx
-var d = i(function({ href: r, render: i, external: a = !1, title: o, description: d, ctaLabel: f, color: p = "outline", variant: m = "default", media: h, linkOverlay: g = !1, selectable: _ = !1, selected: v = !1, className: y, children: b, ...x }, S) {
+var f = a(function({ href: r, render: i, external: a = !1, title: o, description: s, ctaLabel: f, color: p = "outline", variant: m = "default", media: h, linkOverlay: g = !1, selectable: _ = !1, selected: v = !1, className: y, children: b, ...x }, S) {
 	let C = [
 		"card",
 		`card--${p}`,
@@ -17,26 +18,26 @@ var d = i(function({ href: r, render: i, external: a = !1, title: o, description
 		_ ? "card--selectable" : "",
 		_ && v ? "card--selected" : "",
 		y ?? ""
-	].filter(Boolean).join(" "), w = /* @__PURE__ */ l(s, { children: [
-		o !== void 0 && /* @__PURE__ */ c(n, {
+	].filter(Boolean).join(" "), w = /* @__PURE__ */ u(c, { children: [
+		o !== void 0 && /* @__PURE__ */ l(n, {
 			level: 2,
 			size: 8,
 			children: o
 		}),
-		d && (typeof d == "string" ? /* @__PURE__ */ c("p", { children: d }) : d),
+		s && (typeof s == "string" ? /* @__PURE__ */ l("p", { children: s }) : s),
 		b,
-		f !== void 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(e, { children: f }), /* @__PURE__ */ c(t, { size: "lg" })] })
-	] }), T = h && /* @__PURE__ */ c("div", {
+		f !== void 0 && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, { children: f }), /* @__PURE__ */ l(t, { size: "lg" })] })
+	] }), T = h && /* @__PURE__ */ l("div", {
 		className: "card__media",
-		children: /* @__PURE__ */ c("img", {
+		children: /* @__PURE__ */ l("img", {
 			src: h.src,
 			alt: h.alt
 		})
-	}), E = m === "default" && !h ? w : /* @__PURE__ */ l(s, { children: [T, /* @__PURE__ */ c("div", {
+	}), E = m === "default" && !h ? w : /* @__PURE__ */ u(c, { children: [T, /* @__PURE__ */ l("div", {
 		className: "card__body",
 		children: w
 	})] });
-	return u({
+	return d({
 		render: i,
 		ref: S,
 		enabled: i !== void 0,
@@ -45,12 +46,12 @@ var d = i(function({ href: r, render: i, external: a = !1, title: o, description
 			...x,
 			children: E
 		}
-	}) || (r === void 0 ? /* @__PURE__ */ c("div", {
+	}) || (r === void 0 ? /* @__PURE__ */ l("div", {
 		ref: S,
 		className: C,
 		...x,
 		children: b
-	}) : /* @__PURE__ */ c("a", {
+	}) : /* @__PURE__ */ l("a", {
 		ref: S,
 		href: r,
 		className: C,
@@ -62,21 +63,21 @@ var d = i(function({ href: r, render: i, external: a = !1, title: o, description
 		children: E
 	}));
 });
-function f(e, t, n) {
+function p(e, t, n) {
 	return [
 		e,
 		t ? "card__interactive" : "",
 		n
 	].filter(Boolean).join(" ");
 }
-var p = i(function({ interactive: e, className: t, ...n }, r) {
-	return /* @__PURE__ */ c("div", {
+var m = a(function({ interactive: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ l("div", {
 		ref: r,
-		className: f("card__header", e, t),
+		className: p("card__header", e, t),
 		...n
 	});
-}), m = i(function({ level: e = 3, size: t = 4, className: r, children: i, ...a }, o) {
-	return /* @__PURE__ */ c(n, {
+}), h = a(function({ level: e = 3, size: t = 4, className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ l(n, {
 		ref: o,
 		level: e,
 		size: t,
@@ -84,8 +85,8 @@ var p = i(function({ interactive: e, className: t, ...n }, r) {
 		...a,
 		children: i
 	});
-}), h = i(function({ size: e = "small", lines: t, className: n, children: i, ...a }, o) {
-	return /* @__PURE__ */ c(r, {
+}), g = a(function({ size: e = "small", lines: t, className: n, children: r, ...a }, o) {
+	return /* @__PURE__ */ l(i, {
 		ref: o,
 		size: e,
 		className: [
@@ -94,27 +95,27 @@ var p = i(function({ interactive: e, className: t, ...n }, r) {
 			n
 		].filter(Boolean).join(" "),
 		...a,
-		children: i
+		children: r
 	});
-}), g = i(function({ isolate: e = !0, className: t, onClick: n, ...r }, i) {
-	let s = o(null);
-	return /* @__PURE__ */ c("div", {
-		ref: a((e) => {
-			s.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-		}, [i]),
+}), _ = a(function({ isolate: e = !0, className: t, onClick: n, ...i }, a) {
+	let c = s(null);
+	return /* @__PURE__ */ l("div", {
+		ref: o((e) => {
+			c.current = e, r(a, e);
+		}, [a]),
 		className: ["card__action", t].filter(Boolean).join(" "),
 		onClick: (t) => {
 			if (e) {
 				t.stopPropagation();
-				let e = s.current;
+				let e = c.current;
 				(e?.contains(t.target) ?? !1) && e?.parentElement?.closest("a[href], [role=\"link\"]") && t.preventDefault();
 			}
 			n?.(t);
 		},
-		...r
+		...i
 	});
-}), _ = i(function({ isolate: e = !0, className: t, onClick: n, ...r }, i) {
-	return /* @__PURE__ */ c("div", {
+}), v = a(function({ isolate: e = !0, className: t, onClick: n, ...r }, i) {
+	return /* @__PURE__ */ l("div", {
 		ref: i,
 		className: ["card__selection", t].filter(Boolean).join(" "),
 		onClick: (t) => {
@@ -122,18 +123,18 @@ var p = i(function({ interactive: e, className: t, ...n }, r) {
 		},
 		...r
 	});
-}), v = i(function({ interactive: e, className: t, ...n }, r) {
-	return /* @__PURE__ */ c("div", {
+}), y = a(function({ interactive: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ l("div", {
 		ref: r,
-		className: f("card__content", e, t),
+		className: p("card__content", e, t),
 		...n
 	});
-}), y = i(function({ direction: e = "row", interactive: t, className: n, ...r }, i) {
-	return /* @__PURE__ */ c("div", {
+}), b = a(function({ direction: e = "row", interactive: t, className: n, ...r }, i) {
+	return /* @__PURE__ */ l("div", {
 		ref: i,
-		className: f("card__footer", t, [e === "column" ? "card__footer--column" : "", n].filter(Boolean).join(" ") || void 0),
+		className: p("card__footer", t, [e === "column" ? "card__footer--column" : "", n].filter(Boolean).join(" ") || void 0),
 		...r
 	});
 });
 //#endregion
-export { d as Card, g as CardAction, v as CardContent, h as CardDescription, y as CardFooter, p as CardHeader, _ as CardSelection, m as CardTitle };
+export { f as Card, _ as CardAction, y as CardContent, g as CardDescription, b as CardFooter, m as CardHeader, v as CardSelection, h as CardTitle };

package/dist/chart.css

@@ -1 +1 @@
-.chart{gap:var(--chart-block-gap);font-family:var(--chart-label-font-family);flex-direction:column;margin:0;display:flex}.chart__title{color:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);font-weight:var(--chart-value-font-weight)}.chart__caption,.chart__empty{color:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);margin:0}.chart__plot{position:relative}.chart__canvas{width:100%;height:auto;display:block;overflow:visible}.chart__grid-line{stroke:var(--chart-grid-color);stroke-width:var(--chart-grid-width);fill:none}.chart__axis{stroke:var(--chart-axis-color);stroke-width:var(--chart-axis-width)}.chart__axis-label{fill:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);font-weight:var(--chart-label-font-weight);font-variant-numeric:tabular-nums}.chart__value-label,.chart__center-value{fill:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);font-weight:var(--chart-value-font-weight)}.chart__crosshair{stroke:var(--chart-crosshair-color);stroke-width:var(--chart-grid-width)}.chart [data-slot="1"]{--chart-mark-color:var(--chart-series-1)}.chart [data-slot="2"]{--chart-mark-color:var(--chart-series-2)}.chart [data-slot="3"]{--chart-mark-color:var(--chart-series-3)}.chart [data-slot="4"]{--chart-mark-color:var(--chart-series-4)}.chart [data-slot="5"]{--chart-mark-color:var(--chart-series-5)}.chart [data-slot="6"]{--chart-mark-color:var(--chart-series-6)}.chart [data-slot="7"]{--chart-mark-color:var(--chart-series-7)}.chart [data-slot="8"]{--chart-mark-color:var(--chart-series-8)}.chart [data-slot=muted]{--chart-mark-color:var(--chart-muted-color)}.chart__line{fill:none;stroke-width:var(--chart-line-width);stroke-linecap:round;stroke-linejoin:round}.chart__line:not([stroke]){stroke:var(--chart-mark-color)}.chart__area{fill-opacity:var(--chart-area-fill-opacity);stroke:none}.chart__area:not([fill]){fill:var(--chart-mark-color)}.chart__marker{stroke:var(--chart-surface);stroke-width:var(--chart-marker-ring-width)}.chart__marker:not([fill]){fill:var(--chart-mark-color)}.chart__bar,.chart__slice,.chart__funnel-step,.chart__tile,.chart__radial-bar{transition:fill-opacity var(--chart-transition-duration) var(--chart-transition-easing)}.chart__bar:not([fill]),.chart__slice:not([fill]),.chart__funnel-step:not([fill]),.chart__tile:not([fill]),.chart__radial-bar:not([fill]){fill:var(--chart-mark-color)}.chart__funnel-step,.chart__tile,.chart__radial-bar{stroke:var(--chart-surface);stroke-width:var(--chart-mark-gap)}.chart__radial-track{fill:var(--chart-radial-track-color);stroke:none}.chart__point{stroke:var(--chart-surface);stroke-width:var(--chart-marker-ring-width);transition:fill-opacity var(--chart-transition-duration) var(--chart-transition-easing)}.chart__point:not([fill]){fill:var(--chart-mark-color)}.chart__radar-shape{fill-opacity:var(--chart-radar-fill-opacity);stroke-width:var(--chart-line-width);stroke-linejoin:round}.chart__radar-shape:not([fill]){fill:var(--chart-mark-color)}.chart__radar-shape:not([stroke]){stroke:var(--chart-mark-color)}.chart__tile-label{fill:var(--chart-tile-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size)}.chart__tile-label[data-slot="1"]{--chart-tile-label-color:var(--chart-tile-label-color-1)}.chart__tile-label[data-slot="2"]{--chart-tile-label-color:var(--chart-tile-label-color-2)}.chart__tile-label[data-slot="3"]{--chart-tile-label-color:var(--chart-tile-label-color-3)}.chart__tile-label[data-slot="4"]{--chart-tile-label-color:var(--chart-tile-label-color-4)}.chart__tile-label[data-slot="5"]{--chart-tile-label-color:var(--chart-tile-label-color-5)}.chart__tile-label[data-slot="6"]{--chart-tile-label-color:var(--chart-tile-label-color-6)}.chart__tile-label[data-slot="7"]{--chart-tile-label-color:var(--chart-tile-label-color-7)}.chart__tile-label[data-slot="8"]{--chart-tile-label-color:var(--chart-tile-label-color-8)}.chart__slice{stroke:var(--chart-surface);stroke-width:var(--chart-mark-gap)}.chart__line.chart__line--muted,.chart__area.chart__area--muted,.chart__marker.chart__marker--muted,.chart__bar.chart__bar--muted,.chart__slice.chart__slice--muted,.chart__funnel-step.chart__funnel-step--muted,.chart__tile.chart__tile--muted,.chart__radial-bar.chart__radial-bar--muted,.chart__point.chart__point--muted,.chart__radar-shape.chart__radar-shape--muted{--chart-mark-color:var(--chart-muted-color)}:is(.chart__marks:has([data-active]) .chart__bar:not([data-active]),.chart__marks:has([data-active]) .chart__slice:not([data-active]),.chart__marks:has([data-active]) .chart__funnel-step:not([data-active]),.chart__marks:has([data-active]) .chart__tile:not([data-active]),.chart__marks:has([data-active]) .chart__radial-bar:not([data-active]),.chart__marks:has([data-active]) .chart__point:not([data-active])){fill-opacity:var(--chart-hover-opacity)}.chart__hit-layer{background:0 0;position:absolute}.chart__hit-layer:focus-visible{outline:var(--control-focus-ring-width) solid var(--chart-axis-color);outline-offset:var(--control-focus-ring-inset-offset)}.chart__tooltip{transform:translate(-50%, calc(-100% - var(--chart-tooltip-offset)));max-width:var(--chart-tooltip-max-width);padding-block:var(--chart-tooltip-padding-block);padding-inline:var(--chart-tooltip-padding-inline);border-radius:var(--chart-tooltip-border-radius);background:var(--chart-tooltip-bg);color:var(--chart-tooltip-color);font-family:var(--chart-label-font-family);font-size:var(--chart-tooltip-font-size);line-height:var(--chart-tooltip-line-height);pointer-events:none;position:absolute}.chart__tooltip-header{font-weight:var(--chart-value-font-weight);margin:0}.chart__tooltip-list{gap:var(--chart-tooltip-row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chart__tooltip-row{align-items:center;gap:var(--chart-tooltip-row-gap);display:flex}.chart__tooltip-key{inline-size:var(--chart-legend-swatch-line-width);block-size:var(--chart-line-width);flex:none;display:inline-block}.chart__tooltip-value{font-weight:var(--chart-value-font-weight);font-variant-numeric:tabular-nums}.chart__legend-item{align-items:center;gap:var(--chart-legend-gap);display:inline-flex}.chart__legend-item.chart__legend-item--muted .chart__legend-swatch{--chart-mark-color:var(--chart-muted-color)}.chart__legend-swatch{inline-size:var(--chart-legend-swatch-size);block-size:var(--chart-legend-swatch-size);flex:none;display:inline-block}.chart__legend-swatch rect:not([fill]),.chart__tooltip-key rect:not([fill]){fill:var(--chart-mark-color)}.chart__legend-swatch.chart__legend-swatch--line{inline-size:var(--chart-legend-swatch-line-width);block-size:var(--chart-line-width)}
+.chart{gap:var(--chart-block-gap);font-family:var(--chart-label-font-family);flex-direction:column;margin:0;display:flex}.chart__title{color:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);font-weight:var(--chart-value-font-weight)}.chart__caption,.chart__empty{color:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);margin:0}.chart__plot{position:relative}.chart__canvas{width:100%;height:auto;display:block;overflow:visible}.chart__grid-line{stroke:var(--chart-grid-color);stroke-width:var(--chart-grid-width);fill:none}.chart__axis{stroke:var(--chart-axis-color);stroke-width:var(--chart-axis-width)}.chart__axis-label{fill:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);font-weight:var(--chart-label-font-weight);font-variant-numeric:tabular-nums}.chart__value-label,.chart__center-value{fill:var(--chart-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size);font-weight:var(--chart-value-font-weight)}.chart__crosshair{stroke:var(--chart-crosshair-color);stroke-width:var(--chart-grid-width)}.chart [data-slot="1"]{--chart-mark-color:var(--chart-series-1)}.chart [data-slot="2"]{--chart-mark-color:var(--chart-series-2)}.chart [data-slot="3"]{--chart-mark-color:var(--chart-series-3)}.chart [data-slot="4"]{--chart-mark-color:var(--chart-series-4)}.chart [data-slot="5"]{--chart-mark-color:var(--chart-series-5)}.chart [data-slot="6"]{--chart-mark-color:var(--chart-series-6)}.chart [data-slot="7"]{--chart-mark-color:var(--chart-series-7)}.chart [data-slot="8"]{--chart-mark-color:var(--chart-series-8)}.chart [data-slot=muted]{--chart-mark-color:var(--chart-muted-color)}.chart__line{fill:none;stroke-width:var(--chart-line-width);stroke-linecap:round;stroke-linejoin:round}.chart__line:not([stroke]){stroke:var(--chart-mark-color)}.chart__area{fill-opacity:var(--chart-area-fill-opacity);stroke:none}.chart__area:not([fill]){fill:var(--chart-mark-color)}.chart__marker{stroke:var(--chart-surface);stroke-width:var(--chart-marker-ring-width)}.chart__marker:not([fill]){fill:var(--chart-mark-color)}.chart__bar,.chart__slice,.chart__funnel-step,.chart__tile,.chart__radial-bar{transition:fill-opacity var(--chart-transition-duration) var(--chart-transition-easing)}.chart__bar:not([fill]),.chart__slice:not([fill]),.chart__funnel-step:not([fill]),.chart__tile:not([fill]),.chart__radial-bar:not([fill]){fill:var(--chart-mark-color)}.chart__funnel-step,.chart__tile,.chart__radial-bar{stroke:var(--chart-surface);stroke-width:var(--chart-mark-gap)}.chart__radial-track{fill:var(--chart-radial-track-color);stroke:none}.chart__point{stroke:var(--chart-surface);stroke-width:var(--chart-marker-ring-width);transition:fill-opacity var(--chart-transition-duration) var(--chart-transition-easing)}.chart__point:not([fill]){fill:var(--chart-mark-color)}.chart__radar-shape{fill-opacity:var(--chart-radar-fill-opacity);stroke-width:var(--chart-line-width);stroke-linejoin:round}.chart__radar-shape:not([fill]){fill:var(--chart-mark-color)}.chart__radar-shape:not([stroke]){stroke:var(--chart-mark-color)}.chart__tile-label{fill:var(--chart-tile-label-color);font-family:var(--chart-label-font-family);font-size:var(--chart-label-font-size)}.chart__tile-label[data-slot="1"]{--chart-tile-label-color:var(--chart-tile-label-color-1)}.chart__tile-label[data-slot="2"]{--chart-tile-label-color:var(--chart-tile-label-color-2)}.chart__tile-label[data-slot="3"]{--chart-tile-label-color:var(--chart-tile-label-color-3)}.chart__tile-label[data-slot="4"]{--chart-tile-label-color:var(--chart-tile-label-color-4)}.chart__tile-label[data-slot="5"]{--chart-tile-label-color:var(--chart-tile-label-color-5)}.chart__tile-label[data-slot="6"]{--chart-tile-label-color:var(--chart-tile-label-color-6)}.chart__tile-label[data-slot="7"]{--chart-tile-label-color:var(--chart-tile-label-color-7)}.chart__tile-label[data-slot="8"]{--chart-tile-label-color:var(--chart-tile-label-color-8)}.chart__slice{stroke:var(--chart-surface);stroke-width:var(--chart-mark-gap)}.chart__line.chart__line--muted,.chart__area.chart__area--muted,.chart__marker.chart__marker--muted,.chart__bar.chart__bar--muted,.chart__slice.chart__slice--muted,.chart__funnel-step.chart__funnel-step--muted,.chart__tile.chart__tile--muted,.chart__radial-bar.chart__radial-bar--muted,.chart__point.chart__point--muted,.chart__radar-shape.chart__radar-shape--muted{--chart-mark-color:var(--chart-muted-color)}:is(.chart__marks:has([data-active]) .chart__bar:not([data-active]),.chart__marks:has([data-active]) .chart__slice:not([data-active]),.chart__marks:has([data-active]) .chart__funnel-step:not([data-active]),.chart__marks:has([data-active]) .chart__tile:not([data-active]),.chart__marks:has([data-active]) .chart__radial-bar:not([data-active]),.chart__marks:has([data-active]) .chart__point:not([data-active])){fill-opacity:var(--chart-hover-opacity)}.chart__hit-layer{background:0 0;position:absolute}.chart__hit-layer:focus-visible{outline:var(--control-focus-ring-width) solid var(--chart-axis-color);outline-offset:var(--control-focus-ring-inset-offset)}.chart__tooltip{transform:translate(-50%, calc(-100% - var(--chart-tooltip-offset)));max-inline-size:var(--chart-tooltip-max-width);padding-block:var(--chart-tooltip-padding-block);padding-inline:var(--chart-tooltip-padding-inline);border-radius:var(--chart-tooltip-border-radius);background:var(--chart-tooltip-bg);color:var(--chart-tooltip-color);font-family:var(--chart-label-font-family);font-size:var(--chart-tooltip-font-size);line-height:var(--chart-tooltip-line-height);pointer-events:none;position:absolute}.chart__tooltip-header{font-weight:var(--chart-value-font-weight);margin:0}.chart__tooltip-list{gap:var(--chart-tooltip-row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chart__tooltip-row{align-items:center;gap:var(--chart-tooltip-row-gap);display:flex}.chart__tooltip-key{inline-size:var(--chart-legend-swatch-line-width);block-size:var(--chart-line-width);flex:none;display:inline-block}.chart__tooltip-value{font-weight:var(--chart-value-font-weight);font-variant-numeric:tabular-nums}.chart__legend-item{align-items:center;gap:var(--chart-legend-gap);display:inline-flex}.chart__legend-item.chart__legend-item--muted .chart__legend-swatch{--chart-mark-color:var(--chart-muted-color)}.chart__legend-swatch{inline-size:var(--chart-legend-swatch-size);block-size:var(--chart-legend-swatch-size);flex:none;display:inline-block}.chart__legend-swatch rect:not([fill]),.chart__tooltip-key rect:not([fill]){fill:var(--chart-mark-color)}.chart__legend-swatch.chart__legend-swatch--line{inline-size:var(--chart-legend-swatch-line-width);block-size:var(--chart-line-width)}

package/dist/chat-shell.js

@@ -3,98 +3,99 @@ import './chat-shell.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { Button as n } from "./button.js";
-import { Sheet as r } from "./sheet.js";
-import { t as i } from "./_shared/media-query.js";
-import { forwardRef as a, useCallback as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { t as r } from "./_shared/assign-ref.js";
+import { Sheet as i } from "./sheet.js";
+import { t as a } from "./_shared/media-query.js";
+import { forwardRef as o, useCallback as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/templates/ChatShell/ChatShell.tsx
-var u = "(min-width: 1024px)", d = a(function({ list: a, header: d, children: f, composer: p, listLabel: m, listTriggerLabel: h, listOpen: g, onListOpenChange: _, className: v, ...y }, b) {
-	let x = e("chatShell"), S = i(u), C = S ?? !0, [w, T] = s(!1), [E, D] = s(null), O = o((e) => {
-		D(e), typeof b == "function" ? b(e) : b && (b.current = e);
-	}, [b]), [k, A] = s(S);
-	S !== k && (A(S), S && T(!1));
-	let j = o((e) => {
-		g === void 0 && T(e), _?.(e);
-	}, [g, _]), M = !C && (g ?? w), N = a != null && C, P = a != null && !C;
-	return /* @__PURE__ */ l("div", {
-		ref: O,
+var d = "(min-width: 1024px)", f = o(function({ list: o, header: f, children: p, composer: m, listLabel: h, listTriggerLabel: g, listOpen: _, onListOpenChange: v, className: y, ...b }, x) {
+	let S = e("chatShell"), C = a(d), w = C ?? !0, [T, E] = c(!1), [D, O] = c(null), k = s((e) => {
+		O(e), r(x, e);
+	}, [x]), [A, j] = c(C);
+	C !== A && (j(C), C && E(!1));
+	let M = s((e) => {
+		_ === void 0 && E(e), v?.(e);
+	}, [_, v]), N = !w && (_ ?? T), P = o != null && w, F = o != null && !w;
+	return /* @__PURE__ */ u("div", {
+		ref: k,
 		className: [
 			"chat-shell",
-			N ? "chat-shell--with-list" : "",
-			v ?? ""
+			P ? "chat-shell--with-list" : "",
+			y ?? ""
 		].filter(Boolean).join(" "),
-		"data-layout": S === null ? void 0 : C ? "column" : "drawer",
-		...y,
+		"data-layout": C === null ? void 0 : w ? "column" : "drawer",
+		...b,
 		children: [
-			N && /* @__PURE__ */ c("aside", {
+			P && /* @__PURE__ */ l("aside", {
 				className: "chat-shell__list",
-				"aria-label": x("list", m),
-				children: a
+				"aria-label": S("list", h),
+				children: o
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				className: "chat-shell__main",
 				children: [
-					(d || P) && /* @__PURE__ */ l("header", {
+					(f || F) && /* @__PURE__ */ u("header", {
 						className: "chat-shell__header",
-						children: [P && /* @__PURE__ */ c(n, {
+						children: [F && /* @__PURE__ */ l(n, {
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							"aria-label": x("listTrigger", h),
+							"aria-label": S("listTrigger", g),
 							"aria-haspopup": "dialog",
-							"aria-expanded": M,
+							"aria-expanded": N,
 							className: "chat-shell__list-trigger",
-							onClick: () => j(!0),
-							children: /* @__PURE__ */ c(t, {
+							onClick: () => M(!0),
+							children: /* @__PURE__ */ l(t, {
 								name: "layout-sidebar",
 								size: "sm"
 							})
-						}), d && /* @__PURE__ */ c("div", {
+						}), f && /* @__PURE__ */ l("div", {
 							className: "chat-shell__header-content",
-							children: d
+							children: f
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "chat-shell__thread",
-						children: f
+						children: p
 					}),
-					p && /* @__PURE__ */ c("div", {
+					m && /* @__PURE__ */ l("div", {
 						className: "chat-shell__composer",
-						children: p
+						children: m
 					})
 				]
 			}),
-			P && /* @__PURE__ */ l(r, {
+			F && /* @__PURE__ */ u(i, {
 				side: "left",
-				open: M,
-				onOpenChange: j,
-				title: x("list", m),
+				open: N,
+				onOpenChange: M,
+				title: S("list", h),
 				titleHidden: !0,
-				container: E ?? void 0,
+				container: D ?? void 0,
 				hideClose: !0,
 				className: "chat-shell__drawer",
-				children: [/* @__PURE__ */ c("header", {
+				children: [/* @__PURE__ */ l("header", {
 					className: "chat-shell__header",
-					children: /* @__PURE__ */ c(n, {
+					children: /* @__PURE__ */ l(n, {
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
-						"aria-label": x("listTrigger", h),
+						"aria-label": S("listTrigger", g),
 						"aria-expanded": !0,
 						className: "chat-shell__list-trigger",
-						onClick: () => j(!1),
-						children: /* @__PURE__ */ c(t, {
+						onClick: () => M(!1),
+						children: /* @__PURE__ */ l(t, {
 							name: "layout-sidebar",
 							size: "sm"
 						})
 					})
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ l("div", {
 					className: "chat-shell__drawer-list",
-					children: a
+					children: o
 				})]
 			})
 		]
 	});
 });
 //#endregion
-export { d as ChatShell };
+export { f as ChatShell };

package/dist/checkbox.css

@@ -1 +1 @@
-.checkbox{all:unset;box-sizing:border-box;width:var(--checkbox-size);height:var(--checkbox-size);border-width:var(--checkbox-border-width);border-style:var(--checkbox-border-style);border-color:var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg);cursor:var(--checkbox-cursor);transition:background-color var(--checkbox-transition-duration) var(--checkbox-transition-easing), border-color var(--checkbox-transition-duration) var(--checkbox-transition-easing);flex-shrink:0;place-content:center;display:grid;position:relative}.checkbox:after{content:"";inline-size:max(100%, var(--checkbox-target-size));block-size:max(100%, var(--checkbox-target-size));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.checkbox__indicator{width:var(--checkbox-check-size);height:var(--checkbox-check-size);background-color:var(--checkbox-check-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0) rotate(var(--checkbox-check-rotate));transition:transform var(--checkbox-transition-duration) var(--checkbox-transition-easing)}.checkbox[data-indeterminate] .checkbox__indicator{clip-path:none;width:60%;height:var(--checkbox-border-width);background-color:var(--checkbox-check-color);transform:none}.checkbox[data-checked]{background-color:var(--checkbox-bg-checked)}.checkbox[data-checked] .checkbox__indicator,.checkbox[data-indeterminate] .checkbox__indicator{transform:scale(1) rotate(var(--checkbox-check-rotate))}.checkbox[data-indeterminate] .checkbox__indicator{transform:none}.checkbox:focus-visible{outline:var(--checkbox-focus-ring-width) solid var(--checkbox-focus-ring-color);outline-offset:var(--checkbox-focus-ring-offset)}.checkbox[data-disabled]{border-color:var(--checkbox-disabled-border-color);cursor:var(--checkbox-disabled-cursor);pointer-events:none}.checkbox.checkbox--error{border-color:var(--checkbox-error-border-color)}.checkbox[data-disabled][data-checked],.checkbox[data-disabled][data-indeterminate]{background-color:var(--checkbox-disabled-bg-checked);border-color:var(--checkbox-disabled-border-color)}.checkbox.checkbox--sm{--checkbox-size:var(--checkbox-sm-size);--checkbox-check-size:var(--checkbox-sm-check-size)}.checkbox.checkbox--lg{--checkbox-size:var(--checkbox-lg-size);--checkbox-check-size:var(--checkbox-lg-check-size)}
+.checkbox{all:unset;box-sizing:border-box;inline-size:var(--checkbox-size);block-size:var(--checkbox-size);border-width:var(--checkbox-border-width);border-style:var(--checkbox-border-style);border-color:var(--checkbox-border-color);border-radius:var(--checkbox-border-radius);background-color:var(--checkbox-bg);cursor:var(--checkbox-cursor);transition:background-color var(--checkbox-transition-duration) var(--checkbox-transition-easing), border-color var(--checkbox-transition-duration) var(--checkbox-transition-easing);flex-shrink:0;place-content:center;display:grid;position:relative}.checkbox:after{content:"";inline-size:max(100%, var(--checkbox-target-size));block-size:max(100%, var(--checkbox-target-size));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.checkbox__indicator{inline-size:var(--checkbox-check-size);block-size:var(--checkbox-check-size);background-color:var(--checkbox-check-color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0) rotate(var(--checkbox-check-rotate));transition:transform var(--checkbox-transition-duration) var(--checkbox-transition-easing)}.checkbox[data-indeterminate] .checkbox__indicator{clip-path:none;inline-size:60%;block-size:var(--checkbox-border-width);background-color:var(--checkbox-check-color);transform:none}.checkbox[data-checked]{background-color:var(--checkbox-bg-checked)}.checkbox[data-checked] .checkbox__indicator,.checkbox[data-indeterminate] .checkbox__indicator{transform:scale(1) rotate(var(--checkbox-check-rotate))}.checkbox[data-indeterminate] .checkbox__indicator{transform:none}.checkbox:focus-visible{outline:var(--checkbox-focus-ring-width) solid var(--checkbox-focus-ring-color);outline-offset:var(--checkbox-focus-ring-offset)}.checkbox[data-disabled]{border-color:var(--checkbox-disabled-border-color);cursor:var(--checkbox-disabled-cursor);pointer-events:none}.checkbox.checkbox--error{border-color:var(--checkbox-error-border-color)}.checkbox[data-disabled][data-checked],.checkbox[data-disabled][data-indeterminate]{background-color:var(--checkbox-disabled-bg-checked);border-color:var(--checkbox-disabled-border-color)}.checkbox.checkbox--sm{--checkbox-size:var(--checkbox-sm-size);--checkbox-check-size:var(--checkbox-sm-check-size)}.checkbox.checkbox--lg{--checkbox-size:var(--checkbox-lg-size);--checkbox-check-size:var(--checkbox-lg-check-size)}

package/dist/close-button.js

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

package/dist/command-palette.css

@@ -1 +1 @@
-.command-palette{max-height:var(--command-palette-max-height);flex-direction:column;display:flex}.command-palette__input{box-sizing:border-box;width:100%;padding-block:var(--command-palette-input-padding-block);padding-inline:var(--command-palette-input-padding-inline);border:0;border-block-end:var(--command-palette-input-border-width) solid var(--command-palette-input-border-color);color:inherit;font-family:inherit;font-size:var(--command-palette-input-font-size);background:0 0;outline:none}.command-palette__input:focus-visible{box-shadow:inset 0 0 0 var(--command-palette-input-focus-ring-width) var(--command-palette-input-focus-ring-color);border-block-end-color:var(--command-palette-input-focus-border-color);outline:none}.command-palette__input::placeholder{color:var(--command-palette-input-placeholder-color)}.command-palette__list{padding-block:var(--command-palette-list-padding-block);padding-inline:var(--command-palette-list-padding-inline);outline:none;overflow-y:auto}.command-palette__empty{padding-block:var(--command-palette-empty-padding-block);padding-inline:var(--command-palette-empty-padding-inline);text-align:center;font-size:var(--command-palette-empty-font-size);color:var(--command-palette-empty-color)}.command-palette__empty:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.command-palette__heading{padding-block:var(--command-palette-heading-padding-block);padding-inline:var(--command-palette-heading-padding-inline);font-size:var(--command-palette-heading-font-size);font-weight:var(--command-palette-heading-font-weight);color:var(--command-palette-heading-color)}.command-palette__item{align-items:center;gap:var(--command-palette-item-gap);padding-block:var(--command-palette-item-padding-block);padding-inline:var(--command-palette-item-padding-inline);border-radius:var(--command-palette-item-border-radius);font-size:var(--command-palette-item-font-size);color:var(--command-palette-item-color);cursor:pointer;outline:none;display:flex}.command-palette__item[data-highlighted]{background-color:var(--command-palette-item-highlighted-bg);color:var(--command-palette-item-highlighted-color)}.command-palette__item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.command-palette__item-icon{flex-shrink:0;display:inline-flex}.command-palette__item-icon svg{width:var(--command-palette-item-icon-size);height:var(--command-palette-item-icon-size)}
+.command-palette{max-block-size:var(--command-palette-max-height);flex-direction:column;display:flex}.command-palette__input{box-sizing:border-box;inline-size:100%;padding-block:var(--command-palette-input-padding-block);padding-inline:var(--command-palette-input-padding-inline);border:0;border-block-end:var(--command-palette-input-border-width) solid var(--command-palette-input-border-color);color:inherit;font-family:inherit;font-size:var(--command-palette-input-font-size);background:0 0;outline:none}.command-palette__input:focus-visible{box-shadow:inset 0 0 0 var(--command-palette-input-focus-ring-width) var(--command-palette-input-focus-ring-color);border-block-end-color:var(--command-palette-input-focus-border-color);outline:none}.command-palette__input::placeholder{color:var(--command-palette-input-placeholder-color)}.command-palette__list{padding-block:var(--command-palette-list-padding-block);padding-inline:var(--command-palette-list-padding-inline);outline:none;overflow-y:auto}.command-palette__empty{padding-block:var(--command-palette-empty-padding-block);padding-inline:var(--command-palette-empty-padding-inline);text-align:center;font-size:var(--command-palette-empty-font-size);color:var(--command-palette-empty-color)}.command-palette__empty:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.command-palette__heading{padding-block:var(--command-palette-heading-padding-block);padding-inline:var(--command-palette-heading-padding-inline);font-size:var(--command-palette-heading-font-size);font-weight:var(--command-palette-heading-font-weight);color:var(--command-palette-heading-color)}.command-palette__item{align-items:center;gap:var(--command-palette-item-gap);padding-block:var(--command-palette-item-padding-block);padding-inline:var(--command-palette-item-padding-inline);border-radius:var(--command-palette-item-border-radius);font-size:var(--command-palette-item-font-size);color:var(--command-palette-item-color);cursor:pointer;outline:none;display:flex}.command-palette__item[data-highlighted]{background-color:var(--command-palette-item-highlighted-bg);color:var(--command-palette-item-highlighted-color)}.command-palette__item[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.command-palette__item-icon{flex-shrink:0;display:inline-flex}.command-palette__item-icon svg{width:var(--command-palette-item-icon-size);height:var(--command-palette-item-icon-size)}

package/dist/connector-consent-page.js

@@ -8,35 +8,35 @@ import { t as a } from "./_shared/untrustedtext.js";
 import { ConnectorRequestSummary as o } from "./connector-request-summary.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorConsentPage.tsx
-function u({ clientName: u, productName: d, accountEmail: f, scope: p = "read", redirectHost: m, action: h, hiddenFields: g, decisionName: _ = "decision", approveValue: v = "approve", denyValue: y = "deny", onApprove: b, onDeny: x, denyHref: S, initialFocus: C = "none", title: w, intro: T, redirectNotice: E, approveLabel: D, denyLabel: O, scopeReadLabel: k, scopeWriteLabel: A, expandLabel: j, collapseLabel: M, valueQuotes: N, summaryLabels: P, links: F, header: I, footer: L, preferences: R, preferencesLabel: z, id: B, shell: V }) {
-	let H = e("connectorConsent"), U = h !== void 0, W = p === "read" ? k : A, G = (e) => /* @__PURE__ */ c(a, {
+function u({ clientName: u, productName: d, accountEmail: f, scope: p = "read", redirectHost: m, action: h, hiddenFields: g, decisionName: _ = "decision", approveValue: v = "approve", denyValue: y = "deny", onApprove: b, onDeny: x, denyHref: S, initialFocus: C = "none", title: w, intro: T, redirectNotice: E, approveLabel: D, denyLabel: O, scopeReadLabel: k, scopeWriteLabel: A, expandLabel: j, collapseLabel: M, valueQuotes: N, summaryLabels: P, links: F, header: I, footer: L, preferences: R, preferencesLabel: z, id: B, shell: V, className: H }) {
+	let U = e("connectorConsent"), W = h !== void 0, G = p === "read" ? k : A, K = (e) => /* @__PURE__ */ c(a, {
 		value: e,
 		quotes: N
-	}), K = S === void 0 ? /* @__PURE__ */ c(t, {
+	}), q = S === void 0 ? /* @__PURE__ */ c(t, {
 		variant: "outline",
-		type: U ? "submit" : "button",
-		name: U ? _ : void 0,
-		value: U ? y : void 0,
+		type: W ? "submit" : "button",
+		name: W ? _ : void 0,
+		value: W ? y : void 0,
 		onClick: x,
 		autoFocus: C === "deny",
-		children: H("deny", O)
+		children: U("deny", O)
 	}) : /* @__PURE__ */ c(t, {
 		variant: "outline",
 		href: S,
-		children: H("deny", O)
-	}), q = /* @__PURE__ */ c(t, {
-		type: U ? "submit" : "button",
-		name: U ? _ : void 0,
-		value: U ? v : void 0,
+		children: U("deny", O)
+	}), J = /* @__PURE__ */ c(t, {
+		type: W ? "submit" : "button",
+		name: W ? _ : void 0,
+		value: W ? v : void 0,
 		onClick: b,
 		children: D
 	});
 	return /* @__PURE__ */ c(i, {
-		title: w ?? H("title"),
+		title: w ?? U("title"),
 		description: T({
-			client: /* @__PURE__ */ c("strong", { children: G(u) }),
-			what: W,
-			email: /* @__PURE__ */ c("strong", { children: G(f) })
+			client: /* @__PURE__ */ c("strong", { children: K(u) }),
+			what: G,
+			email: /* @__PURE__ */ c("strong", { children: K(f) })
 		}),
 		header: I,
 		footer: L,
@@ -44,13 +44,14 @@ function u({ clientName: u, productName: d, accountEmail: f, scope: p = "read",
 		preferencesLabel: z,
 		id: B,
 		shell: V,
+		className: H,
 		children: /* @__PURE__ */ l(r, {
 			size: "lg",
 			blockActions: !0,
 			method: typeof h == "string" ? "post" : void 0,
 			action: h,
 			links: F,
-			actions: /* @__PURE__ */ l(s, { children: [K, q] }),
+			actions: /* @__PURE__ */ l(s, { children: [q, J] }),
 			children: [
 				g && Object.entries(g).map(([e, t]) => /* @__PURE__ */ c("input", {
 					type: "hidden",
@@ -70,7 +71,7 @@ function u({ clientName: u, productName: d, accountEmail: f, scope: p = "read",
 					valueQuotes: N,
 					...P
 				}),
-				/* @__PURE__ */ c(n, { children: E({ host: /* @__PURE__ */ c("strong", { children: G(m) }) }) })
+				/* @__PURE__ */ c(n, { children: E({ host: /* @__PURE__ */ c("strong", { children: K(m) }) }) })
 			]
 		})
 	});

package/dist/connector-external-sign-in-page.js

@@ -10,10 +10,10 @@ import { ConnectorAuthShell as s } from "./connector-auth-shell.js";
 import { t as c } from "./_shared/untrustedtext.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorExternalSignInPage.tsx
-function d({ platformName: d, organization: f, organizationDefaultValue: p, organizationName: m = "org", action: h, onSubmit: g, hiddenFields: _, error: v, title: y, intro: b, signingInTo: x, valueQuotes: S, organizationLabel: C, submitLabel: w, extra: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M }) {
-	let N = e("connectorExternalSignIn");
+function d({ platformName: d, organization: f, organizationDefaultValue: p, organizationName: m = "org", action: h, onSubmit: g, hiddenFields: _, error: v, title: y, intro: b, signingInTo: x, valueQuotes: S, organizationLabel: C, submitLabel: w, extra: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M, className: N }) {
+	let P = e("connectorExternalSignIn");
 	return /* @__PURE__ */ l(s, {
-		title: y ?? N("title"),
+		title: y ?? P("title"),
 		description: b({ platform: d }),
 		header: D,
 		footer: O,
@@ -21,6 +21,7 @@ function d({ platformName: d, organization: f, organizationDefaultValue: p, orga
 		preferencesLabel: A,
 		id: j,
 		shell: M,
+		className: N,
 		children: /* @__PURE__ */ u(n, {
 			align: "stretch",
 			children: [
@@ -38,7 +39,7 @@ function d({ platformName: d, organization: f, organizationDefaultValue: p, orga
 					links: E,
 					actions: /* @__PURE__ */ l(t, {
 						type: "submit",
-						children: N("submit", w)(d)
+						children: P("submit", w)(d)
 					}),
 					children: [_ && Object.entries(_).map(([e, t]) => /* @__PURE__ */ l("input", {
 						type: "hidden",
@@ -47,7 +48,7 @@ function d({ platformName: d, organization: f, organizationDefaultValue: p, orga
 					}, e)), f === void 0 ? /* @__PURE__ */ l(o, {
 						id: m,
 						name: m,
-						label: N("organization", C),
+						label: P("organization", C),
 						defaultValue: p,
 						autoComplete: "off",
 						required: !0

package/dist/connector-rejection-page.js

@@ -7,8 +7,8 @@ import { Paragraph as i } from "./paragraph.js";
 import { ConnectorAuthShell as a } from "./connector-auth-shell.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorRejectionPage.tsx
-function c({ title: c, description: l, hint: u, code: d, codeLabel: f, retryHref: p, onRetry: m, retryLabel: h, retryAction: g, aside: _, header: v, footer: y, preferences: b, preferencesLabel: x, id: S, shell: C }) {
-	let w = e("connectorRejection"), T = g ?? (p === void 0 ? m ? /* @__PURE__ */ o(t, {
+function c({ title: c, description: l, hint: u, code: d, codeLabel: f, retryHref: p, onRetry: m, retryLabel: h, retryAction: g, aside: _, header: v, footer: y, preferences: b, preferencesLabel: x, id: S, shell: C, className: w }) {
+	let T = e("connectorRejection"), E = g ?? (p === void 0 ? m ? /* @__PURE__ */ o(t, {
 		onClick: m,
 		children: h
 	}) : null : /* @__PURE__ */ o(t, {
@@ -21,7 +21,7 @@ function c({ title: c, description: l, hint: u, code: d, codeLabel: f, retryHref
 		intro: d === void 0 ? void 0 : /* @__PURE__ */ s(i, {
 			size: "small",
 			children: [
-				w("code", f),
+				T("code", f),
 				": ",
 				/* @__PURE__ */ o(r, { children: d })
 			]
@@ -33,12 +33,13 @@ function c({ title: c, description: l, hint: u, code: d, codeLabel: f, retryHref
 		preferencesLabel: x,
 		id: S,
 		shell: C,
+		className: w,
 		children: /* @__PURE__ */ s(n, {
 			align: "stretch",
 			children: [/* @__PURE__ */ o(i, {
 				size: "large",
 				children: u
-			}), T]
+			}), E]
 		})
 	});
 }

package/dist/connector-sign-in-page.js

@@ -7,23 +7,23 @@ import { t as i } from "./_shared/untrustedtext.js";
 import { ConnectorRequestSummary as a } from "./connector-request-summary.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorSignInPage.tsx
-function c({ clientName: c, productName: l, scope: u, redirectHost: d, signInHref: f, onSignIn: p, action: m, hiddenFields: h, title: g, intro: _, fallbackProductName: v, signInLabel: y, scopeReadLabel: b, scopeWriteLabel: x, expandLabel: S, collapseLabel: C, valueQuotes: w, summaryLabels: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M }) {
-	let N = e("connectorSignIn"), P = m !== void 0, F = f === void 0 ? /* @__PURE__ */ o(t, {
-		type: P ? "submit" : "button",
+function c({ clientName: c, productName: l, scope: u, redirectHost: d, signInHref: f, onSignIn: p, action: m, hiddenFields: h, title: g, intro: _, fallbackProductName: v, signInLabel: y, scopeReadLabel: b, scopeWriteLabel: x, expandLabel: S, collapseLabel: C, valueQuotes: w, summaryLabels: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M, className: N }) {
+	let P = e("connectorSignIn"), F = m !== void 0, I = f === void 0 ? /* @__PURE__ */ o(t, {
+		type: F ? "submit" : "button",
 		onClick: p,
-		children: N("signIn", y)
+		children: P("signIn", y)
 	}) : /* @__PURE__ */ o(t, {
 		href: f,
-		children: N("signIn", y)
+		children: P("signIn", y)
 	});
 	return /* @__PURE__ */ o(r, {
-		title: g ?? N("title"),
+		title: g ?? P("title"),
 		description: _({
 			client: /* @__PURE__ */ o("strong", { children: /* @__PURE__ */ o(i, {
 				value: c,
 				quotes: w
 			}) }),
-			product: l ?? v ?? N("fallbackProduct")
+			product: l ?? v ?? P("fallbackProduct")
 		}),
 		header: D,
 		footer: O,
@@ -31,13 +31,14 @@ function c({ clientName: c, productName: l, scope: u, redirectHost: d, signInHre
 		preferencesLabel: A,
 		id: j,
 		shell: M,
+		className: N,
 		children: /* @__PURE__ */ s(n, {
 			size: "lg",
 			blockActions: !0,
-			method: P ? "post" : void 0,
+			method: F ? "post" : void 0,
 			action: m,
 			links: E,
-			actions: F,
+			actions: I,
 			children: [h && Object.entries(h).map(([e, t]) => /* @__PURE__ */ o("input", {
 				type: "hidden",
 				name: e,

package/dist/consent.css

@@ -1 +1 @@
-.consent-banner{z-index:var(--consent-banner-z-index);background-color:var(--consent-banner-bg);color:var(--consent-banner-color);border-block-start:var(--consent-banner-border-width) solid var(--consent-banner-border-color);padding-block:var(--consent-banner-padding-block);padding-inline:var(--consent-banner-padding-inline);position:fixed;inset-block-end:0;inset-inline:0}.consent-banner__inner{justify-content:space-between;align-items:center;gap:var(--consent-banner-gap);max-inline-size:var(--consent-banner-max-inline-size);flex-wrap:wrap;margin-inline:auto;display:flex}.consent-banner__text{gap:var(--consent-banner-text-gap);flex-direction:column;flex:20rem;min-inline-size:0;display:flex}.consent-banner__title{font-size:var(--consent-banner-title-font-size);color:inherit;margin-block:0}.consent-banner__description{font-size:var(--consent-banner-description-font-size);color:inherit;margin-block:0}.consent-banner__actions{align-self:stretch;align-items:stretch;gap:var(--consent-banner-actions-gap);flex-direction:column;display:flex}.consent-banner__actions>*{inline-size:100%}@media (width>=768px){.consent-banner__actions{flex-flow:wrap;align-self:auto;align-items:center}.consent-banner__actions>*{inline-size:auto}}.consent-preferences{gap:var(--consent-preferences-gap);flex-direction:column;display:flex}.consent-preferences__list{gap:var(--consent-preferences-category-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}
+.consent-banner{z-index:var(--consent-banner-z-index);background-color:var(--consent-banner-bg);color:var(--consent-banner-color);border-block-start:var(--consent-banner-border-width) solid var(--consent-banner-border-color);padding-block:var(--consent-banner-padding-block);padding-inline:var(--consent-banner-padding-inline);position:fixed;inset-block-end:0;inset-inline:0}.consent-banner__inner{justify-content:space-between;align-items:center;gap:var(--consent-banner-gap);max-inline-size:var(--consent-banner-max-inline-size);flex-wrap:wrap;margin-inline:auto;display:flex}.consent-banner__text{gap:var(--consent-banner-text-gap);flex-direction:column;flex:1 1 var(--consent-banner-text-flex-basis);min-inline-size:0;display:flex}.consent-banner__title{font-size:var(--consent-banner-title-font-size);color:inherit;margin-block:0}.consent-banner__description{font-size:var(--consent-banner-description-font-size);color:inherit;margin-block:0}.consent-banner__actions{align-self:stretch;align-items:stretch;gap:var(--consent-banner-actions-gap);flex-direction:column;display:flex}.consent-banner__actions>*{inline-size:100%}@media (width>=768px){.consent-banner__actions{flex-flow:wrap;align-self:auto;align-items:center}.consent-banner__actions>*{inline-size:auto}}.consent-preferences{gap:var(--consent-preferences-gap);flex-direction:column;display:flex}.consent-preferences__list{gap:var(--consent-preferences-category-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}