@studiolxd/brand 49.24.0 → 49.25.0

package/dist/button.css

@@ -1 +1 @@
-.button{align-items:center;display:inline-flex}.button:not(.button--text){block-size:var(--button-height);padding-block:0}.button--primary{justify-content:var(--button-primary-justify-content);padding-inline:var(--button-primary-padding-inline);border-radius:var(--button-primary-border-radius);border-width:var(--button-primary-border-width);border-style:var(--button-primary-border-style);border-color:var(--button-primary-border);font-family:var(--button-primary-font-family);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);line-height:var(--button-primary-line-height);cursor:var(--button-primary-cursor);white-space:var(--button-primary-white-space);-webkit-text-decoration:var(--button-primary-text-decoration);text-decoration:var(--button-primary-text-decoration);background-color:var(--button-primary-bg);color:var(--button-primary-color);transition:background-color var(--button-primary-transition-duration) var(--button-primary-transition-easing), color var(--button-primary-transition-duration) var(--button-primary-transition-easing), border-color var(--button-primary-transition-duration) var(--button-primary-transition-easing)}.button--primary:hover{background-color:var(--button-primary-hover-bg);color:var(--button-primary-hover-color);border-color:var(--button-primary-hover-border)}.button--primary:active{background-color:var(--button-primary-active-bg);color:var(--button-primary-active-color);border-color:var(--button-primary-active-border)}.button--primary:focus-visible{outline:var(--button-primary-focus-ring-width) var(--button-primary-focus-ring-style) var(--button-primary-focus-ring-color);outline-offset:var(--button-primary-focus-ring-offset)}.button--primary:disabled,.button--primary[aria-disabled=true]{background-color:var(--button-primary-disabled-bg);color:var(--button-primary-disabled-color);border-color:var(--button-primary-disabled-border);cursor:var(--button-primary-disabled-cursor);pointer-events:none}.button--outline{justify-content:var(--button-outline-justify-content);padding-inline:var(--button-outline-padding-inline);border-radius:var(--button-outline-border-radius);border-width:var(--button-outline-border-width);border-style:var(--button-outline-border-style);border-color:var(--button-outline-border);font-family:var(--button-outline-font-family);font-size:var(--button-outline-font-size);font-weight:var(--button-outline-font-weight);line-height:var(--button-outline-line-height);cursor:var(--button-outline-cursor);white-space:var(--button-outline-white-space);-webkit-text-decoration:var(--button-outline-text-decoration);text-decoration:var(--button-outline-text-decoration);background-color:var(--button-outline-bg);color:var(--button-outline-color);transition:background-color var(--button-outline-transition-duration) var(--button-outline-transition-easing), color var(--button-outline-transition-duration) var(--button-outline-transition-easing), border-color var(--button-outline-transition-duration) var(--button-outline-transition-easing)}.button--outline:hover{background-color:var(--button-outline-hover-bg);color:var(--button-outline-hover-color);border-color:var(--button-outline-hover-border)}.button--outline:active{background-color:var(--button-outline-active-bg);color:var(--button-outline-active-color);border-color:var(--button-outline-active-border)}.button--outline:focus-visible{outline:var(--button-outline-focus-ring-width) var(--button-outline-focus-ring-style) var(--button-outline-focus-ring-color);outline-offset:var(--button-outline-focus-ring-offset)}.button--outline:disabled,.button--outline[aria-disabled=true]{color:var(--button-outline-disabled-color);border-color:var(--button-outline-disabled-border);cursor:var(--button-outline-disabled-cursor);pointer-events:none}.button--text{justify-content:var(--button-text-justify-content);padding-inline:var(--button-text-padding-inline);border-radius:var(--button-text-border-radius);border-width:var(--button-text-border-width);border-style:var(--button-text-border-style);border-color:var(--button-text-border);font-family:var(--button-text-font-family);font-size:var(--button-text-font-size);font-weight:var(--button-text-font-weight);line-height:var(--button-text-line-height);cursor:var(--button-text-cursor);white-space:var(--button-text-white-space);box-shadow:inset 0 calc(-1 * var(--button-text-underline-width)) 0 0 currentColor;background-color:var(--button-text-bg);color:var(--button-text-color);transition:color var(--button-text-transition-duration) var(--button-text-transition-easing);padding-block-end:var(--button-text-underline-offset);text-decoration:none}.button--text:hover{background-color:var(--button-text-hover-bg);color:var(--button-text-hover-color);border-color:var(--button-text-hover-border);box-shadow:inset 0 calc(-1 * var(--button-text-hover-underline-width)) 0 0 currentColor}.button--text:active{background-color:var(--button-text-active-bg);color:var(--button-text-active-color);border-color:var(--button-text-active-border);box-shadow:inset 0 calc(-1 * var(--button-text-hover-underline-width)) 0 0 currentColor}.button--text.button--ink{color:var(--button-text-ink-color);box-shadow:inset 0 calc(-1 * var(--button-text-ink-underline-width)) 0 0 currentColor}.button--text.button--ink:hover,.button--text.button--ink:active{color:var(--button-text-ink-color);box-shadow:inset 0 calc(-1 * var(--button-text-ink-hover-underline-width)) 0 0 currentColor}.button--text:focus-visible{outline:var(--button-text-focus-ring-width) var(--button-text-focus-ring-style) var(--button-text-focus-ring-color);outline-offset:var(--button-text-focus-ring-offset)}.button--text:disabled,.button--text[aria-disabled=true]{color:var(--button-text-disabled-color);cursor:var(--button-text-disabled-cursor);pointer-events:none}.button--ghost{justify-content:var(--button-ghost-justify-content);padding-inline:var(--button-ghost-padding-inline);border-radius:var(--button-ghost-border-radius);border-width:var(--button-ghost-border-width);border-style:var(--button-ghost-border-style);border-color:var(--button-ghost-border);font-family:var(--button-ghost-font-family);font-size:var(--button-ghost-font-size);font-weight:var(--button-ghost-font-weight);line-height:var(--button-ghost-line-height);cursor:var(--button-ghost-cursor);white-space:var(--button-ghost-white-space);-webkit-text-decoration:var(--button-ghost-text-decoration);text-decoration:var(--button-ghost-text-decoration);background-color:var(--button-ghost-bg);color:var(--button-ghost-color);transition:background-color var(--button-ghost-transition-duration) var(--button-ghost-transition-easing), color var(--button-ghost-transition-duration) var(--button-ghost-transition-easing)}.button--ghost:hover{background-color:var(--button-ghost-hover-bg);color:var(--button-ghost-hover-color)}.button--ghost:active{background-color:var(--button-ghost-active-bg);color:var(--button-ghost-active-color)}.button--ghost:focus-visible{outline:var(--button-ghost-focus-ring-width) var(--button-ghost-focus-ring-style) var(--button-ghost-focus-ring-color);outline-offset:var(--button-ghost-focus-ring-offset)}.button--ghost:disabled,.button--ghost[aria-disabled=true]{color:var(--button-ghost-disabled-color);cursor:var(--button-ghost-disabled-cursor);pointer-events:none}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]){color:var(--button-destructive-color);border-color:var(--button-destructive-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-destructive-hover-bg);color:var(--button-destructive-hover-color);border-color:var(--button-destructive-hover-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-destructive-active-bg);color:var(--button-destructive-active-color);border-color:var(--button-destructive-active-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):focus-visible{outline-color:var(--button-destructive-focus-ring-color)}.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]),.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):hover,.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):active{color:var(--button-destructive-color)}.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):focus-visible{outline-color:var(--button-destructive-focus-ring-color)}.button.button--sm:not(.button--text){block-size:var(--button-sm-height);padding-inline:var(--button-sm-padding-inline)}.button.button--sm{font-size:var(--button-sm-font-size)}.button.button--lg:not(.button--text){block-size:var(--button-lg-height);padding-inline:var(--button-lg-padding-inline)}.button.button--lg{font-size:var(--button-lg-font-size)}.button--block{width:var(--button-block-width)}@media (width<=767.98px){.button--block-mobile{width:var(--button-block-width)}}.button:not(.button--icon-only) .icon{--icon-size:1em}.button.button--icon-only{inline-size:var(--button-height);justify-content:center;padding-inline:0}.button.button--icon-only.button--sm{inline-size:var(--button-sm-height);padding-inline:0}.button.button--icon-only.button--lg{inline-size:var(--button-lg-height);padding-inline:0}
+.button{align-items:center;display:inline-flex}.button:not(.button--text){block-size:var(--button-height);padding-block:0}.button--primary{justify-content:var(--button-primary-justify-content);padding-inline:var(--button-primary-padding-inline);border-radius:var(--button-primary-border-radius);border-width:var(--button-primary-border-width);border-style:var(--button-primary-border-style);border-color:var(--button-primary-border);font-family:var(--button-primary-font-family);font-size:var(--button-primary-font-size);font-weight:var(--button-primary-font-weight);line-height:var(--button-primary-line-height);cursor:var(--button-primary-cursor);white-space:var(--button-primary-white-space);-webkit-text-decoration:var(--button-primary-text-decoration);text-decoration:var(--button-primary-text-decoration);background-color:var(--button-primary-bg);color:var(--button-primary-color);transition:background-color var(--button-primary-transition-duration) var(--button-primary-transition-easing), color var(--button-primary-transition-duration) var(--button-primary-transition-easing), border-color var(--button-primary-transition-duration) var(--button-primary-transition-easing)}.button--primary:hover{background-color:var(--button-primary-hover-bg);color:var(--button-primary-hover-color);border-color:var(--button-primary-hover-border)}.button--primary:active{background-color:var(--button-primary-active-bg);color:var(--button-primary-active-color);border-color:var(--button-primary-active-border)}.button--primary:focus-visible{outline:var(--button-primary-focus-ring-width) var(--button-primary-focus-ring-style) var(--button-primary-focus-ring-color);outline-offset:var(--button-primary-focus-ring-offset)}.button--primary:disabled,.button--primary[aria-disabled=true]{background-color:var(--button-primary-disabled-bg);color:var(--button-primary-disabled-color);border-color:var(--button-primary-disabled-border);cursor:var(--button-primary-disabled-cursor);pointer-events:none}.button--outline{justify-content:var(--button-outline-justify-content);padding-inline:var(--button-outline-padding-inline);border-radius:var(--button-outline-border-radius);border-width:var(--button-outline-border-width);border-style:var(--button-outline-border-style);border-color:var(--button-outline-border);font-family:var(--button-outline-font-family);font-size:var(--button-outline-font-size);font-weight:var(--button-outline-font-weight);line-height:var(--button-outline-line-height);cursor:var(--button-outline-cursor);white-space:var(--button-outline-white-space);-webkit-text-decoration:var(--button-outline-text-decoration);text-decoration:var(--button-outline-text-decoration);background-color:var(--button-outline-bg);color:var(--button-outline-color);transition:background-color var(--button-outline-transition-duration) var(--button-outline-transition-easing), color var(--button-outline-transition-duration) var(--button-outline-transition-easing), border-color var(--button-outline-transition-duration) var(--button-outline-transition-easing)}.button--outline:hover{background-color:var(--button-outline-hover-bg);color:var(--button-outline-hover-color);border-color:var(--button-outline-hover-border)}.button--outline:active{background-color:var(--button-outline-active-bg);color:var(--button-outline-active-color);border-color:var(--button-outline-active-border)}.button--outline:focus-visible{outline:var(--button-outline-focus-ring-width) var(--button-outline-focus-ring-style) var(--button-outline-focus-ring-color);outline-offset:var(--button-outline-focus-ring-offset)}.button--outline:disabled,.button--outline[aria-disabled=true]{color:var(--button-outline-disabled-color);border-color:var(--button-outline-disabled-border);cursor:var(--button-outline-disabled-cursor);pointer-events:none}.button--text{justify-content:var(--button-text-justify-content);padding-inline:var(--button-text-padding-inline);border-radius:var(--button-text-border-radius);border-width:var(--button-text-border-width);border-style:var(--button-text-border-style);border-color:var(--button-text-border);font-family:var(--button-text-font-family);font-size:var(--button-text-font-size);font-weight:var(--button-text-font-weight);line-height:var(--button-text-line-height);cursor:var(--button-text-cursor);white-space:var(--button-text-white-space);box-shadow:inset 0 calc(-1 * var(--button-text-underline-width)) 0 0 currentColor;background-color:var(--button-text-bg);color:var(--button-text-color);transition:color var(--button-text-transition-duration) var(--button-text-transition-easing);padding-block-end:var(--button-text-underline-offset);text-decoration:none}.button--text:hover{background-color:var(--button-text-hover-bg);color:var(--button-text-hover-color);border-color:var(--button-text-hover-border);box-shadow:inset 0 calc(-1 * var(--button-text-hover-underline-width)) 0 0 currentColor}.button--text:active{background-color:var(--button-text-active-bg);color:var(--button-text-active-color);border-color:var(--button-text-active-border);box-shadow:inset 0 calc(-1 * var(--button-text-hover-underline-width)) 0 0 currentColor}.button--text.button--ink{color:var(--button-text-ink-color);box-shadow:inset 0 calc(-1 * var(--button-text-ink-underline-width)) 0 0 currentColor}.button--text.button--ink:hover,.button--text.button--ink:active{color:var(--button-text-ink-color);box-shadow:inset 0 calc(-1 * var(--button-text-ink-hover-underline-width)) 0 0 currentColor}.button--text:focus-visible{outline:var(--button-text-focus-ring-width) var(--button-text-focus-ring-style) var(--button-text-focus-ring-color);outline-offset:var(--button-text-focus-ring-offset)}.button--text:disabled,.button--text[aria-disabled=true]{color:var(--button-text-disabled-color);cursor:var(--button-text-disabled-cursor);pointer-events:none}.button--ghost{justify-content:var(--button-ghost-justify-content);padding-inline:var(--button-ghost-padding-inline);border-radius:var(--button-ghost-border-radius);border-width:var(--button-ghost-border-width);border-style:var(--button-ghost-border-style);border-color:var(--button-ghost-border);font-family:var(--button-ghost-font-family);font-size:var(--button-ghost-font-size);font-weight:var(--button-ghost-font-weight);line-height:var(--button-ghost-line-height);cursor:var(--button-ghost-cursor);white-space:var(--button-ghost-white-space);-webkit-text-decoration:var(--button-ghost-text-decoration);text-decoration:var(--button-ghost-text-decoration);background-color:var(--button-ghost-bg);color:var(--button-ghost-color);transition:background-color var(--button-ghost-transition-duration) var(--button-ghost-transition-easing), color var(--button-ghost-transition-duration) var(--button-ghost-transition-easing)}.button--ghost:hover{background-color:var(--button-ghost-hover-bg);color:var(--button-ghost-hover-color)}.button--ghost:active{background-color:var(--button-ghost-active-bg);color:var(--button-ghost-active-color)}.button--ghost:focus-visible{outline:var(--button-ghost-focus-ring-width) var(--button-ghost-focus-ring-style) var(--button-ghost-focus-ring-color);outline-offset:var(--button-ghost-focus-ring-offset)}.button--ghost:disabled,.button--ghost[aria-disabled=true]{color:var(--button-ghost-disabled-color);cursor:var(--button-ghost-disabled-cursor);pointer-events:none}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]){color:var(--button-destructive-color);border-color:var(--button-destructive-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--button-destructive-hover-bg);color:var(--button-destructive-hover-color);border-color:var(--button-destructive-hover-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):active{background-color:var(--button-destructive-active-bg);color:var(--button-destructive-active-color);border-color:var(--button-destructive-active-border)}.button--outline.button--destructive-intent:not(:disabled):not([aria-disabled=true]):focus-visible{outline-color:var(--button-destructive-focus-ring-color)}.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]),.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):hover,.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):active{color:var(--button-destructive-color)}.button--text.button--destructive-intent:not(:disabled):not([aria-disabled=true]):focus-visible{outline-color:var(--button-destructive-focus-ring-color)}.button.button--sm:not(.button--text){block-size:var(--button-sm-height);padding-inline:var(--button-sm-padding-inline)}.button.button--sm{font-size:var(--button-sm-font-size)}.button.button--lg:not(.button--text){block-size:var(--button-lg-height);padding-inline:var(--button-lg-padding-inline)}.button.button--lg{font-size:var(--button-lg-font-size)}.button--block{width:var(--button-block-width)}@media (width<=767.98px){.button--block-mobile{width:var(--button-block-width)}}.button:not(.button--icon-only) .icon{--icon-size:1em}.button.button--icon-only{inline-size:var(--button-height);justify-content:center;padding-inline:0}.button.button--icon-only.button--sm{inline-size:var(--button-sm-height);padding-inline:0}.button.button--icon-only.button--lg{inline-size:var(--button-lg-height);padding-inline:0}.button__spinner{margin-inline-end:var(--button-loading-gap);display:inline-flex}.button.button--icon-only .button__spinner{margin-inline-end:0}.button .button__spinner .spinner__square{width:var(--button-loading-spinner-size);height:var(--button-loading-spinner-size)}

package/dist/button.js

@@ -1,60 +1,72 @@
 'use client';
 import './button.css';
-import { n as e } from "./_shared/form-size.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { useRender as r } from "@base-ui/react/use-render";
+import { Spinner as e } from "./spinner.js";
+import { n as t } from "./_shared/form-size.js";
+import { forwardRef as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRender as o } from "@base-ui/react/use-render";
 //#region src/stories/atoms/Button/Button.tsx
-var i = t(function({ variant: t = "primary", tone: i = "accent", destructive: a = !1, size: o, block: s = !1, iconOnly: c = !1, children: l, type: u = "button", disabled: d, onClick: f, href: p, external: m = !1, render: h, className: g, ..._ }, v) {
-	let y = e(o), b = [
+var s = n(function({ variant: n = "primary", tone: s = "accent", destructive: c = !1, size: l, block: u = !1, iconOnly: d = !1, children: f, type: p = "button", disabled: m, loading: h = !1, onClick: g, href: _, external: v = !1, render: y, className: b, ...x }, S) {
+	let C = t(l), w = [
 		"button",
-		`button--${t}`,
-		t === "text" && i === "ink" ? "button--ink" : "",
-		a ? "button--destructive-intent" : "",
-		y === "md" ? "" : `button--${y}`,
-		s === "mobile" ? "button--block-mobile" : s ? "button--block" : "",
-		c ? "button--icon-only" : "",
-		g ?? ""
-	].filter(Boolean).join(" "), x = (e) => {
-		if (d) {
+		`button--${n}`,
+		n === "text" && s === "ink" ? "button--ink" : "",
+		c ? "button--destructive-intent" : "",
+		C === "md" ? "" : `button--${C}`,
+		u === "mobile" ? "button--block-mobile" : u ? "button--block" : "",
+		d ? "button--icon-only" : "",
+		h ? "button--loading" : "",
+		b ?? ""
+	].filter(Boolean).join(" "), T = !!m || h, E = (e) => {
+		if (T) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		f?.(e);
-	};
-	return r({
-		render: h,
-		ref: v,
-		enabled: h !== void 0,
+		g?.(e);
+	}, D = h ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+		className: "button__spinner",
+		children: /* @__PURE__ */ i(e, {
+			size: "sm",
+			"aria-hidden": !0
+		})
+	}), d ? null : f] }) : f;
+	return o({
+		render: y,
+		ref: S,
+		enabled: y !== void 0,
 		props: {
-			className: b,
-			"aria-disabled": d ? !0 : void 0,
-			onClick: x,
-			..._,
-			children: l
+			className: w,
+			"aria-disabled": T ? !0 : void 0,
+			"aria-busy": h ? !0 : void 0,
+			onClick: E,
+			...x,
+			children: D
 		}
-	}) || (p === void 0 ? /* @__PURE__ */ n("button", {
-		ref: v,
-		className: b,
-		type: u,
-		disabled: d,
-		onClick: f,
-		..._,
-		children: l
-	}) : /* @__PURE__ */ n("a", {
-		ref: v,
-		className: b,
-		href: d ? void 0 : p,
-		"aria-disabled": d ? !0 : void 0,
-		role: d ? "link" : void 0,
-		onClick: x,
-		...m ? {
+	}) || (_ === void 0 ? /* @__PURE__ */ i("button", {
+		ref: S,
+		className: w,
+		type: p,
+		disabled: m,
+		"aria-disabled": h ? !0 : void 0,
+		"aria-busy": h ? !0 : void 0,
+		onClick: E,
+		...x,
+		children: D
+	}) : /* @__PURE__ */ i("a", {
+		ref: S,
+		className: w,
+		href: T ? void 0 : _,
+		"aria-disabled": T ? !0 : void 0,
+		"aria-busy": h ? !0 : void 0,
+		role: T ? "link" : void 0,
+		onClick: E,
+		...v ? {
 			target: "_blank",
 			rel: "noopener noreferrer"
 		} : {},
-		..._,
-		children: l
+		...x,
+		children: D
 	}));
 });
 //#endregion
-export { i as Button };
+export { s as Button };

package/dist/chat-shell.css

@@ -1 +1 @@
-.chat-shell{background-color:var(--chat-shell-bg);flex-direction:column;block-size:100%;min-block-size:0;display:flex;position:relative}.chat-shell .chat-shell__drawer,.chat-shell .sheet__overlay{position:absolute}.chat-shell .chat-shell__drawer{--sheet-inline-size:100%;--sheet-padding-block:0;--sheet-padding-inline:0;--sheet-gap:0;overflow:visible}.chat-shell__drawer .sheet__body{gap:var(--chat-shell-drawer-gap);flex-direction:column;min-block-size:0;display:flex}.chat-shell__drawer-list{flex:1;min-block-size:0;overflow-y:auto}.chat-shell__list{inline-size:var(--chat-shell-list-width);flex-shrink:0;block-size:100%;overflow-y:auto}.chat-shell.chat-shell--with-list{gap:var(--chat-shell-gap);flex-direction:row}.chat-shell__main{flex-direction:column;flex:1;min-block-size:0;display:flex}.chat-shell__header{justify-content:space-between;align-items:center;gap:var(--chat-shell-header-gap);flex-shrink:0;display:flex}.chat-shell__list-trigger{flex-shrink:0;align-self:flex-start}.chat-shell__header-content{justify-content:space-between;align-items:center;gap:var(--chat-shell-header-gap);flex:1;min-inline-size:0;display:flex}.chat-shell__thread{--conversation-thread-padding-inline:var(--chat-shell-thread-padding-inline);min-block-size:0;padding-block:var(--chat-shell-thread-padding-block);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-shell__composer{flex-shrink:0}
+.chat-shell{background-color:var(--chat-shell-bg);flex-direction:column;block-size:100%;min-block-size:0;display:flex;position:relative}.chat-shell .chat-shell__drawer,.chat-shell .sheet__overlay{position:absolute}.chat-shell .chat-shell__drawer{--sheet-inline-size:100%;--sheet-padding-block:0;--sheet-padding-inline:0;--sheet-gap:0;overflow:visible}.chat-shell__drawer .sheet__body{gap:var(--chat-shell-drawer-gap);flex-direction:column;min-block-size:0;display:flex}.chat-shell__drawer-list{flex:1;min-block-size:0;overflow-y:auto}.chat-shell__list{inline-size:var(--chat-shell-list-width);flex-shrink:0;block-size:100%;overflow-y:auto}.chat-shell.chat-shell--with-list{gap:var(--chat-shell-gap);flex-direction:row}.chat-shell__main{flex-direction:column;flex:1;min-block-size:0;display:flex}.chat-shell__header{justify-content:space-between;align-items:center;gap:var(--chat-shell-header-gap);flex-shrink:0;display:flex}.chat-shell__list-trigger{flex-shrink:0;align-self:flex-start}.chat-shell__header-content{justify-content:space-between;align-items:center;gap:var(--chat-shell-header-gap);flex:1;min-inline-size:0;display:flex}.chat-shell__thread{--conversation-thread-padding-inline:var(--chat-shell-thread-padding-inline);min-block-size:0;padding-block:var(--chat-shell-thread-padding-block);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-shell__composer{flex-shrink:0}@media (width<=1023.98px){.chat-shell:not([data-layout]) .chat-shell__list{display:none}.chat-shell.chat-shell--with-list:not([data-layout]){flex-direction:column}}

package/dist/chat-shell.js

@@ -4,50 +4,47 @@ 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 { forwardRef as i, useCallback as a, useEffect as o, useState as s } from "react";
+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";
 //#region src/stories/templates/ChatShell/ChatShell.tsx
-var u = "(min-width: 1024px)", d = i(function({ list: i, header: d, children: f, composer: p, listLabel: m, listTriggerLabel: h, listOpen: g, onListOpenChange: _, className: v, ...y }, b) {
-	let x = e("chatShell"), [S, C] = s(() => typeof window > "u" ? !0 : window.matchMedia(u).matches), [w, T] = s(!1), [E, D] = s(null), O = a((e) => {
+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]);
-	o(() => {
-		let e = window.matchMedia(u), t = () => {
-			C(e.matches), e.matches && T(!1);
-		};
-		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []);
-	let k = a((e) => {
+	}, [b]), [k, A] = s(S);
+	S !== k && (A(S), S && T(!1));
+	let j = o((e) => {
 		g === void 0 && T(e), _?.(e);
-	}, [g, _]), A = !S && (g ?? w), j = i != null && S, M = i != null && !S;
+	}, [g, _]), M = !C && (g ?? w), N = a != null && C, P = a != null && !C;
 	return /* @__PURE__ */ l("div", {
 		ref: O,
 		className: [
 			"chat-shell",
-			j ? "chat-shell--with-list" : "",
+			N ? "chat-shell--with-list" : "",
 			v ?? ""
 		].filter(Boolean).join(" "),
+		"data-layout": S === null ? void 0 : C ? "column" : "drawer",
 		...y,
 		children: [
-			j && /* @__PURE__ */ c("aside", {
+			N && /* @__PURE__ */ c("aside", {
 				className: "chat-shell__list",
 				"aria-label": x("list", m),
-				children: i
+				children: a
 			}),
 			/* @__PURE__ */ l("div", {
 				className: "chat-shell__main",
 				children: [
-					(d || M) && /* @__PURE__ */ l("header", {
+					(d || P) && /* @__PURE__ */ l("header", {
 						className: "chat-shell__header",
-						children: [M && /* @__PURE__ */ c(n, {
+						children: [P && /* @__PURE__ */ c(n, {
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
 							"aria-label": x("listTrigger", h),
 							"aria-haspopup": "dialog",
-							"aria-expanded": A,
+							"aria-expanded": M,
 							className: "chat-shell__list-trigger",
-							onClick: () => k(!0),
+							onClick: () => j(!0),
 							children: /* @__PURE__ */ c(t, {
 								name: "layout-sidebar",
 								size: "sm"
@@ -67,10 +64,10 @@ var u = "(min-width: 1024px)", d = i(function({ list: i, header: d, children: f,
 					})
 				]
 			}),
-			M && /* @__PURE__ */ l(r, {
+			P && /* @__PURE__ */ l(r, {
 				side: "left",
-				open: A,
-				onOpenChange: k,
+				open: M,
+				onOpenChange: j,
 				title: x("list", m),
 				titleHidden: !0,
 				container: E ?? void 0,
@@ -85,7 +82,7 @@ var u = "(min-width: 1024px)", d = i(function({ list: i, header: d, children: f,
 						"aria-label": x("listTrigger", h),
 						"aria-expanded": !0,
 						className: "chat-shell__list-trigger",
-						onClick: () => k(!1),
+						onClick: () => j(!1),
 						children: /* @__PURE__ */ c(t, {
 							name: "layout-sidebar",
 							size: "sm"
@@ -93,7 +90,7 @@ var u = "(min-width: 1024px)", d = i(function({ list: i, header: d, children: f,
 					})
 				}), /* @__PURE__ */ c("div", {
 					className: "chat-shell__drawer-list",
-					children: i
+					children: a
 				})]
 			})
 		]

package/dist/loading-region.css

@@ -0,0 +1 @@
+.loading-region{gap:var(--loading-region-gap);flex-direction:column;display:flex}.skeleton-text,.skeleton-list,.skeleton-table{flex-direction:column;display:flex}.skeleton-text{gap:var(--loading-region-text-gap)}.skeleton-list{gap:var(--loading-region-list-gap)}.skeleton-table{gap:var(--loading-region-table-gap)}.skeleton-text .skeleton.skeleton-text__line--last{width:var(--loading-region-text-last-line-width)}.skeleton-list .skeleton.skeleton-list__row{height:var(--loading-region-list-row-height)}.skeleton-table .skeleton.skeleton-table__header{height:var(--loading-region-table-header-height)}.skeleton-table .skeleton.skeleton-table__row{height:var(--loading-region-table-row-height)}.skeleton-grid{gap:var(--loading-region-grid-gap);display:grid}.skeleton-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.skeleton-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid .skeleton.skeleton-grid__item{height:var(--loading-region-grid-item-height)}

package/dist/loading-region.js

@@ -0,0 +1,61 @@
+'use client';
+import './loading-region.css';
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { Skeleton as n } from "./skeleton.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/stories/molecules/LoadingRegion/LoadingRegion.tsx
+function o({ label: n, announce: o = !0, children: s, className: c, ...l }) {
+	let u = e("spinner"), d = r(), f = ["loading-region", c].filter(Boolean).join(" ");
+	return o ? /* @__PURE__ */ a("div", {
+		className: f,
+		role: "status",
+		"aria-busy": "true",
+		"aria-labelledby": d,
+		...l,
+		children: [/* @__PURE__ */ i(t, {
+			id: d,
+			children: u("label", n)
+		}), s]
+	}) : /* @__PURE__ */ i("div", {
+		className: f,
+		"aria-hidden": "true",
+		...l,
+		children: s
+	});
+}
+function s(e) {
+	return Array.from({ length: Math.max(0, Math.floor(e)) }, (e, t) => t);
+}
+function c({ lines: e = 3 }) {
+	return /* @__PURE__ */ i("div", {
+		className: "skeleton-text",
+		"aria-hidden": "true",
+		children: s(e).map((t) => /* @__PURE__ */ i(n, { className: ["skeleton-text__line", t === e - 1 && e > 1 ? "skeleton-text__line--last" : ""].filter(Boolean).join(" ") }, t))
+	});
+}
+function l({ rows: e = 4 }) {
+	return /* @__PURE__ */ i("div", {
+		className: "skeleton-list",
+		"aria-hidden": "true",
+		children: s(e).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-list__row" }, e))
+	});
+}
+function u({ rows: e = 4 }) {
+	return /* @__PURE__ */ a("div", {
+		className: "skeleton-table",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ i(n, { className: "skeleton-table__header" }), s(e).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-table__row" }, e))]
+	});
+}
+function d({ columns: e = 3, rows: t = 2 }) {
+	return /* @__PURE__ */ i("div", {
+		className: "skeleton-grid",
+		"data-columns": e,
+		"aria-hidden": "true",
+		children: s(e * t).map((e) => /* @__PURE__ */ i(n, { className: "skeleton-grid__item" }, e))
+	});
+}
+//#endregion
+export { o as LoadingRegion, d as SkeletonGrid, l as SkeletonList, u as SkeletonTable, c as SkeletonText };

package/dist/loading-state.css

@@ -0,0 +1 @@
+.loading-state{justify-content:center;align-items:center;gap:var(--loading-state-gap);block-size:100%;min-block-size:var(--loading-state-min-block-size);padding-block:var(--loading-state-padding-block);padding-inline:var(--loading-state-padding-inline);text-align:center;flex-direction:column;flex:auto;display:flex}.loading-state__spinner{color:var(--loading-state-spinner-color);display:flex}.loading-state.loading-state--sm{min-block-size:var(--loading-state-sm-min-block-size);padding-block:var(--loading-state-sm-padding-block)}.loading-state.loading-state--fill{min-block-size:calc(100dvh - var(--app-shell-chrome-block-start,0px) - 2 * var(--section-padding-block-lg))}

package/dist/loading-state.js

@@ -0,0 +1,46 @@
+'use client';
+import './loading-state.css';
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { Spinner as n } from "./spinner.js";
+import { Button as r } from "./button.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/stories/molecules/LoadingState/LoadingState.tsx
+function s({ label: s, size: c = "md", fill: l = !1, action: u, className: d, ...f }) {
+	let p = e("spinner"), m = i(), h = p("label", s);
+	return /* @__PURE__ */ o("div", {
+		className: [
+			"loading-state",
+			c === "sm" ? "loading-state--sm" : "",
+			l ? "loading-state--fill" : "",
+			d
+		].filter(Boolean).join(" "),
+		role: "status",
+		"aria-busy": "true",
+		"aria-labelledby": m,
+		...f,
+		children: [
+			/* @__PURE__ */ a("span", {
+				className: "loading-state__spinner",
+				children: /* @__PURE__ */ a(n, {
+					size: c === "sm" ? "md" : "lg",
+					"aria-hidden": !0
+				})
+			}),
+			/* @__PURE__ */ a(t, {
+				id: m,
+				children: h
+			}),
+			u && /* @__PURE__ */ a(r, {
+				variant: "outline",
+				size: c === "sm" ? "sm" : "md",
+				onClick: u.onClick,
+				href: u.href,
+				children: u.label
+			})
+		]
+	});
+}
+//#endregion
+export { s as LoadingState };

package/dist/toaster.css

@@ -1 +1 @@
-:root{--button-border-style:solid;--button-border-color:#0000;--button-justify-content:center;--button-cursor:pointer;--button-white-space:nowrap;--button-text-decoration:none;--button-disabled-cursor:not-allowed;--button-focus-ring-style:solid;--button-block-width:100%;--button-outline-bg:#0000;--button-text-border-width:0;--button-text-padding-inline:0;--button-text-bg:#0000;--button-text-border:#0000;--button-text-hover-bg:#0000;--button-text-hover-border:#0000;--button-text-active-bg:#0000;--button-text-active-border:#0000;--button-ghost-border-width:0;--button-ghost-bg:#0000;--button-ghost-border:#0000;--button-ghost-hover-border:#0000;--button-ghost-active-border:#0000;--button-font-family:var(--font-family-sans);--button-font-size:var(--font-size-2);--button-line-height:var(--line-height-none);--button-transition-duration:var(--motion-duration-fast);--button-transition-easing:var(--motion-easing-default);--button-height:var(--size-component-md);--button-sm-height:var(--size-component-sm);--button-lg-height:var(--size-component-lg);--button-padding-inline:var(--spacing-6);--button-focus-ring-offset:var(--spacing-1);--button-sm-padding-inline:var(--spacing-5);--button-sm-font-size:var(--font-size-1);--button-lg-padding-inline:var(--spacing-8);--button-lg-font-size:var(--font-size-3);--button-primary-border-style:var(--button-border-style);--button-primary-justify-content:var(--button-justify-content);--button-primary-cursor:var(--button-cursor);--button-primary-white-space:var(--button-white-space);--button-primary-text-decoration:var(--button-text-decoration);--button-primary-disabled-cursor:var(--button-disabled-cursor);--button-primary-disabled-color:var(--color-white);--button-primary-focus-ring-style:var(--button-focus-ring-style);--button-destructive-border-style:var(--button-border-style);--button-destructive-justify-content:var(--button-justify-content);--button-destructive-cursor:var(--button-cursor);--button-destructive-white-space:var(--button-white-space);--button-destructive-text-decoration:var(--button-text-decoration);--button-destructive-disabled-cursor:var(--button-disabled-cursor);--button-destructive-focus-ring-style:var(--button-focus-ring-style);--button-destructive-bg:var(--color-white);--button-outline-border-style:var(--button-border-style);--button-outline-justify-content:var(--button-justify-content);--button-outline-cursor:var(--button-cursor);--button-outline-white-space:var(--button-white-space);--button-outline-text-decoration:var(--button-text-decoration);--button-outline-disabled-cursor:var(--button-disabled-cursor);--button-outline-focus-ring-style:var(--button-focus-ring-style);--button-text-border-style:var(--button-border-style);--button-text-justify-content:var(--button-justify-content);--button-text-cursor:var(--link-cursor);--button-text-white-space:var(--button-white-space);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-ink-hover-underline-width:var(--link-ink-hover-underline-width);--button-text-disabled-cursor:var(--button-disabled-cursor);--button-text-focus-ring-style:var(--button-focus-ring-style);--button-ghost-border-style:var(--button-border-style);--button-ghost-justify-content:var(--button-justify-content);--button-ghost-cursor:var(--button-cursor);--button-ghost-white-space:var(--button-white-space);--button-ghost-text-decoration:var(--button-text-decoration);--button-ghost-disabled-cursor:var(--button-disabled-cursor);--button-ghost-focus-ring-style:var(--button-focus-ring-style);--button-border-radius:var(--border-radius-default);--button-border-width:var(--border-width-default);--button-font-weight:var(--font-weight-default);--button-disabled-bg:var(--color-disabled-bg-on-light);--button-disabled-color:var(--color-disabled-text-on-light);--button-disabled-border:var(--color-disabled-text-on-light);--button-focus-ring-width:var(--border-width-focus);--button-primary-font-family:var(--button-font-family);--button-primary-font-size:var(--button-font-size);--button-primary-line-height:var(--button-line-height);--button-primary-transition-duration:var(--button-transition-duration);--button-primary-transition-easing:var(--button-transition-easing);--button-primary-padding-inline:var(--button-padding-inline);--button-primary-focus-ring-offset:var(--button-focus-ring-offset);--button-primary-focus-ring-color:var(--color-primary);--button-primary-bg:var(--color-accent-1);--button-primary-color:var(--color-primary);--button-primary-border:var(--color-accent-1);--button-primary-hover-bg:var(--color-accent-2);--button-primary-hover-color:var(--color-primary);--button-primary-hover-border:var(--color-accent-2);--button-primary-active-bg:var(--color-accent-2);--button-primary-active-color:var(--color-primary);--button-primary-active-border:var(--color-accent-2);--button-destructive-font-family:var(--button-font-family);--button-destructive-font-size:var(--button-font-size);--button-destructive-line-height:var(--button-line-height);--button-destructive-transition-duration:var(--button-transition-duration);--button-destructive-transition-easing:var(--button-transition-easing);--button-destructive-padding-inline:var(--button-padding-inline);--button-destructive-focus-ring-offset:var(--button-focus-ring-offset);--button-destructive-focus-ring-color:var(--color-destructive-text-on-light);--button-destructive-color:var(--color-destructive-text-on-light);--button-destructive-border:var(--color-destructive-text-on-light);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-outline-font-family:var(--button-font-family);--button-outline-font-size:var(--button-font-size);--button-outline-line-height:var(--button-line-height);--button-outline-transition-duration:var(--button-transition-duration);--button-outline-transition-easing:var(--button-transition-easing);--button-outline-disabled-color:var(--color-disabled-border-on-light);--button-outline-disabled-border:var(--color-disabled-border-on-light);--button-outline-padding-inline:var(--button-padding-inline);--button-outline-focus-ring-offset:var(--button-focus-ring-offset);--button-outline-focus-ring-color:var(--color-text-on-light);--button-outline-color:var(--color-text-on-light);--button-outline-border:var(--color-text-on-light);--button-outline-hover-bg:var(--color-text-on-light);--button-outline-hover-color:var(--color-text-on-dark);--button-outline-hover-border:var(--color-text-on-light);--button-outline-active-bg:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-dark);--button-outline-active-border:var(--color-text-on-light);--button-text-font-family:var(--button-font-family);--button-text-font-size:var(--button-font-size);--button-text-line-height:var(--button-line-height);--button-text-underline-offset:var(--link-underline-offset);--button-text-transition-duration:var(--button-transition-duration);--button-text-transition-easing:var(--button-transition-easing);--button-ghost-font-family:var(--button-font-family);--button-ghost-font-size:var(--button-font-size);--button-ghost-line-height:var(--button-line-height);--button-ghost-transition-duration:var(--button-transition-duration);--button-ghost-transition-easing:var(--button-transition-easing);--button-ghost-padding-inline:var(--button-padding-inline);--button-ghost-focus-ring-offset:var(--button-focus-ring-offset);--button-ghost-focus-ring-color:var(--color-primary);--button-ghost-color:var(--color-text-on-light);--button-ghost-hover-bg:var(--color-primary);--button-ghost-hover-color:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-primary);--button-ghost-active-color:var(--color-text-on-dark);--button-primary-border-radius:var(--button-border-radius);--button-primary-border-width:var(--button-border-width);--button-primary-font-weight:var(--button-font-weight);--button-primary-disabled-bg:var(--button-disabled-border);--button-primary-disabled-border:var(--button-disabled-border);--button-primary-focus-ring-width:var(--button-focus-ring-width);--button-destructive-border-radius:var(--button-border-radius);--button-destructive-border-width:var(--button-border-width);--button-destructive-font-weight:var(--button-font-weight);--button-destructive-disabled-color:var(--button-disabled-color);--button-destructive-disabled-border:var(--button-disabled-border);--button-destructive-focus-ring-width:var(--button-focus-ring-width);--button-outline-border-radius:var(--button-border-radius);--button-outline-border-width:var(--button-border-width);--button-outline-font-weight:var(--button-font-weight);--button-outline-focus-ring-width:var(--button-focus-ring-width);--button-text-border-radius:var(--button-border-radius);--button-text-font-weight:var(--button-font-weight);--button-text-underline-width:var(--link-underline-width);--button-text-ink-color:var(--link-ink-color);--button-text-ink-underline-width:var(--link-ink-underline-width);--button-text-disabled-color:var(--button-disabled-color);--button-text-focus-ring-width:var(--button-focus-ring-width);--button-text-focus-ring-offset:var(--link-focus-ring-offset);--button-text-focus-ring-color:var(--link-focus-ring-color);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-active-color:var(--link-hover-color);--button-ghost-border-radius:var(--button-border-radius);--button-ghost-font-weight:var(--button-font-weight);--button-ghost-disabled-color:var(--button-disabled-color);--button-ghost-focus-ring-width:var(--button-focus-ring-width)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--button-outline-hover-bg:var(--color-white);--button-outline-hover-border:var(--color-white);--button-outline-active-bg:var(--color-white);--button-outline-active-border:var(--color-white);--button-outline-focus-ring-color:var(--color-white);--button-text-underline-width:var(--link-underline-width);--button-primary-focus-ring-color:var(--color-text-on-dark);--button-destructive-color:var(--color-destructive-text-on-dark);--button-destructive-border:var(--color-destructive-text-on-dark);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-destructive-focus-ring-color:var(--color-destructive-text-on-dark);--button-outline-color:var(--color-text-on-dark);--button-outline-border:var(--color-text-on-dark);--button-outline-hover-color:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-light);--button-text-disabled-color:var(--color-text-muted-on-dark);--button-ghost-color:var(--color-text-on-dark);--button-ghost-hover-color:var(--color-primary);--button-ghost-active-color:var(--color-primary);--button-ghost-focus-ring-color:var(--color-text-on-dark);--button-ghost-hover-bg:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-text-on-dark);--button-ghost-disabled-color:var(--color-text-muted-on-dark);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-ink-color:var(--link-ink-color);--button-text-active-color:var(--link-hover-color);--button-text-focus-ring-color:var(--link-focus-ring-color)}:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-gap:var(--spacing-3);--alert-content-gap:var(--spacing-2);--alert-actions-margin-block-start:var(--spacing-3);--alert-title-line-height:var(--line-height-snug);--alert-close-size:var(--size-component-sm);--alert-close-inset:var(--spacing-2);--alert-border-radius:var(--border-radius-default);--alert-border-width:var(--border-width-default);--alert-actions-gap:var(--form-actions-gap);--alert-bg:var(--color-primary);--alert-border-color:var(--color-text-on-dark);--alert-title-font-size:var(--text-font-size);--alert-title-font-weight:var(--font-weight-emphasis);--alert-title-color:var(--color-text-on-dark);--alert-description-font-size:var(--text-font-size);--alert-description-line-height:var(--text-line-height);--alert-description-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-fill);--alert-success-border-color:var(--color-success-fill);--alert-success-title-color:var(--color-success-fill-text);--alert-success-description-color:var(--color-success-fill-text);--alert-error-bg:var(--color-error-fill);--alert-error-border-color:var(--color-error-fill);--alert-error-title-color:var(--color-error-fill-text);--alert-error-description-color:var(--color-error-fill-text);--alert-warning-bg:var(--color-warning-fill);--alert-warning-border-color:var(--color-warning-fill);--alert-warning-title-color:var(--color-warning-fill-text);--alert-warning-description-color:var(--color-warning-fill-text);--alert-warning-close-color:var(--color-warning-fill-text)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--alert-bg:var(--color-text-on-dark);--alert-border-color:var(--color-text-on-dark);--alert-title-color:var(--color-primary);--alert-description-color:var(--color-primary)}:root{--toast-max-width:360px;--toast-stack-scale:.05;--toast-enter-scale:.97;--toast-z-index:var(--z-index-toast);--toast-inset-block:var(--spacing-5);--toast-inset-inline:var(--spacing-5);--toast-gap:var(--spacing-2);--toast-stack-offset:var(--spacing-3);--toast-duration-in:var(--motion-duration-base);--toast-duration-out:var(--motion-duration-base);--toast-easing:var(--motion-easing-out)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--alert-gap);box-sizing:border-box;--alert-title-ink:var(--alert-title-color);--alert-description-ink:var(--alert-description-color);display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--alert-close-inset) * 2 + var(--alert-close-size))}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-ink);line-height:var(--alert-title-line-height);margin:0}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-ink);line-height:var(--alert-description-line-height);margin:0;align-items:start;gap:var(--alert-content-gap);flex-direction:column;margin-block-start:var(--alert-content-gap);display:flex}.alert__actions{align-items:stretch;gap:var(--alert-actions-gap);flex-direction:column;margin-block-start:var(--alert-actions-margin-block-start);display:flex}.alert__actions>*{inline-size:100%}@media (width>=768px){.alert__actions{flex-flow:wrap;align-items:center}.alert__actions>*{inline-size:auto}}.alert .link,.alert a:not(.button){color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.alert .link:hover,.alert a:not(.button):hover{color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.alert .link:focus-visible,.alert a:not(.button):focus-visible{outline-color:var(--alert-description-ink)}.alert .alert__close{--close-button-size:var(--alert-close-size);position:absolute;inset-block-start:var(--alert-close-inset);inset-inline-end:var(--alert-close-inset)}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--close-button-color:var(--alert-warning-close-color);--close-button-focus-ring-color:var(--alert-warning-close-color)}.toaster{--toast-stack-direction:-1;z-index:var(--toast-z-index);inline-size:min(var(--toast-max-width), calc(100vw - var(--toast-inset-inline) * 2));outline:none;position:fixed;inset-block-end:var(--toast-inset-block);inset-inline-end:var(--toast-inset-inline)}.toaster.toaster--top{--toast-stack-direction:1;inset-block-start:var(--toast-inset-block);inset-block-end:auto}.toaster.toaster--left{inset-inline-start:var(--toast-inset-inline);inset-inline-end:auto}.toaster.toaster--center{inset-inline:50% auto;translate:-50%}.toast{transform-origin:bottom;cursor:default;z-index:calc(var(--toast-z-index) - var(--toast-index));transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * var(--toast-index) * var(--toast-stack-offset))) scale(max(0, 1 - var(--toast-index) * var(--toast-stack-scale)));transition:transform var(--toast-duration-in) var(--toast-easing), opacity var(--toast-duration-in) var(--toast-easing);position:absolute;inset-block-end:0;inset-inline:0}.toaster.toaster--top .toast{transform-origin:top;inset-block:0 auto}.toast[data-expanded],.toaster--expanded .toast{transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * (var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))))}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translateY(calc(var(--toast-stack-direction) * -100%)) scale(var(--toast-enter-scale))}.toast[data-ending-style]{transition-duration:var(--toast-duration-out)}.toast[data-swiping]{transition:none}.toast[data-limited]{opacity:0}.toast .toast__action{margin-block-start:var(--alert-content-gap);margin-inline-start:calc(var(--button-sm-padding-inline) * -1)}
+:root{--button-border-style:solid;--button-border-color:#0000;--button-justify-content:center;--button-cursor:pointer;--button-white-space:nowrap;--button-text-decoration:none;--button-disabled-cursor:not-allowed;--button-loading-spinner-size:1em;--button-focus-ring-style:solid;--button-block-width:100%;--button-outline-bg:#0000;--button-text-border-width:0;--button-text-padding-inline:0;--button-text-bg:#0000;--button-text-border:#0000;--button-text-hover-bg:#0000;--button-text-hover-border:#0000;--button-text-active-bg:#0000;--button-text-active-border:#0000;--button-ghost-border-width:0;--button-ghost-bg:#0000;--button-ghost-border:#0000;--button-ghost-hover-border:#0000;--button-ghost-active-border:#0000;--button-font-family:var(--font-family-sans);--button-font-size:var(--font-size-2);--button-line-height:var(--line-height-none);--button-transition-duration:var(--motion-duration-fast);--button-transition-easing:var(--motion-easing-default);--button-height:var(--size-component-md);--button-sm-height:var(--size-component-sm);--button-lg-height:var(--size-component-lg);--button-loading-gap:var(--spacing-2);--button-padding-inline:var(--spacing-6);--button-focus-ring-offset:var(--spacing-1);--button-sm-padding-inline:var(--spacing-5);--button-sm-font-size:var(--font-size-1);--button-lg-padding-inline:var(--spacing-8);--button-lg-font-size:var(--font-size-3);--button-primary-border-style:var(--button-border-style);--button-primary-justify-content:var(--button-justify-content);--button-primary-cursor:var(--button-cursor);--button-primary-white-space:var(--button-white-space);--button-primary-text-decoration:var(--button-text-decoration);--button-primary-disabled-cursor:var(--button-disabled-cursor);--button-primary-disabled-color:var(--color-white);--button-primary-focus-ring-style:var(--button-focus-ring-style);--button-destructive-border-style:var(--button-border-style);--button-destructive-justify-content:var(--button-justify-content);--button-destructive-cursor:var(--button-cursor);--button-destructive-white-space:var(--button-white-space);--button-destructive-text-decoration:var(--button-text-decoration);--button-destructive-disabled-cursor:var(--button-disabled-cursor);--button-destructive-focus-ring-style:var(--button-focus-ring-style);--button-destructive-bg:var(--color-white);--button-outline-border-style:var(--button-border-style);--button-outline-justify-content:var(--button-justify-content);--button-outline-cursor:var(--button-cursor);--button-outline-white-space:var(--button-white-space);--button-outline-text-decoration:var(--button-text-decoration);--button-outline-disabled-cursor:var(--button-disabled-cursor);--button-outline-focus-ring-style:var(--button-focus-ring-style);--button-text-border-style:var(--button-border-style);--button-text-justify-content:var(--button-justify-content);--button-text-cursor:var(--link-cursor);--button-text-white-space:var(--button-white-space);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-ink-hover-underline-width:var(--link-ink-hover-underline-width);--button-text-disabled-cursor:var(--button-disabled-cursor);--button-text-focus-ring-style:var(--button-focus-ring-style);--button-ghost-border-style:var(--button-border-style);--button-ghost-justify-content:var(--button-justify-content);--button-ghost-cursor:var(--button-cursor);--button-ghost-white-space:var(--button-white-space);--button-ghost-text-decoration:var(--button-text-decoration);--button-ghost-disabled-cursor:var(--button-disabled-cursor);--button-ghost-focus-ring-style:var(--button-focus-ring-style);--button-border-radius:var(--border-radius-default);--button-border-width:var(--border-width-default);--button-font-weight:var(--font-weight-default);--button-disabled-bg:var(--color-disabled-bg-on-light);--button-disabled-color:var(--color-disabled-text-on-light);--button-disabled-border:var(--color-disabled-text-on-light);--button-focus-ring-width:var(--border-width-focus);--button-primary-font-family:var(--button-font-family);--button-primary-font-size:var(--button-font-size);--button-primary-line-height:var(--button-line-height);--button-primary-transition-duration:var(--button-transition-duration);--button-primary-transition-easing:var(--button-transition-easing);--button-primary-padding-inline:var(--button-padding-inline);--button-primary-focus-ring-offset:var(--button-focus-ring-offset);--button-primary-focus-ring-color:var(--color-primary);--button-primary-bg:var(--color-accent-1);--button-primary-color:var(--color-primary);--button-primary-border:var(--color-accent-1);--button-primary-hover-bg:var(--color-accent-2);--button-primary-hover-color:var(--color-primary);--button-primary-hover-border:var(--color-accent-2);--button-primary-active-bg:var(--color-accent-2);--button-primary-active-color:var(--color-primary);--button-primary-active-border:var(--color-accent-2);--button-destructive-font-family:var(--button-font-family);--button-destructive-font-size:var(--button-font-size);--button-destructive-line-height:var(--button-line-height);--button-destructive-transition-duration:var(--button-transition-duration);--button-destructive-transition-easing:var(--button-transition-easing);--button-destructive-padding-inline:var(--button-padding-inline);--button-destructive-focus-ring-offset:var(--button-focus-ring-offset);--button-destructive-focus-ring-color:var(--color-destructive-text-on-light);--button-destructive-color:var(--color-destructive-text-on-light);--button-destructive-border:var(--color-destructive-text-on-light);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-outline-font-family:var(--button-font-family);--button-outline-font-size:var(--button-font-size);--button-outline-line-height:var(--button-line-height);--button-outline-transition-duration:var(--button-transition-duration);--button-outline-transition-easing:var(--button-transition-easing);--button-outline-disabled-color:var(--color-disabled-border-on-light);--button-outline-disabled-border:var(--color-disabled-border-on-light);--button-outline-padding-inline:var(--button-padding-inline);--button-outline-focus-ring-offset:var(--button-focus-ring-offset);--button-outline-focus-ring-color:var(--color-text-on-light);--button-outline-color:var(--color-text-on-light);--button-outline-border:var(--color-text-on-light);--button-outline-hover-bg:var(--color-text-on-light);--button-outline-hover-color:var(--color-text-on-dark);--button-outline-hover-border:var(--color-text-on-light);--button-outline-active-bg:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-dark);--button-outline-active-border:var(--color-text-on-light);--button-text-font-family:var(--button-font-family);--button-text-font-size:var(--button-font-size);--button-text-line-height:var(--button-line-height);--button-text-underline-offset:var(--link-underline-offset);--button-text-transition-duration:var(--button-transition-duration);--button-text-transition-easing:var(--button-transition-easing);--button-ghost-font-family:var(--button-font-family);--button-ghost-font-size:var(--button-font-size);--button-ghost-line-height:var(--button-line-height);--button-ghost-transition-duration:var(--button-transition-duration);--button-ghost-transition-easing:var(--button-transition-easing);--button-ghost-padding-inline:var(--button-padding-inline);--button-ghost-focus-ring-offset:var(--button-focus-ring-offset);--button-ghost-focus-ring-color:var(--color-primary);--button-ghost-color:var(--color-text-on-light);--button-ghost-hover-bg:var(--color-primary);--button-ghost-hover-color:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-primary);--button-ghost-active-color:var(--color-text-on-dark);--button-primary-border-radius:var(--button-border-radius);--button-primary-border-width:var(--button-border-width);--button-primary-font-weight:var(--button-font-weight);--button-primary-disabled-bg:var(--button-disabled-border);--button-primary-disabled-border:var(--button-disabled-border);--button-primary-focus-ring-width:var(--button-focus-ring-width);--button-destructive-border-radius:var(--button-border-radius);--button-destructive-border-width:var(--button-border-width);--button-destructive-font-weight:var(--button-font-weight);--button-destructive-disabled-color:var(--button-disabled-color);--button-destructive-disabled-border:var(--button-disabled-border);--button-destructive-focus-ring-width:var(--button-focus-ring-width);--button-outline-border-radius:var(--button-border-radius);--button-outline-border-width:var(--button-border-width);--button-outline-font-weight:var(--button-font-weight);--button-outline-focus-ring-width:var(--button-focus-ring-width);--button-text-border-radius:var(--button-border-radius);--button-text-font-weight:var(--button-font-weight);--button-text-underline-width:var(--link-underline-width);--button-text-ink-color:var(--link-ink-color);--button-text-ink-underline-width:var(--link-ink-underline-width);--button-text-disabled-color:var(--button-disabled-color);--button-text-focus-ring-width:var(--button-focus-ring-width);--button-text-focus-ring-offset:var(--link-focus-ring-offset);--button-text-focus-ring-color:var(--link-focus-ring-color);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-active-color:var(--link-hover-color);--button-ghost-border-radius:var(--button-border-radius);--button-ghost-font-weight:var(--button-font-weight);--button-ghost-disabled-color:var(--button-disabled-color);--button-ghost-focus-ring-width:var(--button-focus-ring-width)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--button-outline-hover-bg:var(--color-white);--button-outline-hover-border:var(--color-white);--button-outline-active-bg:var(--color-white);--button-outline-active-border:var(--color-white);--button-outline-focus-ring-color:var(--color-white);--button-text-underline-width:var(--link-underline-width);--button-primary-focus-ring-color:var(--color-text-on-dark);--button-destructive-color:var(--color-destructive-text-on-dark);--button-destructive-border:var(--color-destructive-text-on-dark);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-destructive-focus-ring-color:var(--color-destructive-text-on-dark);--button-outline-color:var(--color-text-on-dark);--button-outline-border:var(--color-text-on-dark);--button-outline-hover-color:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-light);--button-text-disabled-color:var(--color-text-muted-on-dark);--button-ghost-color:var(--color-text-on-dark);--button-ghost-hover-color:var(--color-primary);--button-ghost-active-color:var(--color-primary);--button-ghost-focus-ring-color:var(--color-text-on-dark);--button-ghost-hover-bg:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-text-on-dark);--button-ghost-disabled-color:var(--color-text-muted-on-dark);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-ink-color:var(--link-ink-color);--button-text-active-color:var(--link-hover-color);--button-text-focus-ring-color:var(--link-focus-ring-color)}:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-gap:var(--spacing-3);--alert-content-gap:var(--spacing-2);--alert-actions-margin-block-start:var(--spacing-3);--alert-title-line-height:var(--line-height-snug);--alert-close-size:var(--size-component-sm);--alert-close-inset:var(--spacing-2);--alert-border-radius:var(--border-radius-default);--alert-border-width:var(--border-width-default);--alert-actions-gap:var(--form-actions-gap);--alert-bg:var(--color-primary);--alert-border-color:var(--color-text-on-dark);--alert-title-font-size:var(--text-font-size);--alert-title-font-weight:var(--font-weight-emphasis);--alert-title-color:var(--color-text-on-dark);--alert-description-font-size:var(--text-font-size);--alert-description-line-height:var(--text-line-height);--alert-description-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-fill);--alert-success-border-color:var(--color-success-fill);--alert-success-title-color:var(--color-success-fill-text);--alert-success-description-color:var(--color-success-fill-text);--alert-error-bg:var(--color-error-fill);--alert-error-border-color:var(--color-error-fill);--alert-error-title-color:var(--color-error-fill-text);--alert-error-description-color:var(--color-error-fill-text);--alert-warning-bg:var(--color-warning-fill);--alert-warning-border-color:var(--color-warning-fill);--alert-warning-title-color:var(--color-warning-fill-text);--alert-warning-description-color:var(--color-warning-fill-text);--alert-warning-close-color:var(--color-warning-fill-text)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--alert-bg:var(--color-text-on-dark);--alert-border-color:var(--color-text-on-dark);--alert-title-color:var(--color-primary);--alert-description-color:var(--color-primary)}:root{--toast-max-width:360px;--toast-stack-scale:.05;--toast-enter-scale:.97;--toast-z-index:var(--z-index-toast);--toast-inset-block:var(--spacing-5);--toast-inset-inline:var(--spacing-5);--toast-gap:var(--spacing-2);--toast-stack-offset:var(--spacing-3);--toast-duration-in:var(--motion-duration-base);--toast-duration-out:var(--motion-duration-base);--toast-easing:var(--motion-easing-out)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--alert-gap);box-sizing:border-box;--alert-title-ink:var(--alert-title-color);--alert-description-ink:var(--alert-description-color);display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--alert-close-inset) * 2 + var(--alert-close-size))}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-ink);line-height:var(--alert-title-line-height);margin:0}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-ink);line-height:var(--alert-description-line-height);margin:0;align-items:start;gap:var(--alert-content-gap);flex-direction:column;margin-block-start:var(--alert-content-gap);display:flex}.alert__actions{align-items:stretch;gap:var(--alert-actions-gap);flex-direction:column;margin-block-start:var(--alert-actions-margin-block-start);display:flex}.alert__actions>*{inline-size:100%}@media (width>=768px){.alert__actions{flex-flow:wrap;align-items:center}.alert__actions>*{inline-size:auto}}.alert .link,.alert a:not(.button){color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.alert .link:hover,.alert a:not(.button):hover{color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.alert .link:focus-visible,.alert a:not(.button):focus-visible{outline-color:var(--alert-description-ink)}.alert .alert__close{--close-button-size:var(--alert-close-size);position:absolute;inset-block-start:var(--alert-close-inset);inset-inline-end:var(--alert-close-inset)}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--close-button-color:var(--alert-warning-close-color);--close-button-focus-ring-color:var(--alert-warning-close-color)}.toaster{--toast-stack-direction:-1;z-index:var(--toast-z-index);inline-size:min(var(--toast-max-width), calc(100vw - var(--toast-inset-inline) * 2));outline:none;position:fixed;inset-block-end:var(--toast-inset-block);inset-inline-end:var(--toast-inset-inline)}.toaster.toaster--top{--toast-stack-direction:1;inset-block-start:var(--toast-inset-block);inset-block-end:auto}.toaster.toaster--left{inset-inline-start:var(--toast-inset-inline);inset-inline-end:auto}.toaster.toaster--center{inset-inline:50% auto;translate:-50%}.toast{transform-origin:bottom;cursor:default;z-index:calc(var(--toast-z-index) - var(--toast-index));transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * var(--toast-index) * var(--toast-stack-offset))) scale(max(0, 1 - var(--toast-index) * var(--toast-stack-scale)));transition:transform var(--toast-duration-in) var(--toast-easing), opacity var(--toast-duration-in) var(--toast-easing);position:absolute;inset-block-end:0;inset-inline:0}.toaster.toaster--top .toast{transform-origin:top;inset-block:0 auto}.toast[data-expanded],.toaster--expanded .toast{transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * (var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))))}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translateY(calc(var(--toast-stack-direction) * -100%)) scale(var(--toast-enter-scale))}.toast[data-ending-style]{transition-duration:var(--toast-duration-out)}.toast[data-swiping]{transition:none}.toast[data-limited]{opacity:0}.toast .toast__action{margin-block-start:var(--alert-content-gap);margin-inline-start:calc(var(--button-sm-padding-inline) * -1)}