@stll/ui 0.52.0 → 0.52.1

package/dist/components/button.d.ts

@@ -13,8 +13,8 @@ import { VariantProps } from "class-variance-authority";
  */
 declare const buttonAccessibleDisabledClass = "cursor-not-allowed opacity-64";
 declare const buttonVariants: (props?: ({
-  size?: "default" | "sm" | "lg" | "icon" | "xs" | "row" | "chip" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "xl" | null | undefined;
-  variant?: "link" | "default" | "outline" | "destructive" | "muted" | "destructive-outline" | "destructive-ghost" | "ghost" | "secondary" | null | undefined;
+  size?: "default" | "sm" | "lg" | "icon" | "chip" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "row" | "xl" | "xs" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "destructive-outline" | "destructive-ghost" | "ghost" | "muted" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = {
   variant?: VariantProps<typeof buttonVariants>["variant"];

package/dist/components/input-group.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/input-group.d.ts
 declare const InputGroup: ({ className, ...props }: React$1.ComponentProps<"div">) => React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-  align?: "inline-start" | "block-end" | "block-start" | "inline-end" | null | undefined;
+  align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const InputGroupAddon: ({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) => React$1.JSX.Element;
 declare const InputGroupText: ({ className, ...props }: React$1.ComponentProps<"span">) => React$1.JSX.Element;

package/dist/components/toast.d.ts

@@ -3,6 +3,12 @@ import { Toast, ToastManagerAddOptions } from "@base-ui/react/toast";
 //#region src/components/toast.d.ts
 type ToastData = {
   tooltipStyle?: boolean;
+  timeoutPolicy?: {
+    type: "automatic";
+  } | {
+    type: "explicit";
+    timeout: number;
+  };
 };
 declare const TOAST_RIGHT_OFFSET_VAR = "--stella-toast-right-offset";
 declare const TOAST_ICONS: {
@@ -20,7 +26,7 @@ type ToastAction = {
 };
 type ToastActionProps = ToastManagerAddOptions<ToastData>["actionProps"];
 type ToastOptions = Omit<ToastManagerAddOptions<ToastData>, "actionProps" | "title" | "type"> & {
-  action?: ToastAction;
+  action?: ToastAction | undefined;
   actionProps?: ToastActionProps;
 };
 type ToastUpdateOptions = Partial<ToastOptions> & {

package/dist/components/toast.js

@@ -12,6 +12,7 @@ import { Toast } from "@base-ui/react/toast";
 const toastManager = Toast.createToastManager();
 const anchoredToastManager = Toast.createToastManager();
 const TOAST_RIGHT_OFFSET_VAR = "--stella-toast-right-offset";
+const ERROR_TOAST_TIMEOUT_MS = 8e3;
 const TOAST_ICONS = {
 	error: /* @__PURE__ */ jsx(CircleAlertIcon, { className: "text-destructive" }),
 	info: /* @__PURE__ */ jsx(InfoIcon, { className: "text-info" }),
@@ -51,7 +52,7 @@ const stellaToast = Object.assign((title, options) => addToast(title, void 0, op
 	},
 	success: (title, options) => addToast(title, "success", options),
 	update: (id, options) => {
-		toastManager.update(id, normalizeToastUpdateOptions(options));
+		toastManager.update(id, (previous) => normalizeToastUpdateOptions(options, previous));
 	},
 	warning: (title, options) => addToast(title, "warning", options)
 });
@@ -242,34 +243,51 @@ const subscribeWindowFocus = (onChange) => {
 };
 const readWindowFocus = () => document.hasFocus();
 const readServerWindowFocus = () => true;
-function normalizeToastAddOptions({ action, actionProps, timeout, type, ...options }) {
+function normalizeToastAddOptions(options) {
+	const { action, actionProps, data, timeout, type, ...addOptions } = options;
 	return {
-		...options,
+		...addOptions,
 		...normalizeToastActionProps({
 			action,
 			actionProps
 		}),
-		timeout: normalizeToastTimeout(timeout ?? getDefaultToastTimeout(type)),
+		data: {
+			...data,
+			timeoutPolicy: toastTimeoutPolicy(timeout)
+		},
+		timeout: normalizeToastTimeout(timeout ?? getDefaultToastTimeout(options)),
 		type
 	};
 }
-function normalizeToastUpdateOptions(options) {
-	const { action, actionProps, timeout, type, ...updateOptions } = options;
-	const normalizedTimeout = timeout === void 0 ? normalizeDefaultToastUpdateTimeout(type) : normalizeToastTimeout(timeout);
-	return {
+function normalizeToastUpdateOptions(options, previous) {
+	const { action, actionProps, data, timeout, type, ...updateOptions } = options;
+	const update = {
 		...updateOptions,
 		...normalizeToastActionProps({
 			action,
 			actionProps,
 			includeEmptyActionProps: Object.hasOwn(options, "action") || Object.hasOwn(options, "actionProps")
 		}),
-		...type === void 0 ? {} : { type },
-		...normalizedTimeout === void 0 ? {} : { timeout: normalizedTimeout }
+		...type === void 0 ? {} : { type }
+	};
+	const timeoutPolicy = timeout === void 0 ? previous.data?.timeoutPolicy ?? toastTimeoutPolicy(void 0) : toastTimeoutPolicy(timeout);
+	return {
+		...update,
+		data: {
+			...Object.hasOwn(options, "data") ? data : previous.data,
+			timeoutPolicy
+		},
+		timeout: timeoutPolicy.type === "explicit" ? timeoutPolicy.timeout : getDefaultToastTimeout({
+			...previous,
+			...update
+		})
 	};
 }
-function normalizeDefaultToastUpdateTimeout(type) {
-	if (type === void 0) return;
-	return normalizeToastTimeout(getDefaultToastTimeout(type));
+function toastTimeoutPolicy(timeout) {
+	return timeout === void 0 ? { type: "automatic" } : {
+		type: "explicit",
+		timeout: normalizeToastTimeout(timeout)
+	};
 }
 function normalizeToastActionProps({ action, actionProps, includeEmptyActionProps = false }) {
 	if (action === void 0) return actionProps === void 0 && !includeEmptyActionProps ? {} : { actionProps };
@@ -279,8 +297,14 @@ function normalizeToastActionProps({ action, actionProps, includeEmptyActionProp
 		onClick: action.onClick
 	} };
 }
-function getDefaultToastTimeout(type) {
-	if (type === "loading" || type === "error") return 0;
+/**
+* A short plain error closes on its own like any notice. An error that carries
+* detail (a description, rich content such as a provider reason to copy) or an
+* action stays until dismissed, so it is never gone before it can be read.
+*/
+function getDefaultToastTimeout({ action, actionProps, description, title, type }) {
+	if (type === "loading") return 0;
+	if (type === "error") return typeof title === "string" && (description === void 0 || description === null) && action === void 0 && actionProps === void 0 ? ERROR_TOAST_TIMEOUT_MS : 0;
 	if (type === "warning") return 6e3;
 	return 4e3;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.52.0",
+  "version": "0.52.1",
   "description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
   "keywords": [
     "base-ui",