twenty-ui 2.46.0 → 2.48.0

package/dist/components/code-editor.mjs

@@ -1,198 +1,305 @@
-import { t as n } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-yAk9zrNA.js";
-import { t as oo } from "../Loader-BBMC4fe6.js";
-import { t as ro } from "../ResizeHandle-X2NdHzqt.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 { n as rr, r as er } from "../theme-B2EaXhye.js";
+import { t as or } from "../Loader-DtHWQH8w.js";
+import { n as B, t as tr } from "../ResizeHandle-C1kQ3MYR.js";
+import { useRender as nr } from "@base-ui/react/use-render";
+import { isNumber as H } from "@sniptt/guards";
+import { clsx as $ } from "clsx";
+import { useEffect as p, useId as ir, useState as g } from "react";
+import { Fragment as ar, jsx as s, jsxs as S } from "react/jsx-runtime";
+import { clamp as dr } from "@base-ui/utils/clamp";
+import sr, { loader as lr } from "@monaco-editor/react";
+var ur = "baseCodeEditorTheme", cr = ({ 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), fr = ({ 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), gr = ({ configureMonacoLoader: r, setIsMonacoLoaderConfigured: e }) => (p(() => {
+  let o = !0;
+  return r().then(() => {
+    o && e(!0);
+  }), () => {
+    o = !1;
+  };
+}, [r, e]), null), pr = ({ 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) => dr(r, B.min, B.max), mr = ({ 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;
+}, vr = ({ 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 = "_editorLoader_zilk9_1", uo = "_container_zilk9_20", go = "_editorWrapper_zilk9_24", S = {
-  editorLoader: co,
-  container: uo,
-  editorWrapper: 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(ur, vr({
+    theme: e,
+    colorScheme: o
+  }));
+}, kr = ({ 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), br = ({ height: r, resizableHeight: e, contentHeight: o, shouldUseResizableHeight: t, shouldAutoHeight: i }) => t ? e : i ? o ?? r : r, Cr = ({ 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 = Cr({
+    height: r,
+    resizedHeight: t
+  });
+  return {
+    currentHeight: br({
+      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,
+}, Hr = "_editorWrapper_zilk9_24", Er = "_editorLoader_zilk9_1", _r = "_container_zilk9_20", M = {
+  editorWrapper: Hr,
+  editorLoader: Er,
+  container: _r
+}, F, yr = () => (F ??= import("monaco-editor").then((r) => {
+  lr.config({ monaco: r });
+}), F), Wr = ({ onMount: r, beforeMount: e, setMarkers: o, height: t = 450, width: i = "100%", theme: a, loading: l = /* @__PURE__ */ s(or, {}), variant: u = "default", transparentBackground: f, isLoading: C = !1, options: m, resizable: v = !1, resizeLabel: w = "Resize editor", contentPadding: A = "default", autoHeight: I = !1, containerProps: E, ref: O, ...K }) => {
+  const k = er(), L = rr(), [R, T] = g(), [b, x] = g(), [P, q] = g(!1), [G, U] = g(!1), z = ir(), _ = 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(gr, {
+        configureMonacoLoader: yr,
+        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(mr, {
+        height: t,
+        resizable: v,
+        editor: b,
+        setResizedHeight: J
+      }),
+      /* @__PURE__ */ s(cr, {
+        shouldAutoHeight: X,
+        editor: b,
+        setContentHeight: Q
+      }),
+      /* @__PURE__ */ s(fr, {
+        editor: b,
+        setEditor: x,
+        setMonaco: T,
+        setIsEditorFocused: U
+      }),
+      /* @__PURE__ */ s(pr, {
+        editor: b,
+        monaco: R,
+        setMarkers: o
+      }),
+      /* @__PURE__ */ s(kr, {
+        monaco: R,
+        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: z,
+        className: M.editorWrapper,
+        "data-variant": u,
+        "data-transparent-background": f || void 0,
+        children: /* @__PURE__ */ s(sr, {
+          ...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, N) => {
+            T(N), x(c), r?.(c, N);
           },
           options: {
             formatOnPaste: !0,
             formatOnType: !0,
-            fontFamily: f.code.font.family,
+            fontFamily: k.code.font.family,
             bracketPairColorization: { enabled: !1 },
             overviewRulerLanes: 0,
             scrollBeyondLastLine: !1,
@@ -201,38 +308,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(tr, {
+        "aria-label": w,
+        "aria-controls": z,
+        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,
+}, Mr = "_editorHeader_19qlo_1", Dr = "_elementContainer_19qlo_15", D = {
+  editorHeader: Mr,
+  elementContainer: Dr
+}, wr = ({ title: r, startElement: e, endElement: o, className: t, render: i, ref: a, ...l }) => nr({
+  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(ar, { 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
+  Wr as CodeEditor,
+  wr as CodeEditorHeader
 };

package/dist/components/data-display/StackIcon/StackIcon.d.ts

@@ -0,0 +1,2 @@
+import { StackIconProps } from './types/StackIconProps';
+export declare const StackIcon: ({ icon, stackedIcon, className, render, ref, ...props }: StackIconProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/data-display/StackIcon/types/StackIconProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+export type StackIconProps = Omit<useRender.ComponentProps<'div'>, 'children'> & {
+    icon: ReactNode;
+    stackedIcon: ReactNode;
+};

package/dist/components/data-display/index.d.ts

@@ -10,7 +10,8 @@ export type { JsonTreeProps } from './JsonTree/types/JsonTreeProps';
 export type { ShouldExpandNodeInitiallyProps } from './JsonTree/types/ShouldExpandNodeInitiallyProps';
 export { MetricRow } from './MetricRow/MetricRow';
 export type { MetricRowProps } from './MetricRow/types/MetricRowProps';
-export { NotificationCounter } from './NotificationCounter/NotificationCounter';
+export { StackIcon } from './StackIcon/StackIcon';
+export type { StackIconProps } from './StackIcon/types/StackIconProps';
 export { TintedIconTile } from './TintedIconTile/TintedIconTile';
 export type { TintedIconTileProps } from './TintedIconTile/types/TintedIconTileProps';
 export type { IconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';

package/dist/components/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-Bw-5dsCu.cjs"),o=require("../TintedIconTile-Dp4uH0Up.cjs");exports.AvatarGroup=e.AvatarGroup;exports.CommandBlock=e.CommandBlock;exports.JsonTree=e.JsonTree;exports.MetricRow=e.MetricRow;exports.NotificationCounter=e.NotificationCounter;exports.TintedIconTile=o.TintedIconTile;exports.getIconTileColorShades=o.getIconTileColorShades;
+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;

package/dist/components/data-display.mjs

@@ -1,11 +1,11 @@
-import { a, i as r, n as t, r as e, t as i } from "../data-display-CehSwX8i.js";
-import { n as s, t as m } from "../TintedIconTile-BZgRO7cg.js";
+import { a, i as r, n as t, r as e, t as s } from "../data-display-KyZbLLy-.js";
+import { n as i, t as c } from "../TintedIconTile-4BGa8g8n.js";
 export {
   a as AvatarGroup,
   r as CommandBlock,
   e as JsonTree,
   t as MetricRow,
-  i as NotificationCounter,
-  m as TintedIconTile,
-  s as getIconTileColorShades
+  s as StackIcon,
+  c as TintedIconTile,
+  i as getIconTileColorShades
 };

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

@@ -1,2 +1,2 @@
 import { ToastProps } from './types/ToastProps';
-export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, variant, role, className, onMouseEnter, onMouseLeave, onFocus, onBlur, render, ref, ...props }: ToastProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, status, role, className, onMouseEnter, onMouseLeave, onFocus, onBlur, render, ref, ...props }: ToastProps) => import("react").JSX.Element;

package/dist/components/feedback/Toast/hooks/useToast.d.ts

@@ -4,4 +4,5 @@ export declare const useToast: () => {
         (options: import('../..').ToastOptions | undefined): string | undefined;
     };
     closeToast: (id?: string) => void;
+    updateToast: (changes: import('../..').ToastUpdate) => void;
 };

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

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

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

@@ -0,0 +1,7 @@
+type ToastFocusEffectProps = {
+    element: HTMLDivElement | null;
+    isFocused: boolean;
+    onFocusChange: (isFocused: boolean) => void;
+};
+export declare const ToastFocusEffect: ({ element, isFocused, onFocusChange, }: ToastFocusEffectProps) => null;
+export {};

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

@@ -1,9 +1,10 @@
 type ToastProgressProps = {
     progress?: number;
     duration: number;
+    remainingDuration: number;
+    revision: number;
     isPaused: boolean;
     barColor: string;
-    onClose?: () => void;
 };
-export declare const ToastProgress: ({ progress, duration, isPaused, barColor, onClose, }: ToastProgressProps) => import("react").JSX.Element;
+export declare const ToastProgress: ({ progress, duration, remainingDuration, revision, isPaused, barColor, }: ToastProgressProps) => import("react").JSX.Element | 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;