twenty-ui 2.47.0 → 2.49.0

package/dist/components/code-editor.mjs

@@ -1,198 +1,306 @@
-import { t as n } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-B2EaXhye.js";
-import { t as oo } from "../Loader-DtHWQH8w.js";
-import { t as ro } from "../ResizeHandle-Bjg4R0c-.js";
-import { useRender as eo } from "@base-ui/react/use-render";
-import { clsx as to } from "clsx";
-import { useEffect as E, useId as no, useState as p } from "react";
-import { Fragment as ao, jsx as l, jsxs as x } from "react/jsx-runtime";
-import io, { loader as so } from "@monaco-editor/react";
-var $ = "baseCodeEditorTheme", r = (o) => {
-  if (o.trim() === "transparent") return "#00000000";
-  const t = o.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
-  if (n(t)) {
-    const [, i, c, u, g] = t;
-    if (!n(i) || !n(c) || !n(u)) return o;
-    const a = Math.round(parseFloat(i) * 255).toString(16).padStart(2, "0"), k = Math.round(parseFloat(c) * 255).toString(16).padStart(2, "0"), b = Math.round(parseFloat(u) * 255).toString(16).padStart(2, "0");
-    return n(g) ? `#${a}${k}${b}${Math.round(parseFloat(g) * 255).toString(16).padStart(2, "0")}` : `#${a}${k}${b}`;
+import { t as d } from "../isDefined-fMi6eQ4r.js";
+import { t as rr } from "../doNotTranslate-BSVT8Xyd.js";
+import { n as er, r as or } from "../theme-B2EaXhye.js";
+import { t as tr } from "../Loader-DtHWQH8w.js";
+import { n as B, t as nr } from "../ResizeHandle-B30OYZxS.js";
+import { useRender as ir } from "@base-ui/react/use-render";
+import { isNumber as H } from "@sniptt/guards";
+import { clsx as $ } from "clsx";
+import { useEffect as p, useId as ar, useState as g } from "react";
+import { Fragment as dr, jsx as s, jsxs as S } from "react/jsx-runtime";
+import { clamp as sr } from "@base-ui/utils/clamp";
+import lr, { loader as ur } from "@monaco-editor/react";
+var cr = "baseCodeEditorTheme", fr = ({ shouldAutoHeight: r, editor: e, setContentHeight: o }) => (p(() => {
+  if (!r || !d(e)) {
+    o(void 0);
+    return;
   }
-  return o;
-}, lo = (o, t) => ({
-  base: t === "dark" ? "vs-dark" : "vs",
+  const t = () => {
+    const a = e.getContentHeight();
+    !Number.isFinite(a) || a <= 0 || o(a);
+  };
+  t();
+  const i = e.onDidContentSizeChange(t);
+  return () => i.dispose();
+}, [
+  e,
+  r,
+  o
+]), null), gr = ({ editor: r, setEditor: e, setMonaco: o, setIsEditorFocused: t }) => (p(() => {
+  if (!d(r)) {
+    t(!1);
+    return;
+  }
+  t(r.hasWidgetFocus());
+  const i = [
+    r.onDidFocusEditorWidget(() => t(!0)),
+    r.onDidBlurEditorWidget(() => t(!1)),
+    r.onDidDispose(() => {
+      e(void 0), o(void 0);
+    })
+  ];
+  return () => {
+    for (const a of i) a.dispose();
+  };
+}, [
+  r,
+  e,
+  o,
+  t
+]), null), pr = ({ configureMonacoLoader: r, setIsMonacoLoaderConfigured: e }) => (p(() => {
+  let o = !0;
+  return r().then(() => {
+    o && e(!0);
+  }), () => {
+    o = !1;
+  };
+}, [r, e]), null), mr = ({ editor: r, monaco: e, setMarkers: o }) => (p(() => {
+  if (!d(r) || !d(e) || !d(o)) return;
+  const t = () => {
+    const a = r.getModel();
+    d(a) && e.editor.setModelMarkers(a, "customMarker", o(a.getValue()));
+  };
+  t();
+  const i = [r.onDidChangeModel(t), r.onDidChangeModelContent(t)];
+  return () => {
+    for (const a of i) a.dispose();
+  };
+}, [
+  r,
+  e,
+  o
+]), null), j = (r) => sr(r, B.min, B.max), vr = ({ height: r, resizable: e, editor: o, setResizedHeight: t }) => (p(() => {
+  if (!e || !d(o)) return;
+  const i = o.getContainerDomNode().parentElement?.getBoundingClientRect().height;
+  !d(i) || i <= 0 || t({
+    sourceHeight: r,
+    value: j(i)
+  });
+}, [
+  o,
+  r,
+  e,
+  t
+]), null), n = (r) => {
+  if (r.trim() === "transparent") return "#00000000";
+  const e = r.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
+  if (d(e)) {
+    const [, o, t, i, a] = e;
+    if (!d(o) || !d(t) || !d(i)) return r;
+    const l = Math.round(parseFloat(o) * 255).toString(16).padStart(2, "0"), u = Math.round(parseFloat(t) * 255).toString(16).padStart(2, "0"), f = Math.round(parseFloat(i) * 255).toString(16).padStart(2, "0");
+    return d(a) ? `#${l}${u}${f}${Math.round(parseFloat(a) * 255).toString(16).padStart(2, "0")}` : `#${l}${u}${f}`;
+  }
+  return r;
+}, kr = ({ theme: r, colorScheme: e }) => ({
+  base: e === "dark" ? "vs-dark" : "vs",
   inherit: !0,
   rules: [
     {
       token: "",
-      foreground: r(o.font.color.secondary)
+      foreground: n(r.font.color.secondary)
     },
     {
       token: "keyword",
-      foreground: r(o.color.pink11)
+      foreground: n(r.color.pink11)
     },
     {
       token: "keyword.control",
-      foreground: r(o.color.pink11)
+      foreground: n(r.color.pink11)
     },
     {
       token: "keyword.json",
-      foreground: r(o.color.orange11)
+      foreground: n(r.color.orange11)
     },
     {
       token: "number",
-      foreground: r(o.color.orange11)
+      foreground: n(r.color.orange11)
     },
     {
       token: "number.json",
-      foreground: r(o.color.orange11)
+      foreground: n(r.color.orange11)
     },
     {
       token: "regexp",
-      foreground: r(o.color.orange11)
+      foreground: n(r.color.orange11)
     },
     {
       token: "type",
-      foreground: r(o.color.green11)
+      foreground: n(r.color.green11)
     },
     {
       token: "attribute.name",
-      foreground: r(o.color.blue11)
+      foreground: n(r.color.blue11)
     },
     {
       token: "tag",
-      foreground: r(o.color.pink11)
+      foreground: n(r.color.pink11)
     },
     {
       token: "string",
-      foreground: r(o.color.green11)
+      foreground: n(r.color.green11)
     },
     {
       token: "string.key.json",
-      foreground: r(o.color.blue11)
+      foreground: n(r.color.blue11)
     },
     {
       token: "delimiter",
-      foreground: r(o.font.color.light)
+      foreground: n(r.font.color.light)
     },
     {
       token: "delimiter.bracket.json",
-      foreground: r(o.font.color.light)
+      foreground: n(r.font.color.light)
     },
     {
       token: "string.value.json",
-      foreground: r(o.color.green11)
+      foreground: n(r.color.green11)
     },
     {
       token: "comment",
-      foreground: r(o.font.color.light),
+      foreground: n(r.font.color.light),
       fontStyle: "italic"
     }
   ],
   colors: {
-    "editor.background": r("transparent"),
-    "editor.foreground": r(o.font.color.secondary),
-    "editorCursor.foreground": r(o.font.color.primary),
-    "editorLineNumber.foreground": r(o.font.color.extraLight),
-    "editorLineNumber.activeForeground": r(o.font.color.light),
-    "editor.lineHighlightBackground": r(o.background.tertiary),
-    "editor.selectionBackground": r(o.background.transparent.blue),
-    "editor.inactiveSelectionBackground": r(o.background.transparent.light),
-    "editorIndentGuide.background1": r(o.border.color.light),
-    "editorIndentGuide.activeBackground1": r(o.border.color.medium),
-    "editorBracketMatch.background": r(o.background.transparent.light),
-    "editorBracketMatch.border": r(o.border.color.medium)
+    "editor.background": n("transparent"),
+    "editor.foreground": n(r.font.color.secondary),
+    "editorCursor.foreground": n(r.font.color.primary),
+    "editorLineNumber.foreground": n(r.font.color.extraLight),
+    "editorLineNumber.activeForeground": n(r.font.color.light),
+    "editor.lineHighlightBackground": n(r.background.tertiary),
+    "editor.selectionBackground": n(r.background.transparent.blue),
+    "editor.inactiveSelectionBackground": n(r.background.transparent.light),
+    "editorIndentGuide.background1": n(r.border.color.light),
+    "editorIndentGuide.activeBackground1": n(r.border.color.medium),
+    "editorBracketMatch.background": n(r.background.transparent.light),
+    "editorBracketMatch.border": n(r.border.color.medium)
   }
-}), co = "_editorWrapper_zilk9_24", uo = "_editorLoader_zilk9_1", go = "_container_zilk9_20", S = {
-  editorWrapper: co,
-  editorLoader: uo,
-  container: go
-}, z, fo = () => (z ??= import("monaco-editor").then((o) => {
-  so.config({ monaco: o });
-}), z), I = (o, t, i) => {
-  o.editor.defineTheme($, lo(t, i)), o.editor.setTheme($);
-}, So = ({ value: o, language: t, onMount: i, onChange: c, setMarkers: u, onValidate: g, height: a = 450, variant: k = "default", transparentBackground: b, isLoading: j = !1, options: O, resizable: y = !1, resizeLabel: P = "Resize editor", contentPadding: w = "default", autoHeight: R = !1 }) => {
-  const f = Z(), _ = Y(), [h, W] = p(void 0), [m, A] = p(void 0), [V, F] = p(!1), [q, G] = p(!1), [K, T] = p(void 0), [B, J] = p(typeof a == "number" ? a : 450), D = no(), M = R && !y, H = typeof f.spacingMultiplicator == "number" ? f.spacingMultiplicator * 4 : void 0, C = M ? K ?? a : y ? B : a, Q = {
-    ...w === "comfortable" ? { lineDecorationsWidth: H } : {},
-    padding: {
-      bottom: H,
-      top: H
-    }
-  }, { padding: mo, ...U } = O ?? {}, N = (e, d) => {
-    const s = e?.getModel();
-    if (!n(s)) return;
-    const v = u?.(s.getValue());
-    n(v) && d?.editor.setModelMarkers(s, "customMarker", v);
-  }, X = (e) => {
-    V && e.stopPropagation();
+}), W = ({ monaco: r, theme: e, colorScheme: o }) => {
+  r.editor.defineTheme(cr, kr({
+    theme: e,
+    colorScheme: o
+  }));
+}, br = ({ monaco: r, theme: e, colorScheme: o, editorTheme: t }) => (p(() => {
+  d(r) && (W({
+    monaco: r,
+    theme: e,
+    colorScheme: o
+  }), r.editor.setTheme(t));
+}, [
+  o,
+  t,
+  r,
+  e
+]), null), Cr = ({ height: r, resizableHeight: e, contentHeight: o, shouldUseResizableHeight: t, shouldAutoHeight: i }) => t ? e : i ? o ?? r : r, hr = ({ height: r, resizedHeight: e }) => e?.sourceHeight === r ? e.value : H(r) ? j(r) : 450, Hr = ({ height: r, resizable: e, autoHeight: o }) => {
+  const [t, i] = g(), [a, l] = g(), u = o && !e, f = t?.sourceHeight === r, C = e && (f || H(r)), m = hr({
+    height: r,
+    resizedHeight: t
+  });
+  return {
+    currentHeight: Cr({
+      height: r,
+      resizableHeight: m,
+      contentHeight: a,
+      shouldUseResizableHeight: C,
+      shouldAutoHeight: u
+    }),
+    resizableHeight: m,
+    setResizableHeight: (v) => {
+      i({
+        sourceHeight: r,
+        value: v
+      });
+    },
+    setResizedHeight: i,
+    setContentHeight: l,
+    shouldAutoHeight: u
   };
-  return E(() => {
-    let e = !0;
-    return fo().then(() => {
-      e && G(!0);
-    }), () => {
-      e = !1;
-    };
-  }, []), E(() => {
-    n(h) && I(h, f, _);
-  }, [
-    _,
-    h,
-    f
-  ]), E(() => {
-    if (!M || !n(m)) {
-      T(void 0);
-      return;
-    }
-    const e = () => {
-      const s = m.getContentHeight();
-      !Number.isFinite(s) || s <= 0 || T((v) => v === s ? v : s);
-    };
-    e();
-    const d = m.onDidContentSizeChange(e);
-    return () => {
-      d.dispose();
-    };
-  }, [m, M]), j || !q ? /* @__PURE__ */ l("div", {
-    className: S.editorLoader,
-    "data-variant": k,
-    style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
-    children: /* @__PURE__ */ l(oo, {})
-  }) : /* @__PURE__ */ x("div", {
-    className: S.container,
-    onKeyDown: X,
+}, Er = "_editorWrapper_zilk9_24", _r = "_editorLoader_zilk9_1", yr = "_container_zilk9_20", M = {
+  editorWrapper: Er,
+  editorLoader: _r,
+  container: yr
+}, F, Mr = () => (F ??= import("monaco-editor").then((r) => {
+  ur.config({ monaco: r });
+}), F), Ar = ({ onMount: r, beforeMount: e, setMarkers: o, height: t = 450, width: i = "100%", theme: a, loading: l = /* @__PURE__ */ s(tr, {}), variant: u = "default", transparentBackground: f, isLoading: C = !1, options: m, resizable: v = !1, resizeLabel: w = rr("Resize editor"), contentPadding: A = "default", autoHeight: I = !1, containerProps: E, ref: O, ...K }) => {
+  const k = or(), L = er(), [T, N] = g(), [b, R] = g(), [P, q] = g(!1), [G, U] = g(!1), x = ar(), _ = a ?? m?.theme ?? "baseCodeEditorTheme", { currentHeight: h, resizableHeight: V, setResizableHeight: Z, setResizedHeight: J, setContentHeight: Q, shouldAutoHeight: X } = Hr({
+    height: t,
+    resizable: v,
+    autoHeight: I
+  }), y = H(k.spacingMultiplicator) ? k.spacingMultiplicator * 4 : void 0, Y = (c) => {
+    E?.onKeyDown?.(c), G && c.stopPropagation();
+  };
+  return /* @__PURE__ */ S("div", {
+    role: "group",
+    ...E,
+    ref: O,
+    className: $(M.container, E?.className),
+    onKeyDown: Y,
     children: [
-      /* @__PURE__ */ l("input", {
-        type: "hidden",
-        "data-testid": "code-editor-value",
-        value: o ?? "",
-        readOnly: !0
+      /* @__PURE__ */ s(pr, {
+        configureMonacoLoader: Mr,
+        setIsMonacoLoaderConfigured: q
       }),
-      /* @__PURE__ */ l("div", {
-        id: D,
-        className: S.editorWrapper,
-        "data-variant": k,
-        "data-transparent-background": b || void 0,
-        children: /* @__PURE__ */ l(io, {
-          height: C,
-          value: o,
-          language: t,
-          loading: "",
-          onMount: (e, d) => {
-            W(d), A(e), I(d, f, _), e.onDidFocusEditorWidget(() => {
-              F(!0);
-            }), e.onDidBlurEditorWidget(() => {
-              F(!1);
-            }), i?.(e, d), N(e, d);
-          },
-          onChange: (e) => {
-            n(e) && (c?.(e), N(m, h));
+      /* @__PURE__ */ s(vr, {
+        height: t,
+        resizable: v,
+        editor: b,
+        setResizedHeight: J
+      }),
+      /* @__PURE__ */ s(fr, {
+        shouldAutoHeight: X,
+        editor: b,
+        setContentHeight: Q
+      }),
+      /* @__PURE__ */ s(gr, {
+        editor: b,
+        setEditor: R,
+        setMonaco: N,
+        setIsEditorFocused: U
+      }),
+      /* @__PURE__ */ s(mr, {
+        editor: b,
+        monaco: T,
+        setMarkers: o
+      }),
+      /* @__PURE__ */ s(br, {
+        monaco: T,
+        theme: k,
+        colorScheme: L,
+        editorTheme: _
+      }),
+      C || !P ? /* @__PURE__ */ s("div", {
+        className: M.editorLoader,
+        "data-variant": u,
+        style: {
+          width: i,
+          "--code-editor-height": H(h) ? `${h}px` : h
+        },
+        children: l
+      }) : /* @__PURE__ */ s("div", {
+        id: x,
+        className: M.editorWrapper,
+        "data-variant": u,
+        "data-transparent-background": f || void 0,
+        children: /* @__PURE__ */ s(lr, {
+          ...K,
+          height: h,
+          width: i,
+          theme: _,
+          loading: l,
+          beforeMount: (c) => {
+            W({
+              monaco: c,
+              theme: k,
+              colorScheme: L
+            }), e?.(c);
           },
-          onValidate: (e) => {
-            g?.(e);
+          onMount: (c, z) => {
+            N(z), R(c), r?.(c, z);
           },
           options: {
             formatOnPaste: !0,
             formatOnType: !0,
-            fontFamily: f.code.font.family,
+            fontFamily: k.code.font.family,
             bracketPairColorization: { enabled: !1 },
             overviewRulerLanes: 0,
             scrollBeyondLastLine: !1,
@@ -201,38 +309,43 @@ var $ = "baseCodeEditorTheme", r = (o) => {
               horizontal: "hidden"
             },
             minimap: { enabled: !1 },
-            ...U,
-            ...Q
+            ...A === "comfortable" ? { lineDecorationsWidth: y } : {},
+            padding: {
+              bottom: y,
+              top: y
+            },
+            ...m,
+            theme: _
           }
         })
       }),
-      y && /* @__PURE__ */ l(ro, {
-        "aria-label": P,
-        "aria-controls": D,
-        value: B,
-        onValueChange: J
+      v && !C && d(b) && /* @__PURE__ */ s(nr, {
+        "aria-label": w,
+        "aria-controls": x,
+        value: V,
+        onValueChange: Z
       })
     ]
   });
-}, po = "_editorHeader_19qlo_1", ko = "_elementContainer_19qlo_15", L = {
-  editorHeader: po,
-  elementContainer: ko
-}, Lo = ({ title: o, startElement: t, endElement: i, className: c, render: u, ref: g, ...a }) => eo({
-  render: u,
-  ref: g,
+}, Dr = "_editorHeader_19qlo_1", Sr = "_elementContainer_19qlo_15", D = {
+  editorHeader: Dr,
+  elementContainer: Sr
+}, Ir = ({ title: r, startElement: e, endElement: o, className: t, render: i, ref: a, ...l }) => ir({
+  render: i,
+  ref: a,
   props: {
-    ...a,
-    className: to(L.editorHeader, c),
-    children: /* @__PURE__ */ x(ao, { children: [/* @__PURE__ */ x("div", {
-      className: L.elementContainer,
-      children: [t, o]
-    }), /* @__PURE__ */ l("div", {
-      className: L.elementContainer,
-      children: i
+    ...l,
+    className: $(D.editorHeader, t),
+    children: /* @__PURE__ */ S(dr, { children: [/* @__PURE__ */ S("div", {
+      className: D.elementContainer,
+      children: [e, r]
+    }), /* @__PURE__ */ s("div", {
+      className: D.elementContainer,
+      children: o
     })] })
   }
 });
 export {
-  So as CodeEditor,
-  Lo as CodeEditorHeader
+  Ar as CodeEditor,
+  Ir as CodeEditorHeader
 };

package/dist/components/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-DjhAHvj1.cjs"),o=require("../TintedIconTile-CU2hCerq.cjs");exports.AvatarGroup=e.AvatarGroup;exports.CommandBlock=e.CommandBlock;exports.JsonTree=e.JsonTree;exports.MetricRow=e.MetricRow;exports.StackIcon=e.StackIcon;exports.TintedIconTile=o.TintedIconTile;exports.getIconTileColorShades=o.getIconTileColorShades;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-XV3ht1rC.cjs"),o=require("../TintedIconTile-DO1XJXCQ.cjs");exports.AvatarGroup=e.AvatarGroup;exports.CommandBlock=e.CommandBlock;exports.JsonTree=e.JsonTree;exports.MetricRow=e.MetricRow;exports.StackIcon=e.StackIcon;exports.TintedIconTile=o.TintedIconTile;exports.getIconTileColorShades=o.getIconTileColorShades;

package/dist/components/data-display.mjs

@@ -1,5 +1,5 @@
-import { a, i as r, n as t, r as e, t as s } from "../data-display-DU3G8ZyI.js";
-import { n as i, t as c } from "../TintedIconTile-4BGa8g8n.js";
+import { a, i as r, n as t, r as e, t as s } from "../data-display-BtXCGOGw.js";
+import { n as i, t as c } from "../TintedIconTile-B1XDtGrF.js";
 export {
   a as AvatarGroup,
   r as CommandBlock,

package/dist/components/feedback/Toast/internal/components/ToastCountdownEffect.d.ts

@@ -1,9 +1,10 @@
 import { ToastProps } from '../../types/ToastProps';
-import { createToastCountdown } from '../utils/createToastCountdown';
+import { createToastCountdownStore } from '../utils/createToastCountdownStore';
 type ToastCountdownEffectProps = Pick<ToastProps, 'progress' | 'onClose'> & {
-    clock: ReturnType<typeof createToastCountdown>;
+    clock: ReturnType<typeof createToastCountdownStore>;
+    onClockChange: (clock: ReturnType<typeof createToastCountdownStore>) => void;
     duration: number;
     isPaused: boolean;
 };
-export declare const ToastCountdownEffect: ({ clock, duration, progress, isPaused, onClose, }: ToastCountdownEffectProps) => null;
+export declare const ToastCountdownEffect: ({ clock, onClockChange, duration, progress, isPaused, onClose, }: ToastCountdownEffectProps) => null;
 export {};

package/dist/components/feedback/Toast/internal/components/ToastProviderLifecycleEffect.d.ts

@@ -0,0 +1,3 @@
+export declare const ToastProviderLifecycleEffect: ({ limit }: {
+    limit: number;
+}) => null;

package/dist/components/feedback/Toast/internal/constants/DefaultToastDuration.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_TOAST_DURATION = 6000;

package/dist/components/feedback/Toast/internal/contexts/ToastContext.d.ts

@@ -1 +1,60 @@
-export declare const ToastContext: import('react').Context<import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState> | undefined>;
+export declare const ToastContext: import('react').Context<(import('@base-ui/utils/store').Store<import('../types/ToastStoreState').ToastStoreState> & {
+    lifecycle: {
+        mount: () => () => void;
+        isActive: () => boolean;
+        getCountdown: (id: string) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        } | undefined;
+        updateRenderer: ({ id, key, configuration, }: {
+            id: string;
+            key: symbol;
+            configuration: {
+                duration?: number;
+                isProgress?: boolean;
+                isPaused: boolean;
+            };
+        }) => {
+            getSnapshot: () => {
+                duration: number;
+                remainingDuration: number;
+                revision: number;
+                isPaused: boolean;
+            };
+            subscribe: (listener: () => void) => () => void;
+            update: (nextConfiguration: {
+                duration: number;
+                durationRevision: number;
+                isPaused: boolean;
+                isProgress: boolean;
+                isActive: boolean;
+                onClose?: () => void;
+            }) => void;
+            close: () => void;
+            stop: () => void;
+        };
+        removeRenderer: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+        finishExit: ({ id, key }: {
+            id: string;
+            key: symbol;
+        }) => void;
+    };
+}) | undefined>;

package/dist/components/feedback/Toast/internal/contexts/ToastTimingContext.d.ts

@@ -1,4 +1,14 @@
-export declare const ToastTimingContext: import('react').Context<{
+import { createToastLifecycle } from '../utils/createToastLifecycle';
+type ToastTiming = {
     durationRevision: number;
     isActive: boolean;
-}>;
+    lifecycle?: ReturnType<typeof createToastLifecycle>;
+    id?: string;
+    rendererKey?: symbol;
+    timingOverrides?: {
+        duration?: number;
+        progress?: number;
+    };
+};
+export declare const ToastTimingContext: import('react').Context<ToastTiming>;
+export {};