@nuee/ui 0.4.1 → 0.5.0

package/dist/toast.js

@@ -1,386 +1,124 @@
+"use client";
+
 // src/toast.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { CheckCircleIcon, InfoIcon, WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
 import * as stylex from "@stylexjs/stylex";
-import { useLayoutEffect, useRef, useState } from "react";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
 
-// src/Icon.tsx
-import {
-  ArrowDownIcon,
-  ArrowSquareOutIcon,
-  ArrowsDownUpIcon,
-  ArrowUpIcon,
-  CalendarIcon,
-  CaretDoubleLeftIcon,
-  CaretDoubleRightIcon,
-  CaretDownIcon,
-  CaretLeftIcon,
-  CaretRightIcon,
-  CaretUpIcon,
-  CaretUpDownIcon,
-  CheckCircleIcon,
-  CheckIcon,
-  ChecksIcon,
-  ClockIcon,
-  ColumnsIcon,
-  CopyIcon,
-  DotsThreeIcon,
-  EyeSlashIcon,
-  FileIcon,
-  FolderIcon,
-  FunnelIcon,
-  GitBranchIcon,
-  InfoIcon,
-  ListIcon,
-  MagnifyingGlassIcon,
-  MicrophoneIcon,
-  PaperclipIcon,
-  DownloadSimpleIcon,
-  StopIcon,
-  WarningIcon,
-  WrenchIcon,
-  XCircleIcon,
-  XIcon
-} from "@phosphor-icons/react";
-import { jsx } from "react/jsx-runtime";
-var iconRegistry = {
-  close: XIcon,
-  chevronDown: CaretDownIcon,
-  chevronLeft: CaretLeftIcon,
-  chevronRight: CaretRightIcon,
-  chevronUp: CaretUpIcon,
-  chevronsLeft: CaretDoubleLeftIcon,
-  chevronsRight: CaretDoubleRightIcon,
-  caretUpDown: CaretUpDownIcon,
-  check: CheckIcon,
-  success: CheckCircleIcon,
-  error: XCircleIcon,
-  warning: WarningIcon,
-  info: InfoIcon,
-  calendar: CalendarIcon,
-  clock: ClockIcon,
-  externalLink: ArrowSquareOutIcon,
-  menu: ListIcon,
-  moreHorizontal: DotsThreeIcon,
-  search: MagnifyingGlassIcon,
-  arrowUp: ArrowUpIcon,
-  arrowDown: ArrowDownIcon,
-  arrowsUpDown: ArrowsDownUpIcon,
-  funnel: FunnelIcon,
-  eyeSlash: EyeSlashIcon,
-  viewColumns: ColumnsIcon,
-  copy: CopyIcon,
-  checkDouble: ChecksIcon,
-  wrench: WrenchIcon,
-  stop: StopIcon,
-  microphone: MicrophoneIcon,
-  folder: FolderIcon,
-  file: FileIcon,
-  paperclip: PaperclipIcon,
-  download: DownloadSimpleIcon,
-  branch: GitBranchIcon
+// src/toast.stylex.ts
+var toastViewportVars = {
+  contentMinHeight: "var(--xn871nm)",
+  clearActionOffset: "var(--xyn76sd)",
+  clearActionOpacity: "var(--x1gcu4wa)",
+  clearActionPointerEvents: "var(--x1l1fjul)",
+  stackPointerEvents: "var(--xj53u9u)",
+  __varGroupHash__: "x2h7wh3"
 };
-function Icon({ name, weight = "regular", ...props2 }) {
-  const IconComponent = iconRegistry[name];
-  return /* @__PURE__ */ jsx(IconComponent, { ...props2, weight });
-}
 
-// src/toast.tsx
-import { spacingVars } from "@nuee/tokens/semantic.stylex";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var styles = {
-  viewport: {
-    ks0D6T: "xowlazn",
-    kI3sdo: "x1a2a7pz",
-    kfzvcC: "x47corl",
-    kVAEAm: "xixxii4",
-    kzqmXN: "xjdehy0",
-    kY2c9j: "x6y048q",
-    "--xj53u9u": "xeffijn xac14zw",
-    "--x170ifs3": "x1jm5hub xsbdbit",
-    "--xzgjp8e": "x1scyh3n xptpqrj",
+// src/typography.ts
+var typographyStyles = {
+  body: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x1dmpjil",
+    k63SB2: "xgtczyh",
+    kLWn49: "xi1fz51",
     $$css: true
   },
-  viewportTop: {
-    k87sOh: "xs8ca6r",
+  description: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "xgtczyh",
+    kLWn49: "xi1fz51",
     $$css: true
   },
-  viewportBottom: {
-    krVfgx: "x19hvrdr",
+  caption: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x131ut49",
+    k63SB2: "xgtczyh",
+    kLWn49: "xi1fz51",
     $$css: true
   },
-  viewportLeft: {
-    kbCHJM: "x19f49xq",
+  label: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "x1v899x5",
+    kLWn49: "xi1fz51",
     $$css: true
   },
-  viewportCenter: {
-    kbCHJM: "x1nrll8i",
-    k3aq6I: "xuuh30",
+  title: {
+    kMv6JI: "x1fe00qh",
+    kGuDYH: "x99mhxu",
+    k63SB2: "x1v899x5",
+    kLWn49: "x1hfsx4t",
     $$css: true
   },
-  viewportRight: {
-    kCIrl2: "xpg08jz",
+  page: {
+    kMv6JI: "xfhuv4h",
+    kGuDYH: "x11icns7",
+    k63SB2: "xq1ytqg",
+    kLWn49: "x1hfsx4t",
     $$css: true
   },
-  stack: {
-    krVfgx: "x1ey2m1c",
-    kbCHJM: "xu96u03",
-    kfzvcC: "xt0hzig",
-    kVAEAm: "x10l6tqk",
-    kCIrl2: "x3m8u43",
+  section: {
+    kMv6JI: "xfhuv4h",
+    kGuDYH: "x1owaoya",
+    k63SB2: "xq1ytqg",
+    kLWn49: "x1hfsx4t",
     $$css: true
   },
-  stackTop: {
-    krVfgx: "xdd4er5",
-    k87sOh: "x13vifvy",
+  subsection: {
+    kMv6JI: "xfhuv4h",
+    kGuDYH: "x1dmpjil",
+    k63SB2: "xq1ytqg",
+    kLWn49: "x1hfsx4t",
     $$css: true
-  },
-  root: {
-    kWkggS: "x1sgh50o",
-    kVAM5u: "x13xm7is",
-    kaIpWk: "x7c24we",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "xzgztj1",
-    krVfgx: "x1ey2m1c",
-    kGVxlE: "x1juquzk",
-    kMwMTN: "x1alews2",
-    kZKoxP: "x4a9ltk",
-    kI3sdo: "x1a2a7pz",
-    kVQacm: "xb3r6kr",
-    kfzvcC: "x67bb7w",
-    kVAEAm: "x10l6tqk",
-    kbCHJM: "xu96u03",
-    kCIrl2: "x3m8u43",
-    k3aq6I: "x192b8fm",
-    k3nNDw: "xm4efwp",
-    kmkexE: "x1fye3y2",
-    kfSwDN: "x87ps6o",
-    kzqmXN: "xh8yej3",
-    k6sLGO: "x1so62im",
-    kY2c9j: "x1l48cz2",
-    k5JduY: "x1s928wv",
-    k4zj60: "x3nd85q",
-    kH8cDV: "x17cx49",
-    kwXMNM: "x1j6awrg",
-    k3foIR: "x1srwf7z",
-    kkgrvl: "x4eaejv",
-    kZs9gx: "x7yqiub",
-    kiEn40: "x1q375v2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    kTrA0T: "xnbj6on",
-    kfkD4s: "x1pn4af4",
-    kBPcrh: "x1awh1os",
-    keMjcj: "x1a042xe",
-    k4F3UM: "xlq082z",
-    krwDK1: "xm69ghq",
-    kJcGZN: "x1llxi74",
-    kWGbKe: "x1i389j4",
-    kMqVnt: "x1gqblgl",
-    kkOw2F: "x1yzz94r",
-    k9qGvA: "xkjqs5f",
-    kNwbpG: "x17lkgwk",
-    kAHiuG: "xmpnhxk",
-    krnjz7: "x1v5215y",
-    k6CgDc: "x1yjfzay",
-    kahdpk: "xks8tqp",
-    k7DTxh: "x1ymz01m",
+  }
+};
+
+// src/toast.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var _temp3 = {
+  krVfgx: "x1ey2m1c",
+  k1C7PZ: "x6bhqzj",
+  kbCHJM: "xu96u03",
+  kfzvcC: "xt0hzig",
+  kVAEAm: "x10l6tqk",
+  kCIrl2: "x3m8u43",
+  "$$css": true
+};
+var styles = {
+  stack: (height) => [_temp3, {
+    kZKoxP: height != null ? "x16ye13r" : height,
     $$css: true
-  },
-  rootTop: {
+  }, {
+    "--x-height": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(height)
+  }],
+  stackTop: {
     krVfgx: "xdd4er5",
     k87sOh: "x13vifvy",
-    k3aq6I: "x1pniplx",
-    k3nNDw: "xtj8gnn",
-    kBPcrh: "xrdgflj",
-    kWGbKe: "xv51xxh",
-    kkOw2F: "x18p6d6d",
-    kAHiuG: "x1hdwxx3",
-    krnjz7: "xhkt67u",
-    kahdpk: "x1rxji30",
-    k7DTxh: "x1ws6grc",
-    $$css: true
-  },
-  content: {
-    kGNEyG: "x6s0dn4",
-    k1xSpc: "x78zum5",
-    kOIVth: "xmtacc2",
-    kZKoxP: "x5yr21d",
-    kAzted: "xyvwee0",
-    kVQacm: "xb3r6kr",
-    kmVPX3: "xkm8lt0",
-    kVAEAm: "x1n2onr6",
-    kIyJzY: "x1ial40k",
-    k1ekBW: "x19991ni",
-    khG6SB: "x14vjn7q",
-    kLv8QS: "x14cldyx",
-    $$css: true
-  },
-  message: {
-    k1xSpc: "x78zum5",
-    kUk6DE: "x98rzlu",
-    kXwgrk: "xdt5ytf",
-    kOIVth: "x1kr9b5u",
-    k7Eaqz: "xeuugli",
     $$css: true
   },
   title: {
-    kGuDYH: "x99mhxu",
-    k63SB2: "x1v899x5",
-    kLWn49: "x1hfsx4t",
     kogj98: "x1ghz6dp",
     $$css: true
   },
   description: {
     kMwMTN: "x1ry1pnm",
-    kGuDYH: "x99mhxu",
-    kLWn49: "xi1fz51",
     kogj98: "x1ghz6dp",
     $$css: true
-  },
-  statusIcon: {
-    kGNEyG: "x6s0dn4",
-    kSGwAc: "xqcrz7y",
-    k1xSpc: "x3nfvp2",
-    kmuXW: "x2lah0s",
-    kZKoxP: "xswfmaf",
-    kjj79g: "xl56j7k",
-    keoZOQ: "xsj8jdm",
-    kzqmXN: "xmkpuva",
-    $$css: true
-  },
-  default: {
-    kMwMTN: "x1ry1pnm",
-    $$css: true
-  },
-  success: {
-    kMwMTN: "x6pgtun",
-    $$css: true
-  },
-  info: {
-    kMwMTN: "x4u89p0",
-    $$css: true
-  },
-  warning: {
-    kMwMTN: "x1vhcv9p",
-    $$css: true
-  },
-  error: {
-    kMwMTN: "xm777y0",
-    $$css: true
-  },
-  loading: {
-    kMwMTN: "x1ry1pnm",
-    $$css: true
-  },
-  loadingIcon: {
-    k44tkh: "xof6966",
-    ko0y90: "xa4qsjk",
-    kKVMdj: "xpedhrg",
-    kyAemX: "x1esw782",
-    kVAM5u: "x13xm7is",
-    kaIpWk: "x9gkxt8",
-    k26BEO: "x18v6yaz",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "x1shk7dx",
-    kmuXW: "x2lah0s",
-    kZKoxP: "xswfmaf",
-    kzqmXN: "xmkpuva",
-    kkDQuc: "xfs3gwd",
-    $$css: true
-  },
-  action: {
-    kysU6D: "xjyslct",
-    kWkggS: "x8m6yc2",
-    kVAM5u: "x13xm7is",
-    kaIpWk: "x7c24we",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "xzgztj1",
-    kMwMTN: "x1alews2",
-    kkrTdU: "x1ypdohk",
-    kmuXW: "x2lah0s",
-    kMv6JI: "x14e0hi7",
-    kGuDYH: "x131ut49",
-    k63SB2: "x1v899x5",
-    kZKoxP: "xb8l8e1",
-    kI3sdo: "x1a2a7pz",
-    kg3NbH: "xdaxh69",
-    kGzVvX: "x1o026c7",
-    kZs9gx: "x7yqiub",
-    kiEn40: "x1q375v2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    $$css: true
-  },
-  close: {
-    kGNEyG: "x6s0dn4",
-    kysU6D: "xjyslct",
-    kWkggS: "xjbqb8w",
-    kVAM5u: "x9r1u3d",
-    kaIpWk: "x7c24we",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "xzgztj1",
-    kMwMTN: "x1ry1pnm",
-    kkrTdU: "x1ypdohk",
-    k1xSpc: "x3nfvp2",
-    kmuXW: "x2lah0s",
-    kZKoxP: "xb8l8e1",
-    kjj79g: "xl56j7k",
-    kI3sdo: "x1a2a7pz",
-    kzqmXN: "xh29eag",
-    kGzVvX: "x1o026c7",
-    kDPRdz: "x3s8dm3",
-    kZs9gx: "x7yqiub",
-    kiEn40: "x1q375v2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    $$css: true
-  },
-  clearAll: {
-    kysU6D: "xjyslct",
-    kWkggS: "x13hkpcx",
-    kVAM5u: "x13xm7is",
-    ksu8eU: "x1y0btm7",
-    kaIpWk: "x7c24we",
-    kMzoRj: "xzgztj1",
-    kMwMTN: "x1ry1pnm",
-    kkrTdU: "x1ypdohk",
-    kMv6JI: "x14e0hi7",
-    kGuDYH: "x131ut49",
-    k63SB2: "x1v899x5",
-    kZKoxP: "xb8l8e1",
-    kI3sdo: "x1a2a7pz",
-    k8WAf4: "x15cgg",
-    kg3NbH: "x1cot6zx",
-    kSiTet: "x1o2uyhu",
-    kfzvcC: "x3dtjyh",
-    kVAEAm: "x10l6tqk",
-    kCIrl2: "x3m8u43",
-    k87sOh: "x13vifvy",
-    kY2c9j: "x1bkdxzg",
-    kGzVvX: "xh3kehl",
-    kDPRdz: "x3s8dm3",
-    kZs9gx: "x7yqiub",
-    kiEn40: "x1q375v2",
-    k7shQP: "x9v5kkp",
-    kPJHz1: "x11ci167",
-    $$css: true
-  },
-  clearAllTop: {
-    krVfgx: "x1ey2m1c",
-    k87sOh: "x80663w",
-    $$css: true
   }
 };
 var toast = ToastPrimitive.createToastManager();
 var toastIcons = {
-  success: "success",
-  info: "info",
-  warning: "warning",
-  error: "error"
+  success: CheckCircleIcon,
+  info: InfoIcon,
+  warning: WarningIcon,
+  error: XCircleIcon
 };
 function ToastStatusIcon(t0) {
-  const $ = _c(8);
+  const $ = _c(4);
   const {
     type
   } = t0;
@@ -390,80 +128,128 @@ function ToastStatusIcon(t0) {
   if (type === "loading") {
     let t12;
     if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t12 = /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: "xof6966 xa4qsjk xpedhrg x1esw782 x13xm7is x9gkxt8 x18v6yaz x1y0btm7 x1shk7dx x2lah0s xswfmaf xmkpuva xfs3gwd" });
+      t12 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "xoi2r2e x6s0dn4 x3nfvp2 x2lah0s x1fe00qh x99mhxu x1v899x5 x1hfsx4t xl56j7k xmkpuva x12vebyb", children: /* @__PURE__ */ jsx("span", { className: "xx1h35u xa4qsjk xpedhrg x1esw782 x13xm7is x9gkxt8 x1y0btm7 x1shk7dx x2lah0s xswfmaf xmkpuva xs9k882" }) });
       $[0] = t12;
     } else {
       t12 = $[0];
     }
     return t12;
   }
-  const iconName = toastIcons[type];
-  if (!iconName) {
+  const IconComponent = toastIcons[type];
+  if (!IconComponent) {
     return null;
   }
   let t1;
-  if ($[1] !== type) {
-    t1 = stylex.props(styles.statusIcon, styles[type]);
-    $[1] = type;
-    $[2] = t1;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      className: "xoi2r2e x6s0dn4 x3nfvp2 x2lah0s x1fe00qh x99mhxu x1v899x5 x1hfsx4t xl56j7k xmkpuva x12vebyb"
+    };
+    $[1] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[1];
   }
   let t2;
-  if ($[3] !== iconName) {
-    t2 = /* @__PURE__ */ jsx2(Icon, { name: iconName });
-    $[3] = iconName;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t1 || $[6] !== t2) {
-    t3 = /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", ...t1, children: t2 });
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
+  if ($[2] !== IconComponent) {
+    t2 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...t1, children: /* @__PURE__ */ jsx(IconComponent, {}) });
+    $[2] = IconComponent;
+    $[3] = t2;
   } else {
-    t3 = $[7];
+    t2 = $[3];
   }
-  return t3;
+  return t2;
 }
 function ToastStack(t0) {
-  const $ = _c(10);
+  const $ = _c(11);
   const {
-    position
+    position,
+    clearAllProps
   } = t0;
   const {
     toasts
   } = ToastPrimitive.useToastManager();
   const stackRef = useRef(null);
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ new Set();
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const dismissedIds = useRef(t1);
   const [height, setHeight] = useState(0);
   const isTop = position.startsWith("top");
   const hasClearAction = toasts.length > 1;
-  const stackHeight = hasClearAction ? `calc(${height}px + 1.75rem + ${spacingVars.space2})` : height;
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
+  const stackHeight = hasClearAction ? `calc(${height}px + ${toastViewportVars.clearActionOffset})` : height;
+  let t2;
+  let t3;
+  if ($[1] !== toasts) {
+    t2 = () => {
       const stack = stackRef.current;
       if (!stack) {
         return;
       }
-      const measuredStack = stack;
-      const updateHeight = function updateHeight2() {
-        const rootList = Array.from(measuredStack.querySelectorAll("[data-nuee-toast-root]:not([data-limited])"));
-        const toastGap = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) * 0.75;
-        const nextHeight = rootList.reduce((maximumHeight, root) => {
+      const document = stack.ownerDocument;
+      const currentIds = new Set(toasts.map(_temp));
+      for (const id of dismissedIds.current) {
+        if (!currentIds.has(id)) {
+          dismissedIds.current.delete(id);
+        }
+      }
+      const handleEscape = (event) => {
+        if (event.key !== "Escape" || event.defaultPrevented || event.isComposing) {
+          return;
+        }
+        const latest = toasts.find((item_0) => item_0.transitionStatus !== "ending" && !dismissedIds.current.has(item_0.id));
+        if (!latest) {
+          return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.repeat) {
+          return;
+        }
+        dismissedIds.current.add(latest.id);
+        toast.close(latest.id);
+      };
+      stack.addEventListener("keydown", handleEscape, true);
+      document.addEventListener("keydown", handleEscape);
+      return () => {
+        stack.removeEventListener("keydown", handleEscape, true);
+        document.removeEventListener("keydown", handleEscape);
+      };
+    };
+    t3 = [toasts];
+    $[1] = toasts;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => {
+      const stack_0 = stackRef.current;
+      if (!stack_0) {
+        return;
+      }
+      const updateHeight = () => {
+        const rootList = Array.from(stack_0.querySelectorAll("[data-nuee-toast-root]:not([data-limited])"));
+        const toastGap = Number.parseFloat(getComputedStyle(stack_0).columnGap) || 0;
+        let nextHeight = 0;
+        for (const root of rootList) {
           const rootStyles = getComputedStyle(root);
           const offset = Number.parseFloat(rootStyles.getPropertyValue("--toast-offset-y")) || 0;
           const index = Number.parseFloat(rootStyles.getPropertyValue("--toast-index")) || 0;
           const rootHeight = Number.parseFloat(rootStyles.getPropertyValue("--toast-height")) || root.offsetHeight;
-          return Math.max(maximumHeight, offset + index * toastGap + rootHeight);
-        }, 0);
-        setHeight((currentHeight) => currentHeight === nextHeight ? currentHeight : nextHeight);
+          nextHeight = Math.max(nextHeight, offset + index * toastGap + rootHeight);
+        }
+        setHeight(nextHeight);
       };
       updateHeight();
       const resizeObserver = new ResizeObserver(updateHeight);
-      const rootList_0 = measuredStack.querySelectorAll("[data-nuee-toast-root]");
+      const rootList_0 = stack_0.querySelectorAll("[data-nuee-toast-root]");
       rootList_0.forEach((root_0) => resizeObserver.observe(root_0));
       window.addEventListener("resize", updateHeight);
       return () => {
@@ -471,82 +257,68 @@ function ToastStack(t0) {
         window.removeEventListener("resize", updateHeight);
       };
     };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== toasts) {
-    t2 = [toasts];
-    $[1] = toasts;
-    $[2] = t2;
+    $[4] = t4;
   } else {
-    t2 = $[2];
+    t4 = $[4];
   }
-  useLayoutEffect(t1, t2);
-  let t3;
-  if ($[3] !== stackHeight) {
-    t3 = {
-      height: stackHeight
-    };
-    $[3] = stackHeight;
-    $[4] = t3;
+  let t5;
+  if ($[5] !== toasts) {
+    t5 = [toasts];
+    $[5] = toasts;
+    $[6] = t5;
   } else {
-    t3 = $[4];
+    t5 = $[6];
   }
-  const t4 = {
+  useLayoutEffect(t4, t5);
+  const t6 = stylex.props(styles.stack(stackHeight), isTop && styles.stackTop);
+  const t7 = toasts.map((item_1) => /* @__PURE__ */ jsx(ToastPrimitive.Root, { toast: item_1, "data-nuee-toast-root": "", ...{
     0: {
-      className: "x1ey2m1c xu96u03 xt0hzig x10l6tqk x3m8u43"
+      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 x1ey2m1c x1juquzk x1alews2 x4a9ltk x1a2a7pz xb3r6kr x67bb7w x10l6tqk x1c0vqr xxvvz4p xr4gu0f xm4efwp x9bh6cl x87ps6o x14atkfc x1l48cz2 x1s928wv x1xdv29 x17cx49 x1j6awrg x1srwf7z x4eaejv x7yqiub x1q375v2 x9v5kkp x11ci167 xnbj6on x1p2l3ex x83jlts x1pn4af4 xhqeemn x1a042xe xlq082z xm69ghq x1llxi74 x1i389j4 x1gqblgl x1yzz94r xkjqs5f x17lkgwk x1mmqjur x158yw1j x1ho1d5x xks8tqp x1ymz01m"
     },
     1: {
-      className: "xu96u03 xt0hzig x10l6tqk x3m8u43 xdd4er5 x13vifvy"
+      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 x1juquzk x1alews2 x4a9ltk x1a2a7pz xb3r6kr x67bb7w x10l6tqk x1c0vqr xxvvz4p x9bh6cl x87ps6o x14atkfc x1l48cz2 x1s928wv x1xdv29 x17cx49 x1j6awrg x1srwf7z x4eaejv x7yqiub x1q375v2 x9v5kkp x11ci167 xnbj6on x1p2l3ex x83jlts x1pn4af4 x1a042xe xlq082z xm69ghq x1llxi74 x1gqblgl xkjqs5f x17lkgwk x1ho1d5x xdd4er5 x13vifvy x1y7xdrh xtj8gnn x8r647n xv51xxh x18p6d6d x1odkcxk x1775jh9 x1rxji30 x1ws6grc"
     }
-  }[!!isTop << 0];
-  const t5 = toasts.map((item) => /* @__PURE__ */ jsx2(ToastPrimitive.Root, { toast: item, "data-nuee-toast-root": "", ...{
-    0: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 x1ey2m1c x1juquzk x1alews2 x4a9ltk x1a2a7pz xb3r6kr x67bb7w x10l6tqk xu96u03 x3m8u43 x192b8fm xm4efwp x1fye3y2 x87ps6o xh8yej3 x1so62im x1l48cz2 x1s928wv x3nd85q x17cx49 x1j6awrg x1srwf7z x4eaejv x7yqiub x1q375v2 x9v5kkp x11ci167 xnbj6on x1pn4af4 x1awh1os x1a042xe xlq082z xm69ghq x1llxi74 x1i389j4 x1gqblgl x1yzz94r xkjqs5f x17lkgwk xmpnhxk x1v5215y x1yjfzay xks8tqp x1ymz01m"
-    },
-    1: {
-      className: "x1sgh50o x13xm7is x7c24we x1y0btm7 xzgztj1 x1juquzk x1alews2 x4a9ltk x1a2a7pz xb3r6kr x67bb7w x10l6tqk xu96u03 x3m8u43 x1fye3y2 x87ps6o xh8yej3 x1so62im x1l48cz2 x1s928wv x3nd85q x17cx49 x1j6awrg x1srwf7z x4eaejv x7yqiub x1q375v2 x9v5kkp x11ci167 xnbj6on x1pn4af4 x1a042xe xlq082z xm69ghq x1llxi74 x1gqblgl xkjqs5f x17lkgwk x1yjfzay xdd4er5 x13vifvy x1pniplx xtj8gnn xrdgflj xv51xxh x18p6d6d x1hdwxx3 xhkt67u x1rxji30 x1ws6grc"
-    }
-  }[!!isTop << 0], children: /* @__PURE__ */ jsxs(ToastPrimitive.Content, { className: "x6s0dn4 x78zum5 xmtacc2 x5yr21d xyvwee0 xb3r6kr xkm8lt0 x1n2onr6 x1ial40k x19991ni x14vjn7q x14cldyx", children: [
-    /* @__PURE__ */ jsx2(ToastStatusIcon, { type: item.type }),
-    /* @__PURE__ */ jsxs("div", { className: "x78zum5 x98rzlu xdt5ytf x1kr9b5u xeuugli", children: [
-      /* @__PURE__ */ jsx2(ToastPrimitive.Title, { className: "x99mhxu x1v899x5 x1hfsx4t x1ghz6dp" }),
-      /* @__PURE__ */ jsx2(ToastPrimitive.Description, { className: "x1ry1pnm x99mhxu xi1fz51 x1ghz6dp" })
+  }[!!isTop << 0], children: /* @__PURE__ */ jsxs(ToastPrimitive.Content, { className: "x6s0dn4 x78zum5 xmtacc2 x5yr21d xy21qdx xb3r6kr xkm8lt0 x1n2onr6 x1ial40k x19991ni xscx6xn x14vjn7q x14cldyx", children: [
+    /* @__PURE__ */ jsx(ToastStatusIcon, { type: item_1.type }),
+    /* @__PURE__ */ jsxs("div", { className: "xoi2r2e x78zum5 x98rzlu xdt5ytf x1kr9b5u xeuugli", children: [
+      /* @__PURE__ */ jsx(ToastPrimitive.Title, { ...stylex.props(typographyStyles.title, styles.title) }),
+      /* @__PURE__ */ jsx(ToastPrimitive.Description, { ...stylex.props(typographyStyles.description, styles.description) })
     ] }),
-    item.actionProps ? /* @__PURE__ */ jsx2(ToastPrimitive.Action, { className: "xjyslct x8m6yc2 x13xm7is x7c24we x1y0btm7 xzgztj1 x1alews2 x1ypdohk x2lah0s x14e0hi7 x131ut49 x1v899x5 xb8l8e1 x1a2a7pz xdaxh69 x1o026c7 x7yqiub x1q375v2 x9v5kkp x11ci167" }) : null,
-    /* @__PURE__ */ jsx2(ToastPrimitive.Close, { "aria-label": "Close toast", className: "x6s0dn4 xjyslct xjbqb8w x9r1u3d x7c24we x1y0btm7 xzgztj1 x1ry1pnm x1ypdohk x3nfvp2 x2lah0s xb8l8e1 xl56j7k x1a2a7pz xh29eag x1o026c7 x3s8dm3 x7yqiub x1q375v2 x9v5kkp x11ci167", children: /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "close" }) })
-  ] }) }, item.id));
-  const t6 = hasClearAction ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: _temp, ...{
+    item_1.actionProps ? /* @__PURE__ */ jsx(ToastPrimitive.Action, { className: "xoi2r2e x6s0dn4 xjyslct xjbqb8w x7c24we xng3xce xc342km x1alews2 x1ypdohk x3nfvp2 x2lah0s x1fe00qh x131ut49 x1v899x5 x1hfsx4t x1kobcp8 xl56j7k x1a2a7pz xdaxh69 xdshaxz xt3l3uh xscx6xn xt0b8zv x7yqiub x1q375v2 x9v5kkp x11ci167" }) : null,
+    /* @__PURE__ */ jsx(ToastPrimitive.Close, { "aria-label": "Close toast", className: "xoi2r2e x6s0dn4 xjyslct xjbqb8w x9r1u3d x7c24we x1y0btm7 xzgztj1 x1ry1pnm x1ypdohk x3nfvp2 x2lah0s x1fe00qh x99mhxu x1v899x5 x1hfsx4t x1kobcp8 xl56j7k x1a2a7pz xdshaxz xs2xxs2 xscx6xn x6r631m x12vebyb x1o026c7 x3s8dm3 x7yqiub x1q375v2 x9v5kkp x11ci167", children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" }) })
+  ] }) }, item_1.id));
+  const t8 = hasClearAction ? /* @__PURE__ */ jsx("button", { ...clearAllProps, type: "button", onClick: _temp2, ...{
     0: {
-      className: "xjyslct x13hkpcx x13xm7is x1y0btm7 x7c24we xzgztj1 x1ry1pnm x1ypdohk x14e0hi7 x131ut49 x1v899x5 xb8l8e1 x1a2a7pz x15cgg x1cot6zx x1o2uyhu x3dtjyh x10l6tqk x3m8u43 x13vifvy x1bkdxzg xh3kehl x3s8dm3 x7yqiub x1q375v2 x9v5kkp x11ci167"
+      className: "xjyslct x13hkpcx x13xm7is x1y0btm7 x7c24we xzgztj1 x1ry1pnm x1ypdohk x1fe00qh x131ut49 x1v899x5 x5vhmdc x1a2a7pz x15cgg x1cot6zx xzx43f0 x5efcpy x10l6tqk x3m8u43 x13vifvy xdshaxz x7h6xqb xscx6xn x1bkdxzg xh3kehl x3s8dm3 x7yqiub x1q375v2 x9v5kkp x11ci167"
     },
     1: {
-      className: "xjyslct x13hkpcx x13xm7is x1y0btm7 x7c24we xzgztj1 x1ry1pnm x1ypdohk x14e0hi7 x131ut49 x1v899x5 xb8l8e1 x1a2a7pz x15cgg x1cot6zx x1o2uyhu x3dtjyh x10l6tqk x3m8u43 x1bkdxzg xh3kehl x3s8dm3 x7yqiub x1q375v2 x9v5kkp x11ci167 x1ey2m1c x80663w"
+      className: "xjyslct x13hkpcx x13xm7is x1y0btm7 x7c24we xzgztj1 x1ry1pnm x1ypdohk x1fe00qh x131ut49 x1v899x5 x5vhmdc x1a2a7pz x15cgg x1cot6zx xzx43f0 x5efcpy x10l6tqk x3m8u43 xdshaxz x7h6xqb xscx6xn x1bkdxzg xh3kehl x3s8dm3 x7yqiub x1q375v2 x9v5kkp x11ci167 x1ey2m1c x80663w"
     }
-  }[!!isTop << 0], children: "Clear all" }) : null;
-  let t7;
-  if ($[5] !== t3 || $[6] !== t4 || $[7] !== t5 || $[8] !== t6) {
-    t7 = /* @__PURE__ */ jsxs("div", { ref: stackRef, style: t3, ...t4, children: [
-      t5,
-      t6
+  }[!!isTop << 0], children: clearAllProps?.children ?? "Clear all" }) : null;
+  let t9;
+  if ($[7] !== t6 || $[8] !== t7 || $[9] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { ref: stackRef, ...t6, children: [
+      t7,
+      t8
     ] });
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t5;
-    $[8] = t6;
-    $[9] = t7;
+    $[7] = t6;
+    $[8] = t7;
+    $[9] = t8;
+    $[10] = t9;
   } else {
-    t7 = $[9];
+    t9 = $[10];
   }
-  return t7;
+  return t9;
 }
-function _temp() {
+function _temp2() {
   return toast.close();
 }
+function _temp(item) {
+  return item.id;
+}
 function Toaster(t0) {
-  const $ = _c(18);
+  const $ = _c(20);
+  let clearAllProps;
   let props2;
   let t1;
   let t2;
@@ -554,112 +326,116 @@ function Toaster(t0) {
     ({
       limit: t1,
       position: t2,
+      clearAllProps,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = props2;
-    $[2] = t1;
-    $[3] = t2;
+    $[1] = clearAllProps;
+    $[2] = props2;
+    $[3] = t1;
+    $[4] = t2;
   } else {
-    props2 = $[1];
-    t1 = $[2];
-    t2 = $[3];
+    clearAllProps = $[1];
+    props2 = $[2];
+    t1 = $[3];
+    t2 = $[4];
   }
   const limit = t1 === void 0 ? 3 : t1;
   const position = t2 === void 0 ? "bottom-right" : t2;
   let t3;
-  if ($[4] !== position) {
+  if ($[5] !== position) {
     t3 = position.split("-");
-    $[4] = position;
-    $[5] = t3;
+    $[5] = position;
+    $[6] = t3;
   } else {
-    t3 = $[5];
+    t3 = $[6];
   }
   const [verticalPosition, horizontalPosition] = t3;
   let t4;
-  if ($[6] !== horizontalPosition || $[7] !== verticalPosition) {
+  if ($[7] !== horizontalPosition || $[8] !== verticalPosition) {
     t4 = {
       0: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr"
       },
       8: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r"
       },
       4: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr x19f49xq"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr x19f49xq"
       },
       12: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r x19f49xq"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r x19f49xq"
       },
       2: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr x1nrll8i xuuh30"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr x1nrll8i xuuh30"
       },
       10: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r x1nrll8i xuuh30"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r x1nrll8i xuuh30"
       },
       6: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr x1nrll8i xuuh30"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr x1nrll8i xuuh30"
       },
       14: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r x1nrll8i xuuh30"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r x1nrll8i xuuh30"
       },
       1: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr xpg08jz"
       },
       9: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r xpg08jz"
       },
       5: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr x19f49xq xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr x19f49xq xpg08jz"
       },
       13: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r x19f49xq xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r x19f49xq xpg08jz"
       },
       3: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr x1nrll8i xuuh30 xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr x1nrll8i xuuh30 xpg08jz"
       },
       11: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r x1nrll8i xuuh30 xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r x1nrll8i xuuh30 xpg08jz"
       },
       7: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj x19hvrdr x1nrll8i xuuh30 xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f x19hvrdr x1nrll8i xuuh30 xpg08jz"
       },
       15: {
-        className: "xowlazn x1a2a7pz x47corl xixxii4 xjdehy0 x6y048q xeffijn xac14zw x1jm5hub xsbdbit x1scyh3n xptpqrj xs8ca6r x1nrll8i xuuh30 xpg08jz"
+        className: "x1vsl49y x1a2a7pz x47corl xixxii4 x28sg2i xo8g89 xeffijn xac14zw xpt8f1b x1k5f8bl x3fz2wu x14yfvmx x2aypkt x3s059f xs8ca6r x1nrll8i xuuh30 xpg08jz"
       }
     }[!!(verticalPosition === "top") << 3 | !!(horizontalPosition === "left") << 2 | !!(horizontalPosition === "center") << 1 | !!(horizontalPosition === "right") << 0];
-    $[6] = horizontalPosition;
-    $[7] = verticalPosition;
-    $[8] = t4;
+    $[7] = horizontalPosition;
+    $[8] = verticalPosition;
+    $[9] = t4;
   } else {
-    t4 = $[8];
+    t4 = $[9];
   }
   let t5;
-  if ($[9] !== position) {
-    t5 = /* @__PURE__ */ jsx2(ToastStack, { position });
-    $[9] = position;
-    $[10] = t5;
+  if ($[10] !== clearAllProps || $[11] !== position) {
+    t5 = /* @__PURE__ */ jsx(ToastStack, { position, clearAllProps });
+    $[10] = clearAllProps;
+    $[11] = position;
+    $[12] = t5;
   } else {
-    t5 = $[10];
+    t5 = $[12];
   }
   let t6;
-  if ($[11] !== t4 || $[12] !== t5) {
-    t6 = /* @__PURE__ */ jsx2(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx2(ToastPrimitive.Viewport, { ...t4, children: t5 }) });
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
+  if ($[13] !== t4 || $[14] !== t5) {
+    t6 = /* @__PURE__ */ jsx(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx(ToastPrimitive.Viewport, { ...t4, children: t5 }) });
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t6;
   } else {
-    t6 = $[13];
+    t6 = $[15];
   }
   let t7;
-  if ($[14] !== limit || $[15] !== props2 || $[16] !== t6) {
-    t7 = /* @__PURE__ */ jsx2(ToastPrimitive.Provider, { ...props2, limit, toastManager: toast, children: t6 });
-    $[14] = limit;
-    $[15] = props2;
-    $[16] = t6;
-    $[17] = t7;
+  if ($[16] !== limit || $[17] !== props2 || $[18] !== t6) {
+    t7 = /* @__PURE__ */ jsx(ToastPrimitive.Provider, { ...props2, limit, toastManager: toast, children: t6 });
+    $[16] = limit;
+    $[17] = props2;
+    $[18] = t6;
+    $[19] = t7;
   } else {
-    t7 = $[17];
+    t7 = $[19];
   }
   return t7;
 }