@hanzo/ui 8.27.91 → 8.28.0

package/dist/backends/gui/textarea.cjs

@@ -39,15 +39,28 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const gui_1 = require("@hanzo/gui");
 const control_1 = require("./control.cjs");
+const density_1 = require("./density.cjs");
+const field_1 = require("./field.cjs");
 const slot_1 = require("./slot.cjs");
 /** Floor for the grown row count. */
 const MIN_ROWS = 3;
+/**
+ * The line each size sets its text on. The record sizes (`sm`, `xs`) set 13px
+ * text on a 16px line, as twenty-ui's Textarea does (MIT, NOTICE); the regular
+ * ones keep the 20px line of the 14px rung.
+ */
+const LINE = { default: 20, lg: 20, sm: 16, xs: 16 };
 const rowsOf = (v) => typeof v === "string" ? v.split("\n").length : 0;
-const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, style, size = "default", fill = false, ...props }, ref) {
-    const box = control_1.BOX[size];
+const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, style, size, fill = false, maxRows, ...props }, ref) {
+    const density = (0, density_1.useDensity)();
+    const field = (0, field_1.useField)();
+    const resolved = (0, density_1.fieldSize)(size, density);
+    const box = control_1.BOX[resolved];
+    const line = LINE[resolved];
+    const dense = resolved === "sm" || resolved === "xs";
     const [typed, setTyped] = React.useState(() => rowsOf(defaultValue));
     const uncontrolled = value === undefined;
-    const invalid = props["aria-invalid"];
+    const invalid = (0, field_1.invalidOf)(props["aria-invalid"], field);
     const node = React.useRef(null);
     const [grown, setGrown] = React.useState(undefined);
     // Both refs reach the same host: ours to measure it, and the caller's.
@@ -72,7 +85,10 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         el.style.height = held;
         setGrown((h) => (h === measured ? h : measured));
     }, [shown]);
-    return ((0, jsx_runtime_1.jsx)(gui_1.TextArea, { ref: hold, ...(0, slot_1.slot)("textarea"), rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, ...control_1.FIELD, ...(fill ? control_1.FILL : null), width: "100%", minH: 64, 
+    return ((0, jsx_runtime_1.jsx)(gui_1.TextArea, { ref: hold, ...(0, slot_1.slot)("textarea"), rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, ...control_1.FIELD, ...(density === "compact" ? { bg: "$panel" } : null), ...(fill ? control_1.FILL : null), width: "100%", 
+        // Three lines of the size's own leading, its risers and its two edges —
+        // 64 on the regular rungs, as it has always been; a dense box is shorter.
+        minH: dense ? MIN_ROWS * line + 2 * box.riser + 2 : 64, ...(maxRows ? { maxH: maxRows * line + 2 * box.riser + 2 } : null), 
         // The gutter has to be NAMED, both ways. Left unsaid the HORIZONTAL one
         // came from gui's `textAreaSizeVariant`, which computes its own and landed
         // on 20 — so the one field a form makes tall was also the one indented
@@ -84,11 +100,11 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         // first line sat 1px under the edge where its neighbours' sat at 8. In a
         // form the two are read together, and the text looked like it was falling
         // out of the top of the box. The riser is that arithmetic, per size.
-        px: box.gutter, pt: box.riser, pb: box.riser, borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", 
+        px: box.gutter, pt: box.riser, pb: box.riser, borderColor: invalid ? "$red7" : "$borderColor", ...(invalid ? { focusStyle: { borderColor: "$red8" } } : null), 
         // The value at the full ink, the hint at the placeholder token. gui's
         // Input sub-theme draws its value at 80% grey, which left a typed value
         // and a sample placeholder one rung apart.
-        color: "$ink", placeholderTextColor: "$placeholderColor", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props, 
+        color: "$ink", placeholderTextColor: "$placeholderColor", fontSize: box.font, ...(dense ? { lineHeight: line } : null), opacity: props.disabled ? 0.5 : 1, ...(invalid ? { "aria-invalid": true } : null), ...props, 
         // After the caller's props, so a passed `style` cannot silently disable
         // growth. A fixed height is asked for with `height`.
         style: { ...style, ...(grown ? { height: grown } : null) } }));

package/dist/backends/gui/textarea.d.ts

@@ -23,10 +23,19 @@ import { type FieldSize } from "./control.js";
  * a type that never matched the runtime.
  */
 export type TextareaProps = Omit<React.ComponentProps<typeof TextArea>, "children" | "size"> & Pick<React.ComponentProps<"textarea">, "onKeyDown" | "rows"> & {
-    /** The gutter and riser of the Input it stands under (control.ts `BOX`). */
+    /**
+     * The gutter and riser of the Input it stands under (control.ts `BOX`).
+     * Unset, the nearest `<Density>` decides.
+     */
     size?: FieldSize;
     /** On the raised ground instead of a bare edge (control.ts `FILL`). */
     fill?: boolean;
+    /**
+     * The tallest the field grows, in lines, before it scrolls: the box is
+     * capped at `maxRows` lines plus its risers and edges. A `maxH` the caller
+     * states still wins.
+     */
+    maxRows?: number;
 };
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/backends/gui/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAS5D;;;;;;;;;;;;;;;GAeG;AACH;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,GAAG;IAC7D,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAEH,QAAA,MAAM,QAAQ,wGA4Eb,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AAkB5D;;;;;;;;;;;;;;;GAeG;AACH;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAC1F,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,GAAG;IAC7D;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAEH,QAAA,MAAM,QAAQ,wGA0Fb,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/textarea.js

@@ -3,15 +3,28 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { TextArea } from "@hanzo/gui";
 import { BOX, FIELD, FILL } from "./control.js";
+import { fieldSize, useDensity } from "./density.js";
+import { invalidOf, useField } from "./field.js";
 import { slot } from "./slot.js";
 /** Floor for the grown row count. */
 const MIN_ROWS = 3;
+/**
+ * The line each size sets its text on. The record sizes (`sm`, `xs`) set 13px
+ * text on a 16px line, as twenty-ui's Textarea does (MIT, NOTICE); the regular
+ * ones keep the 20px line of the 14px rung.
+ */
+const LINE = { default: 20, lg: 20, sm: 16, xs: 16 };
 const rowsOf = (v) => typeof v === "string" ? v.split("\n").length : 0;
-const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, style, size = "default", fill = false, ...props }, ref) {
-    const box = BOX[size];
+const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, style, size, fill = false, maxRows, ...props }, ref) {
+    const density = useDensity();
+    const field = useField();
+    const resolved = fieldSize(size, density);
+    const box = BOX[resolved];
+    const line = LINE[resolved];
+    const dense = resolved === "sm" || resolved === "xs";
     const [typed, setTyped] = React.useState(() => rowsOf(defaultValue));
     const uncontrolled = value === undefined;
-    const invalid = props["aria-invalid"];
+    const invalid = invalidOf(props["aria-invalid"], field);
     const node = React.useRef(null);
     const [grown, setGrown] = React.useState(undefined);
     // Both refs reach the same host: ours to measure it, and the caller's.
@@ -36,7 +49,10 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         el.style.height = held;
         setGrown((h) => (h === measured ? h : measured));
     }, [shown]);
-    return (_jsx(TextArea, { ref: hold, ...slot("textarea"), rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, ...FIELD, ...(fill ? FILL : null), width: "100%", minH: 64, 
+    return (_jsx(TextArea, { ref: hold, ...slot("textarea"), rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, ...FIELD, ...(density === "compact" ? { bg: "$panel" } : null), ...(fill ? FILL : null), width: "100%", 
+        // Three lines of the size's own leading, its risers and its two edges —
+        // 64 on the regular rungs, as it has always been; a dense box is shorter.
+        minH: dense ? MIN_ROWS * line + 2 * box.riser + 2 : 64, ...(maxRows ? { maxH: maxRows * line + 2 * box.riser + 2 } : null), 
         // The gutter has to be NAMED, both ways. Left unsaid the HORIZONTAL one
         // came from gui's `textAreaSizeVariant`, which computes its own and landed
         // on 20 — so the one field a form makes tall was also the one indented
@@ -48,11 +64,11 @@ const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, valu
         // first line sat 1px under the edge where its neighbours' sat at 8. In a
         // form the two are read together, and the text looked like it was falling
         // out of the top of the box. The riser is that arithmetic, per size.
-        px: box.gutter, pt: box.riser, pb: box.riser, borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", 
+        px: box.gutter, pt: box.riser, pb: box.riser, borderColor: invalid ? "$red7" : "$borderColor", ...(invalid ? { focusStyle: { borderColor: "$red8" } } : null), 
         // The value at the full ink, the hint at the placeholder token. gui's
         // Input sub-theme draws its value at 80% grey, which left a typed value
         // and a sample placeholder one rung apart.
-        color: "$ink", placeholderTextColor: "$placeholderColor", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props, 
+        color: "$ink", placeholderTextColor: "$placeholderColor", fontSize: box.font, ...(dense ? { lineHeight: line } : null), opacity: props.disabled ? 0.5 : 1, ...(invalid ? { "aria-invalid": true } : null), ...props, 
         // After the caller's props, so a passed `style` cannot silently disable
         // growth. A fixed height is asked for with `height`.
         style: { ...style, ...(grown ? { height: grown } : null) } }));

package/dist/backends/gui/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,qCAAqC;AACrC,MAAM,QAAQ,GAAG,CAAC,CAAA;AAElB;;;;GAIG;AACH,MAAM,IAAI,GAA8B,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAE/E,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,EAAE,CAC5B,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAwClD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAC/C,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClG,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACzC,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAA;IACzB,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC3B,MAAM,KAAK,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,IAAI,CAAA;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAA;IACpE,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAA;IACxC,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAA6B,IAAI,CAAC,CAAA;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAA;IAEvE,uEAAuE;IACvE,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC5B,CAAC,EAA8B,EAAE,EAAE;QACjC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,EAAE,CAAC,CAAA;aACjC,IAAI,GAAG;YAAG,GAA0D,CAAC,OAAO,GAAG,EAAE,CAAA;IACxF,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,qEAAqE;IACrE,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAE1C,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAA;QACvB,IAAI,CAAC,EAAE,IAAI,OAAO,EAAE,CAAC,YAAY,KAAK,QAAQ;YAAE,OAAM;QACtD,4EAA4E;QAC5E,0DAA0D;QAC1D,MAAM,IAAI,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAA;QAC5B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QACxB,MAAM,QAAQ,GAAG,EAAE,CAAC,YAAY,CAAA;QAChC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,IAAa,KACd,IAAI,CAAC,UAAU,CAAC,EACpB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACtE,KAAK,EAAE,KAA2B,EAClC,YAAY,EAAE,YAAkC,EAChD,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KACpE,KAAK,KAEL,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACjD,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACxB,KAAK,EAAC,MAAM;QACZ,wEAAwE;QACxE,0EAA0E;QAC1E,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAClD,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QACnE,wEAAwE;QACxE,2EAA2E;QAC3E,uEAAuE;QACvE,qCAAqC;QACrC,EAAE;QACF,wEAAwE;QACxE,yEAAyE;QACzE,yEAAyE;QACzE,yEAAyE;QACzE,0EAA0E;QAC1E,qEAAqE;QACrE,EAAE,EAAE,GAAG,CAAC,MAAM,EACd,EAAE,EAAE,GAAG,CAAC,KAAK,EACb,EAAE,EAAE,GAAG,CAAC,KAAK,EACb,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,KAC3C,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/D,sEAAsE;QACtE,wEAAwE;QACxE,2CAA2C;QAC3C,KAAK,EAAC,MAAM,EACZ,oBAAoB,EAAC,mBAAmB,EACxC,QAAQ,EAAE,GAAG,CAAC,IAAI,KACd,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACzC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAE7B,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAC1C,KAAiC;QACtC,wEAAwE;QACxE,qDAAqD;QACrD,KAAK,EAAE,EAAE,GAAI,KAAgB,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GACtE,CACH,CAAA;AACD,CAAC,CACF,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/toaster.cjs

@@ -1,13 +1,177 @@
 'use client';"use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toast = exports.Toaster = void 0;
+exports.toast = exports.Toaster = exports.TOAST_DURATION = void 0;
+exports.ToastFace = ToastFace;
+exports.ToastCard = ToastCard;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Toaster — the toast viewport, mounted once near the root of an app, and
+ * `toast()`, the sonner-shaped call that fills it.
+ *
+ * gui owns the machinery: `@hanzogui/toast/v2`'s observer (`toast()`), its
+ * stack, its swipe and its exit animation. This file draws the toast itself, on
+ * the composable API (`Toast` → `Viewport` → `List` with a `renderItem`), in the
+ * record kit's shape — twenty-ui's Toast and Toaster (MIT, NOTICE):
+ *
+ *   · 296 wide on the floating material (`glass(2)`), 8px corners, padding
+ *     8 8 4, 8px between toasts, at the bottom-right 12px in; on a phone (≤768)
+ *     the full width at the top with square corners.
+ *   · A header row: the status icon (16), the message (12px, quiet, medium),
+ *     then a "Cancel" text button and a 24px close button pushed right.
+ *   · The description under it at 12px, soft, indented 24 to clear the icon.
+ *   · An action as a footer: a hairline, then the button at the end.
+ *   · The COUNTDOWN as a fill behind the whole toast in its status's tint,
+ *     draining linearly over the toast's duration (6s unless told) and PAUSED
+ *     while the pointer is over the toast or focus is inside it. A
+ *     `data: { progress }` (0–100) replaces the countdown with a progress fill,
+ *     and such a toast stays until it is dismissed or updated.
+ *   · At most three at once: a fourth closes the oldest.
+ *
+ * The timer is OURS, not gui's. gui's pauses only while the whole viewport is
+ * hovered and restarts from the full duration when it resumes, so a fill drawn
+ * over it would empty before the toast went. Each item hands gui a copy of its
+ * toast with an infinite duration and runs the one clock both the fill and the
+ * dismissal read.
+ *
+ * `toast()` keeps its signature. Status is its type — `toast()` neutral,
+ * `toast.info|success|warning|error()`; `id` is the dedupe key (a second toast
+ * with a visible one's id updates it rather than adding one); `cancel`,
+ * `action`, `description`, `duration`, `icon`, `onDismiss`, `onAutoClose` as in
+ * sonner. `className`, `style`, `richColors` and the per-part `classNames` stay
+ * accepted and inert.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const v2_1 = require("@hanzogui/toast/v2");
 Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return v2_1.toast; } });
 const react_1 = require("react");
+const glass_1 = require("../../glass.cjs");
+const button_1 = require("./button.cjs");
+const feedback_1 = require("./feedback.cjs");
+const slot_1 = require("./slot.cjs");
+/** A toast's default life, ms. */
+exports.TOAST_DURATION = 6000;
+const WIDTH = 296;
+const GAP = 8;
+const INSET = 12;
+const STATUS = {
+    default: 'neutral',
+    loading: 'neutral',
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
+    error: 'error',
+};
+const ICON = {
+    neutral: lucide_icons_2_1.TriangleAlert,
+    info: lucide_icons_2_1.Info,
+    success: lucide_icons_2_1.SquareCheck,
+    warning: lucide_icons_2_1.TriangleAlert,
+    error: lucide_icons_2_1.TriangleAlert,
+};
+const read = (v) => (typeof v === 'function' ? v() : v);
+/** The progress a toast carries in `data.progress`, 0–100, if it carries one. */
+const progressOf = (t) => {
+    const p = t.data?.progress;
+    return typeof p === 'number' && Number.isFinite(p) ? Math.max(0, Math.min(100, p)) : null;
+};
+/** The frame every toast wears: the floating material, 296 wide. */
+const frame = (phone) => ({
+    ...(0, glass_1.glass)(2),
+    width: phone ? '100%' : WIDTH,
+    rounded: phone ? 0 : '$3',
+    borderWidth: 0,
+    p: 0,
+    overflow: 'hidden',
+});
+/**
+ * The body inside it, padded 8 8 4 and holding the fill. It is the body that
+ * hears the pointer and the focus: gui's item does not hand its own hover
+ * handlers on (measured — a pointer over the item reached none of them), and
+ * the body covers the whole toast.
+ */
+const body = { position: 'relative', pt: '$2', px: '$2', pb: '$1' };
+/**
+ * What a toast shows, without the stack around it: the fill, the header, the
+ * description and the footer. `Toaster` draws one inside each gui item; the
+ * gallery draws one alone so its rules ship in the sheet.
+ */
+function ToastFace({ t, duration, paused = false, onClose, onHold }) {
+    const status = STATUS[t.type ?? 'default'] ?? 'neutral';
+    const p = (0, feedback_1.paint)(status);
+    const Icon = ICON[status];
+    const progress = progressOf(t);
+    const title = read(t.title);
+    const description = t.description ? read(t.description) : null;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('toast-body'), ...body, ...(onHold
+            ? {
+                onHoverIn: () => onHold(true),
+                onHoverOut: () => onHold(false),
+                onFocus: () => onHold(true),
+                onBlur: () => onHold(false),
+            }
+            : null), children: [progress !== null ? ((0, jsx_runtime_1.jsx)(gui_1.View, { ...(0, slot_1.slot)('toast-progress'), position: "absolute", t: 0, l: 0, b: 0, bg: p.tint, style: { width: `${progress}%`, transition: 'width 300ms linear' }, pointerEvents: "none" })) : duration !== undefined ? ((0, jsx_runtime_1.jsx)(gui_1.View, { ...(0, slot_1.slot)('toast-countdown'), "data-motion": "drain", "data-paused": paused ? '' : undefined, position: "absolute", t: 0, l: 0, r: 0, b: 0, bg: p.tint, pointerEvents: "none", style: { ['--drain']: `${duration}ms` } })) : null, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('toast-header'), items: "center", gap: "$2", mb: "$1", minH: 24, children: [(0, jsx_runtime_1.jsx)(gui_1.View, { shrink: 0, width: 16, height: 16, items: "center", justify: "center", children: t.icon ?? (0, jsx_runtime_1.jsx)(Icon, { size: 16, color: p.ink, "aria-label": status }) }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('toast-message'), flex: 1, size: "$1", fontWeight: "500", color: "$aside", numberOfLines: 2, children: title }), t.cancel ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('toast-cancel'), size: "xs", variant: "ghost", fontWeight: "400", onPress: (e) => {
+                            t.cancel?.onClick?.(e);
+                            onClose?.();
+                        }, children: t.cancel.label || 'Cancel' })) : null, t.dismissible === false ? null : ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('toast-close'), size: "icon-xs", variant: "ghost", emphasis: "subtle", "aria-label": "Close", onPress: onClose, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, {}) }))] }), description ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('toast-description'), size: "$1", color: "$hint", pl: 24, maxW: 224, numberOfLines: 1, mb: "$1", children: description })) : null, t.action ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('toast-footer'), mt: "$2", borderTopWidth: 1, borderColor: "$borderColor", pt: "$1", items: "flex-end", children: (0, jsx_runtime_1.jsx)(button_1.Button, { size: "xs", variant: "ghost", onPress: (e) => {
+                        t.action?.onClick?.(e);
+                        if (!e?.defaultPrevented)
+                            onClose?.();
+                    }, children: t.action.label }) })) : null] }));
+}
+/** A toast at rest, outside any stack — the gallery's, and a docs page's. */
+function ToastCard({ phone = false, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('toast'), position: "relative", ...frame(phone), children: (0, jsx_runtime_1.jsx)(ToastFace, { ...props }) }));
+}
+function ToastItem({ t, index, fallback, phone, }) {
+    const progress = progressOf(t);
+    const duration = t.duration ?? fallback;
+    const timed = progress === null && t.type !== 'loading' && Number.isFinite(duration) && duration > 0;
+    const [paused, setPaused] = (0, react_1.useState)(false);
+    const remaining = (0, react_1.useRef)(duration);
+    const done = (0, react_1.useRef)(false);
+    // The one clock: the fill drains on it and the toast closes on it. Once:
+    // the dismissal re-renders the item with a new toast object, and the clock
+    // must not start over on it.
+    (0, react_1.useEffect)(() => {
+        if (!timed || paused || done.current)
+            return;
+        const start = Date.now();
+        const id = setTimeout(() => {
+            done.current = true;
+            t.onAutoClose?.(t);
+            v2_1.toast.dismiss(t.id);
+        }, remaining.current);
+        return () => {
+            clearTimeout(id);
+            remaining.current = Math.max(0, remaining.current - (Date.now() - start));
+        };
+    }, [timed, paused, t]);
+    // gui sees an untimed toast, so its own clock never fires (see the header).
+    const held = (0, react_1.useMemo)(() => ({ ...t, duration: Number.POSITIVE_INFINITY }), [t]);
+    const close = () => {
+        t.onDismiss?.(t);
+        v2_1.toast.dismiss(t.id);
+    };
+    return ((0, jsx_runtime_1.jsx)(v2_1.Toast.Item, { toast: held, index: index, ...frame(phone), "data-status": STATUS[t.type ?? 'default'] ?? 'neutral', children: (0, jsx_runtime_1.jsx)(ToastFace, { t: t, duration: timed ? duration : undefined, paused: paused, onClose: close, onHold: setPaused }) }));
+}
+/** Closes the oldest once more than `limit` are on screen. */
+function Limit({ limit }) {
+    const { toasts } = (0, v2_1.useToasts)();
+    const live = toasts.filter((t) => !t.delete);
+    (0, react_1.useEffect)(() => {
+        // Newest first: the ones past the limit are the oldest.
+        for (const t of live.slice(limit))
+            v2_1.toast.dismiss(t.id);
+    }, [live, limit]);
+    return null;
+}
 const Toaster = /* @__PURE__ */ (0, react_1.forwardRef)(function Toaster(props, ref) {
-    const { theme = 'system', toastOptions, richColors: _richColors, ...rest } = props;
-    return (0, jsx_runtime_1.jsx)(v2_1.Toaster, { ref: ref, theme: theme, toastOptions: toastOptions, ...rest });
+    const { theme = 'system', toastOptions, richColors: _richColors, className: _className, style: _style, position, offset, gap, limit = 3, duration, containerAriaLabel = 'Notifications', hotkey, ...rest } = props;
+    const media = (0, gui_1.useMedia)();
+    const phone = !!media['max-md'];
+    const fallback = toastOptions?.duration ?? duration ?? exports.TOAST_DURATION;
+    return ((0, jsx_runtime_1.jsx)(v2_1.Toast, { ...rest, theme: theme, position: position ?? (phone ? 'top-center' : 'bottom-right'), gap: gap ?? GAP, visibleToasts: limit, duration: Number.POSITIVE_INFINITY, children: (0, jsx_runtime_1.jsxs)(v2_1.Toast.Viewport, { ref: ref, ...(0, slot_1.slot)('toaster'), offset: offset ?? (phone ? 0 : INSET), hotkey: hotkey, label: containerAriaLabel, ...(phone ? { width: '100%' } : null), children: [(0, jsx_runtime_1.jsx)(Limit, { limit: limit }), (0, jsx_runtime_1.jsx)(v2_1.Toast.List, { renderItem: ({ toast: t, index }) => (0, jsx_runtime_1.jsx)(ToastItem, { t: t, index: index, fallback: fallback, phone: phone }, t.id) })] }) }));
 });
 exports.Toaster = Toaster;

package/dist/backends/gui/toaster.d.ts

@@ -1,4 +1,4 @@
-import { toast, type ExternalToast, type ToasterProps as GuiToasterProps } from '@hanzogui/toast/v2';
+import { toast, type ExternalToast, type ToasterProps as GuiToasterProps, type ToastT } from '@hanzogui/toast/v2';
 /** Sonner's per-part class hooks. Inert — see the note above. */
 export type ToasterClassNames = Partial<Record<'toast' | 'title' | 'description' | 'icon' | 'actionButton' | 'cancelButton' | 'closeButton', string>>;
 export interface ToasterProps extends Omit<GuiToasterProps, 'toastOptions'> {
@@ -6,12 +6,38 @@ export interface ToasterProps extends Omit<GuiToasterProps, 'toastOptions'> {
     className?: string;
     /** Inert. gui themes the viewport from tokens. */
     style?: Record<string, string | number>;
-    /** Inert. Sonner's semantic palette; gui takes its colours from tokens. */
+    /** Inert. Sonner's semantic palette; the status colours are the kit's own. */
     richColors?: boolean;
     toastOptions?: ExternalToast & {
         classNames?: ToasterClassNames;
     };
+    /** How many show at once; a further one closes the oldest. Default 3. */
+    limit?: number;
 }
+/** A toast's default life, ms. */
+export declare const TOAST_DURATION = 6000;
+export type ToastFaceProps = {
+    /** The toast, as `toast()` made it. */
+    t: Pick<ToastT, 'title' | 'description' | 'type' | 'icon' | 'action' | 'cancel' | 'dismissible' | 'data'>;
+    /** Its life in ms, when it is timed; the countdown drains over it. */
+    duration?: number;
+    /** Whether the countdown is held. */
+    paused?: boolean;
+    /** Close it — the close button, and Cancel or the action after their own handler. */
+    onClose?: () => void;
+};
+/**
+ * What a toast shows, without the stack around it: the fill, the header, the
+ * description and the footer. `Toaster` draws one inside each gui item; the
+ * gallery draws one alone so its rules ship in the sheet.
+ */
+export declare function ToastFace({ t, duration, paused, onClose, onHold }: ToastFaceProps & {
+    onHold?: (held: boolean) => void;
+}): import("react").JSX.Element;
+/** A toast at rest, outside any stack — the gallery's, and a docs page's. */
+export declare function ToastCard({ phone, ...props }: ToastFaceProps & {
+    phone?: boolean;
+}): import("react").JSX.Element;
 declare const Toaster: import("react").ForwardRefExoticComponent<ToasterProps & import("react").RefAttributes<any>>;
 export { Toaster, toast };
 //# sourceMappingURL=toaster.d.ts.map

package/dist/backends/gui/toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,oBAAoB,CAAA;AAG3B,iEAAiE;AACjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACF,OAAO,GACP,OAAO,GACP,aAAa,GACb,MAAM,GACN,cAAc,GACd,cAAc,GACd,aAAa,EACf,MAAM,CACP,CACF,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACzE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,2EAA2E;IAC3E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,aAAa,GAAG;QAAE,UAAU,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAA;CAClE;AAED,QAAA,MAAM,OAAO,8FAGX,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAEL,KAAK,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,IAAI,eAAe,EACpC,KAAK,MAAM,EACZ,MAAM,oBAAoB,CAAA;AAO3B,iEAAiE;AACjE,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CACF,OAAO,GACP,OAAO,GACP,aAAa,GACb,MAAM,GACN,cAAc,GACd,cAAc,GACd,aAAa,EACf,MAAM,CACP,CACF,CAAA;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IACzE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACvC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,aAAa,GAAG;QAAE,UAAU,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAA;IACjE,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,kCAAkC;AAClC,eAAO,MAAM,cAAc,OAAO,CAAA;AAiDlC,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,CAAC,CAAA;IACzG,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qCAAqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAc,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,cAAc,GAAG;IAAE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,+BA8FhI;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,EAAE,KAAa,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,+BAM1F;AAmED,QAAA,MAAM,OAAO,8FA2CX,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/backends/gui/toaster.js

@@ -1,10 +1,172 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toaster as GuiToaster, toast, } from '@hanzogui/toast/v2';
-import { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Toaster — the toast viewport, mounted once near the root of an app, and
+ * `toast()`, the sonner-shaped call that fills it.
+ *
+ * gui owns the machinery: `@hanzogui/toast/v2`'s observer (`toast()`), its
+ * stack, its swipe and its exit animation. This file draws the toast itself, on
+ * the composable API (`Toast` → `Viewport` → `List` with a `renderItem`), in the
+ * record kit's shape — twenty-ui's Toast and Toaster (MIT, NOTICE):
+ *
+ *   · 296 wide on the floating material (`glass(2)`), 8px corners, padding
+ *     8 8 4, 8px between toasts, at the bottom-right 12px in; on a phone (≤768)
+ *     the full width at the top with square corners.
+ *   · A header row: the status icon (16), the message (12px, quiet, medium),
+ *     then a "Cancel" text button and a 24px close button pushed right.
+ *   · The description under it at 12px, soft, indented 24 to clear the icon.
+ *   · An action as a footer: a hairline, then the button at the end.
+ *   · The COUNTDOWN as a fill behind the whole toast in its status's tint,
+ *     draining linearly over the toast's duration (6s unless told) and PAUSED
+ *     while the pointer is over the toast or focus is inside it. A
+ *     `data: { progress }` (0–100) replaces the countdown with a progress fill,
+ *     and such a toast stays until it is dismissed or updated.
+ *   · At most three at once: a fourth closes the oldest.
+ *
+ * The timer is OURS, not gui's. gui's pauses only while the whole viewport is
+ * hovered and restarts from the full duration when it resumes, so a fill drawn
+ * over it would empty before the toast went. Each item hands gui a copy of its
+ * toast with an infinite duration and runs the one clock both the fill and the
+ * dismissal read.
+ *
+ * `toast()` keeps its signature. Status is its type — `toast()` neutral,
+ * `toast.info|success|warning|error()`; `id` is the dedupe key (a second toast
+ * with a visible one's id updates it rather than adding one); `cancel`,
+ * `action`, `description`, `duration`, `icon`, `onDismiss`, `onAutoClose` as in
+ * sonner. `className`, `style`, `richColors` and the per-part `classNames` stay
+ * accepted and inert.
+ */
+import { SizableText, View, XStack, YStack, useMedia } from '@hanzo/gui';
+import { Info, SquareCheck, TriangleAlert, X } from '@hanzogui/lucide-icons-2';
+import { Toast, toast, useToasts, } from '@hanzogui/toast/v2';
+import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import { glass } from '../../glass.js';
+import { Button } from './button.js';
+import { paint } from './feedback.js';
+import { slot } from './slot.js';
+/** A toast's default life, ms. */
+export const TOAST_DURATION = 6000;
+const WIDTH = 296;
+const GAP = 8;
+const INSET = 12;
+const STATUS = {
+    default: 'neutral',
+    loading: 'neutral',
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
+    error: 'error',
+};
+const ICON = {
+    neutral: TriangleAlert,
+    info: Info,
+    success: SquareCheck,
+    warning: TriangleAlert,
+    error: TriangleAlert,
+};
+const read = (v) => (typeof v === 'function' ? v() : v);
+/** The progress a toast carries in `data.progress`, 0–100, if it carries one. */
+const progressOf = (t) => {
+    const p = t.data?.progress;
+    return typeof p === 'number' && Number.isFinite(p) ? Math.max(0, Math.min(100, p)) : null;
+};
+/** The frame every toast wears: the floating material, 296 wide. */
+const frame = (phone) => ({
+    ...glass(2),
+    width: phone ? '100%' : WIDTH,
+    rounded: phone ? 0 : '$3',
+    borderWidth: 0,
+    p: 0,
+    overflow: 'hidden',
+});
+/**
+ * The body inside it, padded 8 8 4 and holding the fill. It is the body that
+ * hears the pointer and the focus: gui's item does not hand its own hover
+ * handlers on (measured — a pointer over the item reached none of them), and
+ * the body covers the whole toast.
+ */
+const body = { position: 'relative', pt: '$2', px: '$2', pb: '$1' };
+/**
+ * What a toast shows, without the stack around it: the fill, the header, the
+ * description and the footer. `Toaster` draws one inside each gui item; the
+ * gallery draws one alone so its rules ship in the sheet.
+ */
+export function ToastFace({ t, duration, paused = false, onClose, onHold }) {
+    const status = STATUS[t.type ?? 'default'] ?? 'neutral';
+    const p = paint(status);
+    const Icon = ICON[status];
+    const progress = progressOf(t);
+    const title = read(t.title);
+    const description = t.description ? read(t.description) : null;
+    return (_jsxs(YStack, { ...slot('toast-body'), ...body, ...(onHold
+            ? {
+                onHoverIn: () => onHold(true),
+                onHoverOut: () => onHold(false),
+                onFocus: () => onHold(true),
+                onBlur: () => onHold(false),
+            }
+            : null), children: [progress !== null ? (_jsx(View, { ...slot('toast-progress'), position: "absolute", t: 0, l: 0, b: 0, bg: p.tint, style: { width: `${progress}%`, transition: 'width 300ms linear' }, pointerEvents: "none" })) : duration !== undefined ? (_jsx(View, { ...slot('toast-countdown'), "data-motion": "drain", "data-paused": paused ? '' : undefined, position: "absolute", t: 0, l: 0, r: 0, b: 0, bg: p.tint, pointerEvents: "none", style: { ['--drain']: `${duration}ms` } })) : null, _jsxs(XStack, { ...slot('toast-header'), items: "center", gap: "$2", mb: "$1", minH: 24, children: [_jsx(View, { shrink: 0, width: 16, height: 16, items: "center", justify: "center", children: t.icon ?? _jsx(Icon, { size: 16, color: p.ink, "aria-label": status }) }), _jsx(SizableText, { ...slot('toast-message'), flex: 1, size: "$1", fontWeight: "500", color: "$aside", numberOfLines: 2, children: title }), t.cancel ? (_jsx(Button, { ...slot('toast-cancel'), size: "xs", variant: "ghost", fontWeight: "400", onPress: (e) => {
+                            t.cancel?.onClick?.(e);
+                            onClose?.();
+                        }, children: t.cancel.label || 'Cancel' })) : null, t.dismissible === false ? null : (_jsx(Button, { ...slot('toast-close'), size: "icon-xs", variant: "ghost", emphasis: "subtle", "aria-label": "Close", onPress: onClose, children: _jsx(X, {}) }))] }), description ? (_jsx(SizableText, { ...slot('toast-description'), size: "$1", color: "$hint", pl: 24, maxW: 224, numberOfLines: 1, mb: "$1", children: description })) : null, t.action ? (_jsx(YStack, { ...slot('toast-footer'), mt: "$2", borderTopWidth: 1, borderColor: "$borderColor", pt: "$1", items: "flex-end", children: _jsx(Button, { size: "xs", variant: "ghost", onPress: (e) => {
+                        t.action?.onClick?.(e);
+                        if (!e?.defaultPrevented)
+                            onClose?.();
+                    }, children: t.action.label }) })) : null] }));
+}
+/** A toast at rest, outside any stack — the gallery's, and a docs page's. */
+export function ToastCard({ phone = false, ...props }) {
+    return (_jsx(YStack, { ...slot('toast'), position: "relative", ...frame(phone), children: _jsx(ToastFace, { ...props }) }));
+}
+function ToastItem({ t, index, fallback, phone, }) {
+    const progress = progressOf(t);
+    const duration = t.duration ?? fallback;
+    const timed = progress === null && t.type !== 'loading' && Number.isFinite(duration) && duration > 0;
+    const [paused, setPaused] = useState(false);
+    const remaining = useRef(duration);
+    const done = useRef(false);
+    // The one clock: the fill drains on it and the toast closes on it. Once:
+    // the dismissal re-renders the item with a new toast object, and the clock
+    // must not start over on it.
+    useEffect(() => {
+        if (!timed || paused || done.current)
+            return;
+        const start = Date.now();
+        const id = setTimeout(() => {
+            done.current = true;
+            t.onAutoClose?.(t);
+            toast.dismiss(t.id);
+        }, remaining.current);
+        return () => {
+            clearTimeout(id);
+            remaining.current = Math.max(0, remaining.current - (Date.now() - start));
+        };
+    }, [timed, paused, t]);
+    // gui sees an untimed toast, so its own clock never fires (see the header).
+    const held = useMemo(() => ({ ...t, duration: Number.POSITIVE_INFINITY }), [t]);
+    const close = () => {
+        t.onDismiss?.(t);
+        toast.dismiss(t.id);
+    };
+    return (_jsx(Toast.Item, { toast: held, index: index, ...frame(phone), "data-status": STATUS[t.type ?? 'default'] ?? 'neutral', children: _jsx(ToastFace, { t: t, duration: timed ? duration : undefined, paused: paused, onClose: close, onHold: setPaused }) }));
+}
+/** Closes the oldest once more than `limit` are on screen. */
+function Limit({ limit }) {
+    const { toasts } = useToasts();
+    const live = toasts.filter((t) => !t.delete);
+    useEffect(() => {
+        // Newest first: the ones past the limit are the oldest.
+        for (const t of live.slice(limit))
+            toast.dismiss(t.id);
+    }, [live, limit]);
+    return null;
+}
 const Toaster = /* @__PURE__ */ forwardRef(function Toaster(props, ref) {
-    const { theme = 'system', toastOptions, richColors: _richColors, ...rest } = props;
-    return _jsx(GuiToaster, { ref: ref, theme: theme, toastOptions: toastOptions, ...rest });
+    const { theme = 'system', toastOptions, richColors: _richColors, className: _className, style: _style, position, offset, gap, limit = 3, duration, containerAriaLabel = 'Notifications', hotkey, ...rest } = props;
+    const media = useMedia();
+    const phone = !!media['max-md'];
+    const fallback = toastOptions?.duration ?? duration ?? TOAST_DURATION;
+    return (_jsx(Toast, { ...rest, theme: theme, position: position ?? (phone ? 'top-center' : 'bottom-right'), gap: gap ?? GAP, visibleToasts: limit, duration: Number.POSITIVE_INFINITY, children: _jsxs(Toast.Viewport, { ref: ref, ...slot('toaster'), offset: offset ?? (phone ? 0 : INSET), hotkey: hotkey, label: containerAriaLabel, ...(phone ? { width: '100%' } : null), children: [_jsx(Limit, { limit: limit }), _jsx(Toast.List, { renderItem: ({ toast: t, index }) => _jsx(ToastItem, { t: t, index: index, fallback: fallback, phone: phone }, t.id) })] }) }));
 });
 export { Toaster, toast };
 //# sourceMappingURL=toaster.js.map

package/dist/backends/gui/toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAgBZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,GAGN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA0BlC,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAA2B,SAAS,OAAO,CAAC,KAAK,EAAE,GAAG;IAC9F,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAClF,OAAO,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,KAAM,IAAI,GAAI,CAAA;AACrF,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../src/backends/gui/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACzF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAC9E,OAAO,EACL,KAAK,EACL,KAAK,EACL,SAAS,GAIV,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACxF,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAuB,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AA4B7B,kCAAkC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAA;AAClC,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,GAAG,GAAG,CAAC,CAAA;AACb,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,MAAM,GAAmC;IAC7C,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,IAAI,GAAwC;IAChD,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,aAAa;CACrB,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,CAAgC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,UAAU,CAAC,CAAC,CAAE,CAAqB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3G,iFAAiF;AACjF,MAAM,UAAU,GAAG,CAAC,CAAS,EAAiB,EAAE;IAC9C,MAAM,CAAC,GAAI,CAAC,CAAC,IAA2C,EAAE,QAAQ,CAAA;IAClE,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC3F,CAAC,CAAA;AAED,oEAAoE;AACpE,MAAM,KAAK,GAAG,CAAC,KAAc,EAAE,EAAE,CAC/B,CAAC;IACC,GAAG,KAAK,CAAC,CAAC,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;IAC7B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;IACzB,WAAW,EAAE,CAAC;IACd,CAAC,EAAE,CAAC;IACJ,QAAQ,EAAE,QAAQ;CACnB,CAAU,CAAA;AAEb;;;;;GAKG;AACH,MAAM,IAAI,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAW,CAAA;AAa5E;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAyD;IAC/H,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,SAAS,CAAA;IACvD,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;IACvB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;IACzB,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAW,CAAC,CAAA;IACxC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IAC3B,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9D,OAAO,CACL,MAAC,MAAM,OACD,IAAI,CAAC,YAAY,CAAC,KAClB,IAAI,KACJ,CAAC,MAAM;YACT,CAAC,CAAC;gBACE,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;gBAC7B,UAAU,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;gBAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;aAC5B;YACH,CAAC,CAAC,IAAI,CAAC,aAER,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,OACC,IAAI,CAAC,gBAAgB,CAAC,EAC1B,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,CAAC,IAAa,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAClE,aAAa,EAAC,MAAM,GACpB,CACH,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,IAAI,OACC,IAAI,CAAC,iBAAiB,CAAC,iBACf,OAAO,iBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,CAAC,IAAa,EACnB,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,EAAE,CAAC,SAAmB,CAAC,EAAE,GAAG,QAAQ,IAAI,EAAE,GACjD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,MAAM,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAE,EAAE,aACxE,KAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,YACpE,CAAC,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,GAAY,gBAAc,MAAM,GAAI,GACnE,EACP,KAAC,WAAW,OAAK,IAAI,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,YACxG,KAAK,GACM,EACb,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,OACD,IAAI,CAAC,cAAc,CAAC,EACxB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,KAAK,EAChB,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE;4BACtB,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAU,CAAC,CAAA;4BAC/B,OAAO,EAAE,EAAE,CAAA;wBACb,CAAC,YAEA,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ,GACpB,CACV,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,KAAC,MAAM,OAAK,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,gBAAY,OAAO,EAAC,OAAO,EAAE,OAAO,YACnH,KAAC,CAAC,KAAG,GACE,CACV,IACM,EACR,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,OAAK,IAAI,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,EAAE,EAAC,IAAI,YAC7G,WAAW,GACA,CACf,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,EAAC,IAAI,EAAC,cAAc,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YAC9G,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,CAAU,EAAE,EAAE;wBACtB,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAU,CAAC,CAAA;wBAC/B,IAAI,CAAE,CAAgD,EAAE,gBAAgB;4BAAE,OAAO,EAAE,EAAE,CAAA;oBACvF,CAAC,YAEA,CAAC,CAAC,MAAM,CAAC,KAAK,GACR,GACF,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAwC;IACzF,OAAO,CACL,KAAC,MAAM,OAAK,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAC,UAAU,KAAK,KAAK,CAAC,KAAK,CAAC,YAC7D,KAAC,SAAS,OAAK,KAAK,GAAI,GACjB,CACV,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,CAAC,EACD,KAAK,EACL,QAAQ,EACR,KAAK,GAMN;IACC,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAA;IACvC,MAAM,KAAK,GAAG,QAAQ,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAA;IACpG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAClC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE1B,yEAAyE;IACzE,2EAA2E;IAC3E,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,OAAO;YAAE,OAAM;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACxB,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;YACnB,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;YAClB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QACrB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;QACrB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,EAAE,CAAC,CAAA;YAChB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;QAC3E,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IAEtB,4EAA4E;IAC5E,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/E,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,KAAC,KAAK,CAAC,IAAI,IACT,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,KACR,KAAK,CAAC,KAAK,CAAC,iBACH,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,SAAS,YAErD,KAAC,SAAS,IAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAI,GACnG,CACd,CAAA;AACH,CAAC;AAED,8DAA8D;AAC9D,SAAS,KAAK,CAAC,EAAE,KAAK,EAAqB;IACzC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,wDAAwD;QACxD,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IACjB,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAA2B,SAAS,OAAO,CAAC,KAAK,EAAE,GAAG;IAC9F,MAAM,EACJ,KAAK,GAAG,QAAQ,EAChB,YAAY,EACZ,UAAU,EAAE,WAAW,EACvB,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,MAAM,EACb,QAAQ,EACR,MAAM,EACN,GAAG,EACH,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,kBAAkB,GAAG,eAAe,EACpC,MAAM,EACN,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,CAAC,CAAE,KAAiC,CAAC,QAAQ,CAAC,CAAA;IAC5D,MAAM,QAAQ,GAAG,YAAY,EAAE,QAAQ,IAAI,QAAQ,IAAI,cAAc,CAAA;IACrE,OAAO,CACL,KAAC,KAAK,OACA,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,EAC7D,GAAG,EAAE,GAAG,IAAI,GAAG,EACf,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,MAAM,CAAC,iBAAiB,YAElC,MAAC,KAAK,CAAC,QAAQ,IACb,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,SAAS,CAAC,EACnB,MAAM,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,kBAAkB,KACrB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAEtC,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,KAAC,KAAK,CAAC,IAAI,IACT,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,IAAY,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAA1D,CAAC,CAAC,EAAE,CAA0D,GACnH,IACa,GACX,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}