commerce-toolkit 0.8.0 → 0.8.1

package/dist/index.js

@@ -15,7 +15,7 @@ import { B as ja } from "./button-link-KFt37w0p.js";
 import { C as Fa } from "./calendar-CRD3qYHr.js";
 import { C as Vr, a as Ur } from "./card-link-D9mHN6-Z.js";
 import { C as Xr, a as Wr, b as Gr, c as Kr, e as Qr, d as Jr, f as Zr, g as to, h as ro, i as oo, j as io } from "./carousel-next-icon--YmTPwxE.js";
-import { C as eo, a as ao, b as so, c as no, d as po, e as mo, f as Lt, g as lo } from "./category-card-link-CdNA4PeK.js";
+import { C as eo, a as ao, b as so, c as no, d as po, e as mo, f as Lt, g as lo } from "./category-card-link-DZ2CRf4d.js";
 import { C as $a } from "./checkbox-CsMLn53r.js";
 import { C as co, a as uo, b as ho } from "./chip-icon-y9Dl_zV2.js";
 import { C as fo, a as go, b as bo, c as wo, d as vo, m as jt, e as yo, f as ko, g as xo, h as Co, i as qo, j as Eo, k as So, l as To } from "./compare-card-reveal-COfodCGj.js";
@@ -85,12 +85,12 @@ function ma({
   date: e,
   link: p,
   image: n,
-  title: l,
+  title: c,
   className: f
 }) {
   return /* @__PURE__ */ u(Rr, { aspectRatio: o, className: f, children: [
-    /* @__PURE__ */ i(Br, { children: n ? /* @__PURE__ */ i(Ir, { alt: n.alt, src: n.src }) : /* @__PURE__ */ i(_r, { children: l }) }),
-    /* @__PURE__ */ i(Pr, { children: l }),
+    /* @__PURE__ */ i(Br, { children: n ? /* @__PURE__ */ i(Ir, { alt: n.alt, src: n.src }) : /* @__PURE__ */ i(_r, { children: c }) }),
+    /* @__PURE__ */ i(Pr, { children: c }),
     /* @__PURE__ */ i(Mr, { children: t }),
     /* @__PURE__ */ u(Ar, { children: [
       /* @__PURE__ */ i(Lr, { children: e }),
@@ -119,9 +119,9 @@ function da({
   showNav: e = !0,
   prevIcon: p,
   nextIcon: n,
-  ...l
+  ...c
 }) {
-  return /* @__PURE__ */ u(Xr, { className: a, ...l, children: [
+  return /* @__PURE__ */ u(Xr, { className: a, ...c, children: [
     /* @__PURE__ */ i(Wr, { children: /* @__PURE__ */ i(Gr, { children: o.map((f, m) => /* @__PURE__ */ i(Kr, { children: f }, m)) }) }),
     /* @__PURE__ */ u(Qr, { children: [
       t && /* @__PURE__ */ i(Jr, {}),
@@ -139,24 +139,28 @@ function ua({
   link: e,
   icon: p,
   aspectRatio: n = "5/6",
-  textPosition: l = "outside",
+  textPosition: c = "outside",
   textSize: f = "small",
-  showOverlay: m = !0
+  textColor: m = "dark",
+  iconColor: l = "dark",
+  showOverlay: g = !0
 }) {
   return /* @__PURE__ */ u(
     eo,
     {
       aspectRatio: n,
       className: a,
-      showOverlay: m,
+      iconColor: l,
+      showOverlay: g,
+      textColor: m,
       textSize: f,
       children: [
         /* @__PURE__ */ i(ao, { asChild: p?.asChild, children: p?.children }),
         /* @__PURE__ */ u(so, { children: [
           t ? /* @__PURE__ */ i(no, { alt: t.alt, asChild: t.asChild, src: t.src, children: t.children }) : /* @__PURE__ */ i(po, { children: o }),
-          l === "inside" && /* @__PURE__ */ i(mo, { children: /* @__PURE__ */ i(Lt, { children: o }) })
+          c === "inside" && /* @__PURE__ */ i(mo, { children: /* @__PURE__ */ i(Lt, { children: o }) })
         ] }),
-        l === "outside" && /* @__PURE__ */ i(Lt, { children: o }),
+        c === "outside" && /* @__PURE__ */ i(Lt, { children: o }),
         /* @__PURE__ */ i(
           lo,
           {
@@ -183,7 +187,7 @@ function fa({
   descriptionLabel: e = "Description",
   emptyDescriptionLabel: p = "There is no description available.",
   specs: n,
-  specsLabel: l = "Other details",
+  specsLabel: c = "Other details",
   emptySpecsLabel: f = "There are no other details."
 }) {
   return /* @__PURE__ */ u(fo, { className: a, children: [
@@ -193,14 +197,14 @@ function fa({
       t != null ? /* @__PURE__ */ i(jt, { children: /* @__PURE__ */ i(yo, { children: t }) }) : /* @__PURE__ */ i(ko, { children: p })
     ] }),
     /* @__PURE__ */ u(xo, { children: [
-      /* @__PURE__ */ i(Co, { children: l }),
-      n ? /* @__PURE__ */ i(jt, { children: /* @__PURE__ */ i(qo, { children: n.map(({ name: m, value: c }, b) => /* @__PURE__ */ u(hr, { children: [
+      /* @__PURE__ */ i(Co, { children: c }),
+      n ? /* @__PURE__ */ i(jt, { children: /* @__PURE__ */ i(qo, { children: n.map(({ name: m, value: l }, g) => /* @__PURE__ */ u(hr, { children: [
         /* @__PURE__ */ u(Eo, { children: [
           m,
           ": "
         ] }),
-        /* @__PURE__ */ i(So, { children: c })
-      ] }, b)) }) }) : /* @__PURE__ */ i(To, { children: f })
+        /* @__PURE__ */ i(So, { children: l })
+      ] }, g)) }) }) : /* @__PURE__ */ i(To, { children: f })
     ] })
   ] });
 }
@@ -211,7 +215,7 @@ function ga({
   submitLabel: e = "Compare",
   submitIcon: p,
   removeLabel: n = "Remove",
-  removeIcon: l,
+  removeIcon: c,
   onRemove: f
 }) {
   return /* @__PURE__ */ i(zo, { container: o, children: /* @__PURE__ */ i(Do, { children: /* @__PURE__ */ u(No, { children: [
@@ -241,7 +245,7 @@ function ga({
         {
           "aria-label": `${n} ${m.title}`,
           onClick: () => f?.(m.id),
-          children: /* @__PURE__ */ i(jo, { asChild: l?.asChild, children: l?.children })
+          children: /* @__PURE__ */ i(jo, { asChild: c?.asChild, children: c?.children })
         }
       )
     ] }, m.id)) }),
@@ -282,16 +286,16 @@ function ba({
   disabled: e,
   min: p = 0,
   max: n = 10,
-  value: l,
+  value: c,
   defaultValue: f,
   onChange: m,
-  ...c
+  ...l
 }) {
-  const b = fr(null), r = Number(l ?? f ?? p), x = Number(p), _ = Number(n), q = () => {
-    const z = b.current;
+  const g = fr(null), r = Number(c ?? f ?? p), x = Number(p), _ = Number(n), q = () => {
+    const z = g.current;
     z != null && (z.stepDown(), z.dispatchEvent(new Event("input", { bubbles: !0 })));
   }, ot = () => {
-    const z = b.current;
+    const z = g.current;
     z != null && (z.stepUp(), z.dispatchEvent(new Event("input", { bubbles: !0 })));
   };
   return /* @__PURE__ */ u(Oo, { className: a, children: [
@@ -312,10 +316,10 @@ function ba({
         max: n,
         min: p,
         onChange: m,
-        ref: b,
+        ref: g,
         type: "number",
-        value: l,
-        ...c
+        value: c,
+        ...l
       }
     ),
     /* @__PURE__ */ i(
@@ -336,26 +340,26 @@ function wa({
   nextIcon: e,
   label: p = "pagination"
 }) {
-  const n = o?.label ?? "Go to previous page", l = e?.label ?? "Go to next page", f = a?.href, m = t?.href, c = a?.asChild === !0, b = t?.asChild === !0, r = /* @__PURE__ */ i(Uo, { asChild: o?.asChild, children: o?.children }), x = /* @__PURE__ */ i(Xo, { asChild: e?.asChild, children: e?.children });
+  const n = o?.label ?? "Go to previous page", c = e?.label ?? "Go to next page", f = a?.href, m = t?.href, l = a?.asChild === !0, g = t?.asChild === !0, r = /* @__PURE__ */ i(Uo, { asChild: o?.asChild, children: o?.children }), x = /* @__PURE__ */ i(Xo, { asChild: e?.asChild, children: e?.children });
   return /* @__PURE__ */ i(Wo, { "aria-label": p, role: "navigation", children: /* @__PURE__ */ u(Go, { children: [
     /* @__PURE__ */ i(Ht, { children: f != null ? /* @__PURE__ */ i(
       bt,
       {
         "aria-label": n,
-        asChild: c,
+        asChild: l,
         href: f,
-        children: c ? a.children : r
+        children: l ? a.children : r
       }
     ) : /* @__PURE__ */ i(bt, { "aria-disabled": !0, "aria-label": n, children: r }) }),
     /* @__PURE__ */ i(Ht, { children: m != null ? /* @__PURE__ */ i(
       bt,
       {
-        "aria-label": l,
-        asChild: b,
+        "aria-label": c,
+        asChild: g,
         href: m,
-        children: b ? t.children : x
+        children: g ? t.children : x
       }
-    ) : /* @__PURE__ */ i(bt, { "aria-disabled": !0, "aria-label": l, children: x }) })
+    ) : /* @__PURE__ */ i(bt, { "aria-disabled": !0, "aria-label": c, children: x }) })
   ] }) });
 }
 function va({
@@ -365,7 +369,7 @@ function va({
   triggerIcon: e,
   align: p,
   sideOffset: n,
-  label: l,
+  label: c,
   showScrollArea: f = !0,
   maxHeight: m = 320
 }) {
@@ -379,8 +383,8 @@ function va({
       children: [
         /* @__PURE__ */ i(Qo, { asChild: !0, children: t !== void 0 ? t : /* @__PURE__ */ i(Sr, { shape: "circle", size: "small", variant: "ghost", children: /* @__PURE__ */ i(Jo, { asChild: e?.asChild, children: e?.children }) }) }),
         /* @__PURE__ */ i(Zo, { children: /* @__PURE__ */ i(ti, { className: Tt(a), children: /* @__PURE__ */ u(ri, { children: [
-          /* @__PURE__ */ i(oi, { children: l }),
-          o.map((c, b) => /* @__PURE__ */ i(ii, { menuKey: b, menuNode: c }, b))
+          /* @__PURE__ */ i(oi, { children: c }),
+          o.map((l, g) => /* @__PURE__ */ i(ii, { menuKey: g, menuNode: l }, g))
         ] }) }) })
       ]
     }
@@ -511,7 +515,7 @@ const Yt = {
   "arrow-up-left": () => import("./arrow-up-left-Dc0wH3IL.js"),
   "arrow-up-narrow-wide": () => import("./arrow-up-narrow-wide-CsZbouk_.js"),
   "sort-asc": () => import("./arrow-up-narrow-wide-CsZbouk_.js"),
-  "arrow-up-right": () => import("./category-card-link-CdNA4PeK.js").then((a) => a.h),
+  "arrow-up-right": () => import("./category-card-link-DZ2CRf4d.js").then((a) => a.h),
   "arrow-up-to-line": () => import("./arrow-up-to-line-ClyTovyG.js"),
   "arrow-up-wide-narrow": () => import("./arrow-up-wide-narrow-D0SrwjqN.js"),
   "arrow-up-z-a": () => import("./arrow-up-z-a-C1zLgphx.js"),
@@ -2285,8 +2289,8 @@ const Gi = gr(
   ({ name: a, fallback: o, ...t }, e) => {
     const [p, n] = br();
     return wr(() => {
-      Wi(a).then(n).catch((l) => {
-        console.error(l);
+      Wi(a).then(n).catch((c) => {
+        console.error(c);
       });
     }, [a]), p == null ? o == null ? null : At(o) : At(gi, {
       ref: e,
@@ -2318,7 +2322,7 @@ const Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function qa({ className: a, children: o, isOpen: t, setOpen: e, title: p, trigger: n }) {
   return /* @__PURE__ */ u(ki, { onOpenChange: e, open: t, children: [
     /* @__PURE__ */ i(xi, { asChild: !0, children: n }),
-    /* @__PURE__ */ i(Ci, { children: /* @__PURE__ */ i(qi, { children: /* @__PURE__ */ u(Ei, { className: a, onOpenAutoFocus: (l) => l.preventDefault(), children: [
+    /* @__PURE__ */ i(Ci, { children: /* @__PURE__ */ i(qi, { children: /* @__PURE__ */ u(Ei, { className: a, onOpenAutoFocus: (c) => c.preventDefault(), children: [
       /* @__PURE__ */ i(Si, { children: p }),
       o
     ] }) }) })
@@ -2505,8 +2509,8 @@ class ne {
       ];
     }, this.create = (o) => {
       var t;
-      const { message: e, ...p } = o, n = typeof o?.id == "number" || ((t = o.id) == null ? void 0 : t.length) > 0 ? o.id : St++, l = this.toasts.find((m) => m.id === n), f = o.dismissible === void 0 ? !0 : o.dismissible;
-      return this.dismissedToasts.has(n) && this.dismissedToasts.delete(n), l ? this.toasts = this.toasts.map((m) => m.id === n ? (this.publish({
+      const { message: e, ...p } = o, n = typeof o?.id == "number" || ((t = o.id) == null ? void 0 : t.length) > 0 ? o.id : St++, c = this.toasts.find((m) => m.id === n), f = o.dismissible === void 0 ? !0 : o.dismissible;
+      return this.dismissedToasts.has(n) && this.dismissedToasts.delete(n), c ? this.toasts = this.toasts.map((m) => m.id === n ? (this.publish({
         ...m,
         ...o,
         id: n,
@@ -2566,20 +2570,20 @@ class ne {
         description: typeof t.description != "function" ? t.description : void 0
       }));
       const p = Promise.resolve(o instanceof Function ? o() : o);
-      let n = e !== void 0, l;
-      const f = p.then(async (c) => {
-        if (l = [
+      let n = e !== void 0, c;
+      const f = p.then(async (l) => {
+        if (c = [
           "resolve",
-          c
-        ], s.isValidElement(c))
+          l
+        ], s.isValidElement(l))
           n = !1, this.create({
             id: e,
             type: "default",
-            message: c
+            message: l
           });
-        else if (me(c) && !c.ok) {
+        else if (me(l) && !l.ok) {
           n = !1;
-          const r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${c.status}`) : t.error, x = typeof t.description == "function" ? await t.description(`HTTP error! status: ${c.status}`) : t.description, q = typeof r == "object" && !s.isValidElement(r) ? r : {
+          const r = typeof t.error == "function" ? await t.error(`HTTP error! status: ${l.status}`) : t.error, x = typeof t.description == "function" ? await t.description(`HTTP error! status: ${l.status}`) : t.description, q = typeof r == "object" && !s.isValidElement(r) ? r : {
             message: r
           };
           this.create({
@@ -2588,9 +2592,9 @@ class ne {
             description: x,
             ...q
           });
-        } else if (c instanceof Error) {
+        } else if (l instanceof Error) {
           n = !1;
-          const r = typeof t.error == "function" ? await t.error(c) : t.error, x = typeof t.description == "function" ? await t.description(c) : t.description, q = typeof r == "object" && !s.isValidElement(r) ? r : {
+          const r = typeof t.error == "function" ? await t.error(l) : t.error, x = typeof t.description == "function" ? await t.description(l) : t.description, q = typeof r == "object" && !s.isValidElement(r) ? r : {
             message: r
           };
           this.create({
@@ -2601,7 +2605,7 @@ class ne {
           });
         } else if (t.success !== void 0) {
           n = !1;
-          const r = typeof t.success == "function" ? await t.success(c) : t.success, x = typeof t.description == "function" ? await t.description(c) : t.description, q = typeof r == "object" && !s.isValidElement(r) ? r : {
+          const r = typeof t.success == "function" ? await t.success(l) : t.success, x = typeof t.description == "function" ? await t.description(l) : t.description, q = typeof r == "object" && !s.isValidElement(r) ? r : {
             message: r
           };
           this.create({
@@ -2611,14 +2615,14 @@ class ne {
             ...q
           });
         }
-      }).catch(async (c) => {
-        if (l = [
+      }).catch(async (l) => {
+        if (c = [
           "reject",
-          c
+          l
         ], t.error !== void 0) {
           n = !1;
-          const b = typeof t.error == "function" ? await t.error(c) : t.error, r = typeof t.description == "function" ? await t.description(c) : t.description, _ = typeof b == "object" && !s.isValidElement(b) ? b : {
-            message: b
+          const g = typeof t.error == "function" ? await t.error(l) : t.error, r = typeof t.description == "function" ? await t.description(l) : t.description, _ = typeof g == "object" && !s.isValidElement(g) ? g : {
+            message: g
           };
           this.create({
             id: e,
@@ -2629,7 +2633,7 @@ class ne {
         }
       }).finally(() => {
         n && (this.dismiss(e), e = void 0), t.finally == null || t.finally.call(t);
-      }), m = () => new Promise((c, b) => f.then(() => l[0] === "reject" ? b(l[1]) : c(l[1])).catch(b));
+      }), m = () => new Promise((l, g) => f.then(() => c[0] === "reject" ? g(c[1]) : l(c[1])).catch(g));
       return typeof e != "string" && typeof e != "number" ? {
         unwrap: m
       } : Object.assign(e, {
@@ -2679,8 +2683,8 @@ function ye(a) {
   return o && e.push(o), t && e.push(t), e;
 }
 const ke = (a) => {
-  var o, t, e, p, n, l, f, m, c;
-  const { invert: b, toast: r, unstyled: x, interacting: _, setHeights: q, visibleToasts: ot, heights: z, index: g, toasts: nt, expanded: G, removeToast: pt, defaultRichColors: yt, closeButton: O, style: it, cancelButtonStyle: V, actionButtonStyle: kt, className: mt = "", descriptionClassName: xt = "", duration: et, position: L, gap: lt, expandByDefault: at, classNames: w, icons: E, closeButtonAriaLabel: H = "Close toast" } = a, [U, P] = s.useState(null), [X, ct] = s.useState(null), [h, k] = s.useState(!1), [y, B] = s.useState(!1), [K, v] = s.useState(!1), [Q, dt] = s.useState(!1), [ut, J] = s.useState(!1), [Xt, Ct] = s.useState(0), [Wt, zt] = s.useState(0), st = s.useRef(r.duration || et || Vt), Dt = s.useRef(null), F = s.useRef(null), Gt = g === 0, Kt = g + 1 <= ot, N = r.type, Z = r.dismissible !== !1, Qt = r.className || "", Jt = r.descriptionClassName || "", ht = s.useMemo(() => z.findIndex((d) => d.toastId === r.id) || 0, [
+  var o, t, e, p, n, c, f, m, l;
+  const { invert: g, toast: r, unstyled: x, interacting: _, setHeights: q, visibleToasts: ot, heights: z, index: b, toasts: nt, expanded: G, removeToast: pt, defaultRichColors: yt, closeButton: O, style: it, cancelButtonStyle: V, actionButtonStyle: kt, className: mt = "", descriptionClassName: xt = "", duration: et, position: L, gap: lt, expandByDefault: at, classNames: w, icons: E, closeButtonAriaLabel: H = "Close toast" } = a, [U, P] = s.useState(null), [X, ct] = s.useState(null), [h, k] = s.useState(!1), [y, B] = s.useState(!1), [K, v] = s.useState(!1), [Q, dt] = s.useState(!1), [ut, J] = s.useState(!1), [Xt, Ct] = s.useState(0), [Wt, zt] = s.useState(0), st = s.useRef(r.duration || et || Vt), Dt = s.useRef(null), F = s.useRef(null), Gt = b === 0, Kt = b + 1 <= ot, N = r.type, Z = r.dismissible !== !1, Qt = r.className || "", Jt = r.descriptionClassName || "", ht = s.useMemo(() => z.findIndex((d) => d.toastId === r.id) || 0, [
     z,
     r.id
   ]), Zt = s.useMemo(() => {
@@ -2695,7 +2699,7 @@ const ke = (a) => {
   ]), qt = s.useRef(0), tt = s.useRef(0), Rt = s.useRef(0), rt = s.useRef(null), [tr, rr] = L.split("-"), Bt = s.useMemo(() => z.reduce((d, C, T) => T >= ht ? d : d + C.height, 0), [
     z,
     ht
-  ]), It = se(), or = r.invert || b, Et = N === "loading";
+  ]), It = se(), or = r.invert || g, Et = N === "loading";
   tt.current = s.useMemo(() => ht * lt + Bt, [
     ht,
     Bt
@@ -2814,7 +2818,7 @@ const ke = (a) => {
     "data-visible": Kt,
     "data-y-position": tr,
     "data-x-position": rr,
-    "data-index": g,
+    "data-index": b,
     "data-front": Gt,
     "data-swiping": K,
     "data-dismissible": Z,
@@ -2825,9 +2829,9 @@ const ke = (a) => {
     "data-expanded": !!(G || at && h),
     "data-testid": r.testId,
     style: {
-      "--index": g,
-      "--toasts-before": g,
-      "--z-index": nt.length - g,
+      "--index": b,
+      "--toasts-before": b,
+      "--z-index": nt.length - b,
       "--offset": `${y ? Xt : tt.current}px`,
       "--initial-height": at ? "auto" : `${Wt}px`,
       ...it,
@@ -2902,7 +2906,7 @@ const ke = (a) => {
     className: j(w?.content, r == null || (n = r.classNames) == null ? void 0 : n.content)
   }, /* @__PURE__ */ s.createElement("div", {
     "data-title": "",
-    className: j(w?.title, r == null || (l = r.classNames) == null ? void 0 : l.title)
+    className: j(w?.title, r == null || (c = r.classNames) == null ? void 0 : c.title)
   }, r.jsx ? r.jsx : typeof r.title == "function" ? r.title() : r.title), r.description ? /* @__PURE__ */ s.createElement("div", {
     "data-description": "",
     className: j(xt, Jt, w?.description, r == null || (f = r.classNames) == null ? void 0 : f.description)
@@ -2921,7 +2925,7 @@ const ke = (a) => {
     onClick: (d) => {
       vt(r.action) && (r.action.onClick == null || r.action.onClick.call(r.action, d), !d.defaultPrevented && $());
     },
-    className: j(w?.actionButton, r == null || (c = r.classNames) == null ? void 0 : c.actionButton)
+    className: j(w?.actionButton, r == null || (l = r.classNames) == null ? void 0 : l.actionButton)
   }, r.action.label) : null);
 };
 function Ut() {
@@ -2935,15 +2939,15 @@ function xe(a, o) {
     a,
     o
   ].forEach((e, p) => {
-    const n = p === 1, l = n ? "--mobile-offset" : "--offset", f = n ? fe : he;
-    function m(c) {
+    const n = p === 1, c = n ? "--mobile-offset" : "--offset", f = n ? fe : he;
+    function m(l) {
       [
         "top",
         "right",
         "bottom",
         "left"
-      ].forEach((b) => {
-        t[`${l}-${b}`] = typeof c == "number" ? `${c}px` : c;
+      ].forEach((g) => {
+        t[`${c}-${g}`] = typeof l == "number" ? `${l}px` : l;
       });
     }
     typeof e == "number" || typeof e == "string" ? m(e) : typeof e == "object" ? [
@@ -2951,16 +2955,16 @@ function xe(a, o) {
       "right",
       "bottom",
       "left"
-    ].forEach((c) => {
-      e[c] === void 0 ? t[`${l}-${c}`] = f : t[`${l}-${c}`] = typeof e[c] == "number" ? `${e[c]}px` : e[c];
+    ].forEach((l) => {
+      e[l] === void 0 ? t[`${c}-${l}`] = f : t[`${c}-${l}`] = typeof e[l] == "number" ? `${e[l]}px` : e[l];
     }) : m(f);
   }), t;
 }
 const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
-  const { id: e, invert: p, position: n = "bottom-right", hotkey: l = [
+  const { id: e, invert: p, position: n = "bottom-right", hotkey: c = [
     "altKey",
     "KeyT"
-  ], expand: f, closeButton: m, className: c, offset: b, mobileOffset: r, theme: x = "light", richColors: _, duration: q, style: ot, visibleToasts: z = ue, toastOptions: g, dir: nt = Ut(), gap: G = be, icons: pt, containerAriaLabel: yt = "Notifications" } = o, [O, it] = s.useState([]), V = s.useMemo(() => e ? O.filter((h) => h.toasterId === e) : O.filter((h) => !h.toasterId), [
+  ], expand: f, closeButton: m, className: l, offset: g, mobileOffset: r, theme: x = "light", richColors: _, duration: q, style: ot, visibleToasts: z = ue, toastOptions: b, dir: nt = Ut(), gap: G = be, icons: pt, containerAriaLabel: yt = "Notifications" } = o, [O, it] = s.useState([]), V = s.useMemo(() => e ? O.filter((h) => h.toasterId === e) : O.filter((h) => !h.toasterId), [
     O,
     e
   ]), kt = s.useMemo(() => Array.from(new Set([
@@ -2968,7 +2972,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
   ].concat(V.filter((h) => h.position).map((h) => h.position)))), [
     V,
     n
-  ]), [mt, xt] = s.useState([]), [et, L] = s.useState(!1), [lt, at] = s.useState(!1), [w, E] = s.useState(x !== "system" ? x : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), H = s.useRef(null), U = l.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = s.useRef(null), X = s.useRef(!1), ct = s.useCallback((h) => {
+  ]), [mt, xt] = s.useState([]), [et, L] = s.useState(!1), [lt, at] = s.useState(!1), [w, E] = s.useState(x !== "system" ? x : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), H = s.useRef(null), U = c.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = s.useRef(null), X = s.useRef(!1), ct = s.useCallback((h) => {
     it((k) => {
       var y;
       return (y = k.find((B) => B.id === h.id)) != null && y.delete || D.dismiss(h.id), k.filter(({ id: B }) => B !== h.id);
@@ -3033,7 +3037,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
   ]), s.useEffect(() => {
     const h = (k) => {
       var y;
-      if (l.every((v) => k[v] || k.code === v)) {
+      if (c.every((v) => k[v] || k.code === v)) {
         var K;
         L(!0), (K = H.current) == null || K.focus();
       }
@@ -3041,7 +3045,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
   }, [
-    l
+    c
   ]), s.useEffect(() => {
     if (H.current)
       return () => {
@@ -3068,7 +3072,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
       dir: nt === "auto" ? Ut() : nt,
       tabIndex: -1,
       ref: H,
-      className: c,
+      className: l,
       "data-sonner-toaster": !0,
       "data-sonner-theme": w,
       "data-y-position": B,
@@ -3078,7 +3082,7 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
         "--width": `${ge}px`,
         "--gap": `${G}px`,
         ...ot,
-        ...xe(b, r)
+        ...xe(g, r)
       },
       onBlur: (v) => {
         X.current && !v.currentTarget.contains(v.relatedTarget) && (X.current = !1, P.current && (P.current.focus({
@@ -3106,20 +3110,20 @@ const Ce = /* @__PURE__ */ s.forwardRef(function(o, t) {
         index: Q,
         toast: v,
         defaultRichColors: _,
-        duration: (dt = g?.duration) != null ? dt : q,
-        className: g?.className,
-        descriptionClassName: g?.descriptionClassName,
+        duration: (dt = b?.duration) != null ? dt : q,
+        className: b?.className,
+        descriptionClassName: b?.descriptionClassName,
         invert: p,
         visibleToasts: z,
-        closeButton: (ut = g?.closeButton) != null ? ut : m,
+        closeButton: (ut = b?.closeButton) != null ? ut : m,
         interacting: lt,
         position: h,
-        style: g?.style,
-        unstyled: g?.unstyled,
-        classNames: g?.classNames,
-        cancelButtonStyle: g?.cancelButtonStyle,
-        actionButtonStyle: g?.actionButtonStyle,
-        closeButtonAriaLabel: g?.closeButtonAriaLabel,
+        style: b?.style,
+        unstyled: b?.unstyled,
+        classNames: b?.classNames,
+        cancelButtonStyle: b?.cancelButtonStyle,
+        actionButtonStyle: b?.actionButtonStyle,
+        closeButtonAriaLabel: b?.closeButtonAriaLabel,
         removeToast: ct,
         toasts: V.filter((J) => J.position == v.position),
         heights: mt.filter((J) => J.position == v.position),