@konstructio/ui 0.0.11 → 0.0.12-alpha.1

package/dist/components/Slider/Slider.js

@@ -1,17 +1,15 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { R as v, T, b as V } from "../../index-z-AJyzdv.js";
-import { forwardRef as b, useRef as R, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as y } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { cn as a } from "../../utils/index.js";
-import { sliderVariants as C, trackVariants as S, thumbVariants as E } from "./Slider.variants.js";
-const J = b(
-  ({ label: s, defaultValue: i = [0], name: c, theme: o, size: m, showValue: u, ...f }, h) => {
-    const e = R(null), [r, d] = g(i), { theme: p } = y(), n = o ?? p;
+import { R as v, T, a as V } from "../../index-CJsYodgi.js";
+import { forwardRef as R, useRef as b, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
+import { cn as r } from "../../utils/index.js";
+import { sliderVariants as y, trackVariants as C, thumbVariants as S } from "./Slider.variants.js";
+import { useTheme as E } from "../../contexts/theme.hook.js";
+const F = R(
+  ({ label: s, defaultValue: c = [0], name: i, theme: o, size: m, showValue: u, ...f }, h) => {
+    const e = b(null), [a, d] = g(c), { theme: p } = E(), n = o ?? p;
     j(h, () => e.current, [e]), k(() => {
-      e.current && (e.current.value = r.toString());
-    }, [r]);
+      e.current && (e.current.value = a.toString());
+    }, [a]);
     const x = w(
       (N) => d(N),
       []
@@ -20,27 +18,27 @@ const J = b(
       /* @__PURE__ */ l(
         "div",
         {
-          className: a(
+          className: r(
             "flex items-center",
             s ? "justify-between" : "justify-end"
           ),
           children: [
             s ? /* @__PURE__ */ t("label", { children: s }) : null,
-            u ? /* @__PURE__ */ t("span", { className: "text-xs", children: r }) : null
+            u ? /* @__PURE__ */ t("span", { className: "text-xs", children: a }) : null
           ]
         }
       ),
-      /* @__PURE__ */ t("input", { ref: e, name: c, className: "hidden", type: "number" }),
+      /* @__PURE__ */ t("input", { ref: e, name: i, className: "hidden", type: "number" }),
       /* @__PURE__ */ l(
         v,
         {
-          value: r,
-          className: a(C({ theme: n })),
+          value: a,
+          className: r(y({ theme: n })),
           onValueChange: x,
           ...f,
           children: [
-            /* @__PURE__ */ t(T, { className: a(S({ theme: n, size: m })) }),
-            /* @__PURE__ */ t(V, { className: a(E({ theme: n, size: m })) })
+            /* @__PURE__ */ t(T, { className: r(C({ theme: n, size: m })) }),
+            /* @__PURE__ */ t(V, { className: r(S({ theme: n, size: m })) })
           ]
         }
       )
@@ -48,5 +46,5 @@ const J = b(
   }
 );
 export {
-  J as Slider
+  F as Slider
 };

package/dist/components/Switch/Switch.js

@@ -1,31 +1,29 @@
 import { jsxs as P, jsx as u } from "react/jsx-runtime";
-import * as h from "react";
+import * as p from "react";
 import { forwardRef as _, useState as H, useRef as A, useId as M, useImperativeHandle as $, useEffect as j, useCallback as z } from "react";
 import { c as B, a as q, d as F } from "../../index-8vgf-x5i.js";
 import { u as O } from "../../index-DoOsnuB6.js";
 import { u as V, a as D } from "../../index-BxeV34ij.js";
-import { P as g } from "../../index-BaNV0qac.js";
-import "../../contexts/theme.context.js";
-import { useTheme as L } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
+import { P as g } from "../../index-1GLoikpT.js";
 import { cn as x } from "../../utils/index.js";
-import { switchVariants as U, thumbVariants as W } from "./Switch.variants.js";
-var k = "Switch", [X, de] = B(k), [G, J] = X(k), R = h.forwardRef(
+import { switchVariants as L, thumbVariants as U } from "./Switch.variants.js";
+import { useTheme as W } from "../../contexts/theme.hook.js";
+var k = "Switch", [X, ie] = B(k), [G, J] = X(k), R = p.forwardRef(
   (e, s) => {
     const {
       __scopeSwitch: t,
       name: c,
       checked: n,
-      defaultChecked: p,
+      defaultChecked: h,
       required: o,
       disabled: a,
       value: i = "on",
       onCheckedChange: m,
       form: r,
       ...d
-    } = e, [l, b] = h.useState(null), v = O(s, (C) => b(C)), f = h.useRef(!1), w = l ? r || !!l.closest("form") : !0, [S = !1, T] = q({
+    } = e, [l, b] = p.useState(null), v = O(s, (C) => b(C)), f = p.useRef(!1), w = l ? r || !!l.closest("form") : !0, [S = !1, T] = q({
       prop: n,
-      defaultProp: p,
+      defaultProp: h,
       onChange: m
     });
     return /* @__PURE__ */ P(G, { scope: t, checked: S, disabled: a, children: [
@@ -65,7 +63,7 @@ var k = "Switch", [X, de] = B(k), [G, J] = X(k), R = h.forwardRef(
   }
 );
 R.displayName = k;
-var y = "SwitchThumb", N = h.forwardRef(
+var y = "SwitchThumb", N = p.forwardRef(
   (e, s) => {
     const { __scopeSwitch: t, ...c } = e, n = J(y, t);
     return /* @__PURE__ */ u(
@@ -81,9 +79,9 @@ var y = "SwitchThumb", N = h.forwardRef(
 );
 N.displayName = y;
 var K = (e) => {
-  const { control: s, checked: t, bubbles: c = !0, ...n } = e, p = h.useRef(null), o = V(t), a = D(s);
-  return h.useEffect(() => {
-    const i = p.current, m = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(m, "checked").set;
+  const { control: s, checked: t, bubbles: c = !0, ...n } = e, h = p.useRef(null), o = V(t), a = D(s);
+  return p.useEffect(() => {
+    const i = h.current, m = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(m, "checked").set;
     if (o !== t && d) {
       const l = new Event("click", { bubbles: c });
       d.call(i, t), i.dispatchEvent(l);
@@ -96,7 +94,7 @@ var K = (e) => {
       defaultChecked: t,
       ...n,
       tabIndex: -1,
-      ref: p,
+      ref: h,
       style: {
         ...e.style,
         ...a,
@@ -112,17 +110,17 @@ function E(e) {
   return e ? "checked" : "unchecked";
 }
 var Q = R, Y = N;
-const le = _(
+const ue = _(
   ({
     name: e,
     defaultChecked: s,
     alignment: t = "horizontal",
     theme: c,
     thumbClassName: n,
-    className: p,
+    className: h,
     label: o
   }, a) => {
-    const [i, m] = H(s ?? !1), r = A(null), d = M(), { theme: l } = L(), b = c ?? l, v = e ? `${d}-${e}` : d;
+    const [i, m] = H(s ?? !1), r = A(null), d = M(), { theme: l } = W(), b = c ?? l, v = e ? `${d}-${e}` : d;
     $(a, () => r.current, [r]), j(() => {
       r.current && (r.current.value = `${i}`);
     }, [i]);
@@ -153,12 +151,12 @@ const le = _(
               id: v,
               defaultChecked: s,
               onCheckedChange: f,
-              className: x(U({ theme: b, className: p })),
+              className: x(L({ theme: b, className: h })),
               "aria-label": o,
               children: /* @__PURE__ */ u(
                 Y,
                 {
-                  className: W({
+                  className: U({
                     theme: b,
                     className: n
                   })
@@ -182,5 +180,5 @@ const le = _(
   }
 );
 export {
-  le as Switch
+  ue as Switch
 };

package/dist/components/TagSelect/TagSelect.js

@@ -1,22 +1,20 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import { forwardRef as g, useId as w, useRef as C, useImperativeHandle as T, useEffect as R } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as S } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
 import { cn as r } from "../../utils/index.js";
 import { Tag as d } from "../Tag/Tag.js";
-import { useTagSelect as k } from "./hooks/useTagSelect.js";
-import { tagSelectVariants as I, tagListVariants as V, tagItemVariants as j } from "./TagSelect.variants.js";
-import { C as y } from "../../chevron-up-CvquEaNg.js";
-const B = g(({ label: s, name: l, options: f, placeholder: h = "Select a value...", theme: o }, x) => {
-  const c = w(), { theme: a } = S(), t = C(null), {
-    isOpen: i,
+import { useTagSelect as S } from "./hooks/useTagSelect.js";
+import { tagSelectVariants as k, tagListVariants as I, tagItemVariants as V } from "./TagSelect.variants.js";
+import { C as j } from "../../chevron-up-DgLBQCKD.js";
+import { useTheme as y } from "../../contexts/theme.hook.js";
+const z = g(({ label: s, name: l, options: f, placeholder: h = "Select a value...", theme: o }, x) => {
+  const c = w(), { theme: a } = y(), t = C(null), {
+    isOpen: n,
     selectedTag: m,
     value: p,
     wrapperRef: b,
     handleClickTag: N,
     handleOpenDropdown: v
-  } = k();
+  } = S();
   return T(x, () => t.current, [t]), R(() => {
     t.current && (t.current.value = p);
   }, [p]), /* @__PURE__ */ u("div", { ref: b, className: "flex flex-col w-full relative", children: [
@@ -25,18 +23,18 @@ const B = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
       "div",
       {
         id: l ?? c,
-        className: r(I({ theme: o ?? a })),
+        className: r(k({ theme: o ?? a })),
         role: "combobox",
         onClick: v,
-        "aria-expanded": i,
+        "aria-expanded": n,
         children: [
           m ? /* @__PURE__ */ e(d, { ...m }) : /* @__PURE__ */ e("span", { className: "text-base text-inherit", children: h }),
           /* @__PURE__ */ e(
-            y,
+            j,
             {
               className: r(
                 "w-4 h-4 text-inherit transition-all duration-50",
-                i ? "rotate-0" : "rotate-180"
+                n ? "rotate-0" : "rotate-180"
               )
             }
           )
@@ -44,15 +42,15 @@ const B = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
       }
     ),
     /* @__PURE__ */ e("input", { ref: t, type: "text", name: l, className: "hidden" }),
-    i ? /* @__PURE__ */ e(
+    n ? /* @__PURE__ */ e(
       "ul",
       {
         role: "listbox",
-        className: r(V({ theme: o ?? a })),
-        children: f.map((n) => /* @__PURE__ */ e(
+        className: r(I({ theme: o ?? a })),
+        children: f.map((i) => /* @__PURE__ */ e(
           "li",
           {
-            className: r(j({ theme: o ?? a })),
+            className: r(V({ theme: o ?? a })),
             role: "option",
             children: /* @__PURE__ */ e(
               "button",
@@ -60,8 +58,8 @@ const B = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
                 type: "button",
                 role: "button",
                 className: "m-0 p-0 w-full",
-                onClick: () => N(n),
-                children: /* @__PURE__ */ e(d, { label: n.label, color: n.color })
+                onClick: () => N(i),
+                children: /* @__PURE__ */ e(d, { label: i.label, color: i.color })
               }
             )
           }
@@ -71,5 +69,5 @@ const B = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
   ] });
 });
 export {
-  B as TagSelect
+  z as TagSelect
 };

package/dist/components/TextArea/TextArea.js

@@ -1,35 +1,33 @@
-import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { forwardRef as v, useId as N, useState as T, useCallback as j } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as A } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { cn as I } from "../../utils/index.js";
-import { textAreaVariants as V } from "./TextArea.variants.js";
-const q = v(
-  ({ initialValue: o, label: t, name: a, placeholder: l, rows: c = 3, theme: i, onChange: e }, p) => {
-    const r = N(), { theme: u } = A(), m = a ? `${r}-name` : r, [d, f] = T(o ?? ""), n = j(
-      (x) => {
-        f(x.target.value), e == null || e();
+import { cn as A } from "../../utils/index.js";
+import { textAreaVariants as I } from "./TextArea.variants.js";
+import { useTheme as V } from "../../contexts/theme.hook.js";
+const S = v(
+  ({ initialValue: m, label: t, name: o, placeholder: l, rows: c = 3, theme: i, onChange: e }, u) => {
+    const r = N(), { theme: d } = V(), s = o ? `${r}-name` : r, [f, n] = T(m ?? ""), x = j(
+      (p) => {
+        n(p.target.value), e == null || e();
       },
       [e]
     );
     return /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
-      t ? /* @__PURE__ */ s("label", { htmlFor: m, className: "cursor-pointer", children: t }) : null,
-      /* @__PURE__ */ s(
+      t ? /* @__PURE__ */ a("label", { htmlFor: s, className: "cursor-pointer", children: t }) : null,
+      /* @__PURE__ */ a(
         "textarea",
         {
-          id: m,
-          ref: p,
-          className: I(V({ theme: i ?? u })),
+          id: s,
+          ref: u,
+          className: A(I({ theme: i ?? d })),
           rows: c,
           placeholder: l,
-          value: d,
-          onChange: n
+          value: f,
+          onChange: x
         }
       )
     ] });
   }
 );
 export {
-  q as TextArea
+  S as TextArea
 };

package/dist/components/Toast/Toast.js

@@ -2,26 +2,24 @@ import { jsxs as D, jsx as c, Fragment as se } from "react/jsx-runtime";
 import { u as ae, S as j } from "../../index-DoOsnuB6.js";
 import * as s from "react";
 import { useState as Re, useRef as be, useEffect as ge, useMemo as oe, isValidElement as re, useCallback as Se } from "react";
-import { P as L, r as Ie, d as Ne } from "../../index-BaNV0qac.js";
+import { P as L, r as Ie, d as Ne } from "../../index-1GLoikpT.js";
 import { c as Ae, a as Fe, b as X, d as b, u as _e } from "../../index-8vgf-x5i.js";
 import { c as De } from "../../index-BBjak_0p.js";
-import { B as Le, R as Oe, P as Me } from "../../index-BedjZUuB.js";
+import { B as Le, R as Oe, P as Me } from "../../index-CoqDsznq.js";
 import { P as ke } from "../../index-D4Q2rMby.js";
-import { V as ie, R as Ve } from "../../index-BtibbG81.js";
-import "../../contexts/theme.context.js";
-import { useTheme as Ke } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
+import { V as ie, R as Ve } from "../../index-KEdwcThH.js";
 import { cn as q } from "../../utils/index.js";
-import { toastVariants as He, closeToastVariants as We, viewportToastVariants as Xe } from "./Toast.variants.js";
-import { X as $e } from "../../x-CRBgmX1Q.js";
-var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, It] = Ae("Toast", [Ye]), [Be, $] = ce(Z), ue = (e) => {
+import { toastVariants as Ke, closeToastVariants as He, viewportToastVariants as We } from "./Toast.variants.js";
+import { X as Xe } from "../../x-DU-Zw-L_.js";
+import { useTheme as $e } from "../../contexts/theme.hook.js";
+var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, gt] = Ae("Toast", [Ye]), [Be, $] = ce(Z), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
     duration: t = 5e3,
     swipeDirection: u = "right",
     swipeThreshold: d = 50,
-    children: p
+    children: f
   } = e, [m, v] = s.useState(null), [n, w] = s.useState(0), E = s.useRef(!1), I = s.useRef(!1);
   return o.trim() || console.error(
     `Invalid prop \`label\` supplied to \`${Z}\`. Expected non-empty \`string\`.`
@@ -40,7 +38,7 @@ var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, It] = Ae("Toast", [Ye]
       onToastRemove: s.useCallback(() => w((R) => R - 1), []),
       isFocusedToastEscapeKeyDownRef: E,
       isClosePausedRef: I,
-      children: p
+      children: f
     }
   ) });
 };
@@ -52,7 +50,7 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
       hotkey: t = je,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = e, p = $(le, o), m = Ue(o), v = s.useRef(null), n = s.useRef(null), w = s.useRef(null), E = s.useRef(null), I = ae(r, E, p.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = p.toastCount > 0;
+    } = e, f = $(le, o), m = Ue(o), v = s.useRef(null), n = s.useRef(null), w = s.useRef(null), E = s.useRef(null), I = ae(r, E, f.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = f.toastCount > 0;
     s.useEffect(() => {
       const a = (P) => {
         var T;
@@ -62,50 +60,50 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
     }, [t]), s.useEffect(() => {
       const a = v.current, P = E.current;
       if (g && a && P) {
-        const f = () => {
-          if (!p.isClosePausedRef.current) {
+        const p = () => {
+          if (!f.isClosePausedRef.current) {
             const C = new CustomEvent(G);
-            P.dispatchEvent(C), p.isClosePausedRef.current = !0;
+            P.dispatchEvent(C), f.isClosePausedRef.current = !0;
           }
         }, T = () => {
-          if (p.isClosePausedRef.current) {
+          if (f.isClosePausedRef.current) {
             const C = new CustomEvent(J);
-            P.dispatchEvent(C), p.isClosePausedRef.current = !1;
+            P.dispatchEvent(C), f.isClosePausedRef.current = !1;
           }
         }, h = (C) => {
           !a.contains(C.relatedTarget) && T();
         }, y = () => {
           a.contains(document.activeElement) || T();
         };
-        return a.addEventListener("focusin", f), a.addEventListener("focusout", h), a.addEventListener("pointermove", f), a.addEventListener("pointerleave", y), window.addEventListener("blur", f), window.addEventListener("focus", T), () => {
-          a.removeEventListener("focusin", f), a.removeEventListener("focusout", h), a.removeEventListener("pointermove", f), a.removeEventListener("pointerleave", y), window.removeEventListener("blur", f), window.removeEventListener("focus", T);
+        return a.addEventListener("focusin", p), a.addEventListener("focusout", h), a.addEventListener("pointermove", p), a.addEventListener("pointerleave", y), window.addEventListener("blur", p), window.addEventListener("focus", T), () => {
+          a.removeEventListener("focusin", p), a.removeEventListener("focusout", h), a.removeEventListener("pointermove", p), a.removeEventListener("pointerleave", y), window.removeEventListener("blur", p), window.removeEventListener("focus", T);
         };
       }
-    }, [g, p.isClosePausedRef]);
+    }, [g, f.isClosePausedRef]);
     const l = s.useCallback(
       ({ tabbingDirection: a }) => {
-        const f = m().map((T) => {
+        const p = m().map((T) => {
           const h = T.ref.current, y = [h, ...at(h)];
           return a === "forwards" ? y : y.reverse();
         });
-        return (a === "forwards" ? f.reverse() : f).flat();
+        return (a === "forwards" ? p.reverse() : p).flat();
       },
       [m]
     );
     return s.useEffect(() => {
       const a = E.current;
       if (a) {
-        const P = (f) => {
+        const P = (p) => {
           var y, C, N;
-          const T = f.altKey || f.ctrlKey || f.metaKey;
-          if (f.key === "Tab" && !T) {
-            const O = document.activeElement, F = f.shiftKey;
-            if (f.target === a && F) {
+          const T = p.altKey || p.ctrlKey || p.metaKey;
+          if (p.key === "Tab" && !T) {
+            const O = document.activeElement, F = p.shiftKey;
+            if (p.target === a && F) {
               (y = n.current) == null || y.focus();
               return;
             }
             const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((i) => i === O);
-            z(A.slice(V + 1)) ? f.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
+            z(A.slice(V + 1)) ? p.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
           }
         };
         return a.addEventListener("keydown", P), () => a.removeEventListener("keydown", P);
@@ -150,9 +148,9 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
   }
 );
 de.displayName = le;
-var pe = "ToastFocusProxy", Q = s.forwardRef(
+var fe = "ToastFocusProxy", Q = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(fe, o);
     return /* @__PURE__ */ c(
       ie,
       {
@@ -161,19 +159,19 @@ var pe = "ToastFocusProxy", Q = s.forwardRef(
         ...u,
         ref: r,
         style: { position: "fixed" },
-        onFocus: (p) => {
+        onFocus: (f) => {
           var n;
-          const m = p.relatedTarget;
+          const m = f.relatedTarget;
           !((n = d.viewport) != null && n.contains(m)) && t();
         }
       }
     );
   }
 );
-Q.displayName = pe;
-var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "toast.swipeEnd", fe = s.forwardRef(
+Q.displayName = fe;
+var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "toast.swipeEnd", pe = s.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...p } = e, [m = !0, v] = Fe({
+    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m = !0, v] = Fe({
       prop: t,
       defaultProp: u,
       onChange: d
@@ -182,7 +180,7 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
       et,
       {
         open: m,
-        ...p,
+        ...f,
         ref: r,
         onClose: () => v(!1),
         onPause: X(e.onPause),
@@ -205,7 +203,7 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
     ) });
   }
 );
-fe.displayName = U;
+pe.displayName = U;
 var [Qe, Ze] = ce(U, {
   onClose() {
   }
@@ -216,7 +214,7 @@ var [Qe, Ze] = ce(U, {
       type: t = "foreground",
       duration: u,
       open: d,
-      onClose: p,
+      onClose: f,
       onEscapeKeyDown: m,
       onPause: v,
       onResume: n,
@@ -225,9 +223,9 @@ var [Qe, Ze] = ce(U, {
       onSwipeCancel: I,
       onSwipeEnd: R,
       ...g
-    } = e, l = $(U, o), [a, P] = s.useState(null), f = ae(r, (i) => P(i)), T = s.useRef(null), h = s.useRef(null), y = u || l.duration, C = s.useRef(0), N = s.useRef(y), O = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = X(() => {
+    } = e, l = $(U, o), [a, P] = s.useState(null), p = ae(r, (i) => P(i)), T = s.useRef(null), h = s.useRef(null), y = u || l.duration, C = s.useRef(0), N = s.useRef(y), O = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = X(() => {
       var x;
-      (a == null ? void 0 : a.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), p();
+      (a == null ? void 0 : a.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
     }), A = s.useCallback(
       (i) => {
         !i || i === 1 / 0 || (window.clearTimeout(O.current), C.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(_, i));
@@ -280,7 +278,7 @@ var [Qe, Ze] = ce(U, {
                 "data-state": d ? "open" : "closed",
                 "data-swipe-direction": l.swipeDirection,
                 ...g,
-                ref: f,
+                ref: p,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
                 onKeyDown: b(e.onKeyDown, (i) => {
                   i.key === "Escape" && (m == null || m(i.nativeEvent), i.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, _()));
@@ -324,8 +322,8 @@ var [Qe, Ze] = ce(U, {
     ] }) : null;
   }
 ), tt = (e) => {
-  const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, p] = s.useState(!1), [m, v] = s.useState(!1);
-  return nt(() => p(!0)), s.useEffect(() => {
+  const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
+  return nt(() => f(!0)), s.useEffect(() => {
     const n = window.setTimeout(() => v(!0), 1e3);
     return () => window.clearTimeout(n);
   }, []), m ? null : /* @__PURE__ */ c(Me, { asChild: !0, children: /* @__PURE__ */ c(ie, { ...t, children: d && /* @__PURE__ */ D(se, { children: [
@@ -390,8 +388,8 @@ function Pe(e) {
       const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
       if (!u)
         if (d) {
-          const p = t.dataset.radixToastAnnounceAlt;
-          p && r.push(p);
+          const f = t.dataset.radixToastAnnounceAlt;
+          f && r.push(f);
         } else
           r.push(...Pe(t));
     }
@@ -432,19 +430,19 @@ function z(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var it = ue, ct = de, ut = fe, lt = me, dt = Te, pt = we;
-const Nt = ({
+var it = ue, ct = de, ut = pe, lt = me, dt = Te, ft = we;
+const St = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
   descriptionClassName: t,
   description: u,
   children: d,
-  theme: p,
+  theme: f,
   showCloseButton: m = !0,
   className: v
 }) => {
-  const [n, w] = Re(!1), E = be(0), { theme: I } = Ke(), R = p ?? I;
+  const [n, w] = Re(!1), E = be(0), { theme: I } = $e(), R = f ?? I;
   ge(() => () => clearTimeout(E.current), []);
   const g = oe(() => re(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : /* @__PURE__ */ c("h6", { className: o, children: e }), [e, o]), l = oe(() => re(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : /* @__PURE__ */ c("h6", { className: t, children: u }), [u, t]), a = Se(() => {
     w(!1), E.current = window.setTimeout(() => w(!0), 100);
@@ -454,14 +452,14 @@ const Nt = ({
     /* @__PURE__ */ D(
       ut,
       {
-        className: q(He({ theme: R, className: v })),
+        className: q(Ke({ theme: R, className: v })),
         open: n,
         onOpenChange: w,
         children: [
           /* @__PURE__ */ c(lt, { asChild: !0, className: "text-lg mb-2 font-semibold", children: g }),
           /* @__PURE__ */ c(dt, { asChild: !0, children: l }),
-          m && /* @__PURE__ */ c(pt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
-            /* @__PURE__ */ c($e, { className: q(We({ theme: R })) }),
+          m && /* @__PURE__ */ c(ft, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
+            /* @__PURE__ */ c(Xe, { className: q(He({ theme: R })) }),
             /* @__PURE__ */ c(Ve, { children: "Close toast" })
           ] }) })
         ]
@@ -470,11 +468,11 @@ const Nt = ({
     /* @__PURE__ */ c(
       ct,
       {
-        className: q(Xe({ theme: R }))
+        className: q(We({ theme: R }))
       }
     )
   ] });
 };
 export {
-  Nt as Toast
+  St as Toast
 };