@konstructio/ui 0.0.12-alpha.9 → 0.0.13-alpha.1

package/dist/components/TextArea/TextArea.variants.js

@@ -1,33 +1,21 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const i = e(
-  [
-    "border",
-    "border-gray-200",
-    "disabled:cursor-not-allowed",
-    "disabled:opacity-50",
-    "focus-visible:outline-none",
-    "focus-visible:ring-1",
-    "focus-visible:ring-ring",
-    "p-2",
-    "placeholder:text-gray-300",
-    "resize-none",
-    "rounded-md",
-    "shadow-sm",
-    "w-full"
-  ],
-  {
-    variants: {
-      theme: {
-        colony: "focus:ring-red-700",
-        kubefirst: "focus:ring-kubefirst-primary",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
+import { c as r } from "../../index-BNmRGtA6.js";
+const e = r([
+  "border",
+  "border-gray-200",
+  "disabled:cursor-not-allowed",
+  "disabled:opacity-50",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "p-2",
+  "placeholder:text-gray-300",
+  "resize-none",
+  "rounded-md",
+  "shadow-xs",
+  "w-full",
+  "focus:ring-kubefirst-primary",
+  "colony:focus:ring-red-700"
+]);
 export {
-  i as textAreaVariants
+  e as textAreaVariants
 };

package/dist/components/Toast/Toast.js

@@ -1,18 +1,17 @@
 import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
-import { u as ae, S as j } from "../../index-B_6_jmOO.js";
+import { u as ae, S as j } from "../../index-Bk324h27.js";
 import * as s from "react";
 import { useRef as Re, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
-import { P as L, r as Se, d as Ie } from "../../index-D7QNmo_D.js";
-import { c as Ne, a as Ae, b, d as X, u as Fe } from "../../index-Cva-e5M4.js";
-import { c as _e } from "../../index-BbsJ0VIJ.js";
-import { B as De, R as Le, P as Me } from "../../index-D_76wh4w.js";
-import { P as Oe } from "../../index-Dj1pom3_.js";
-import { V as ie, R as ke } from "../../index-CbTU3cnP.js";
+import { P as L, r as Se, d as Ie } from "../../index-g-TFwd6Y.js";
+import { c as Ne, a as Ae, b, d as X, u as Fe } from "../../index-bYyfdsls.js";
+import { c as _e } from "../../index-D9BbbgUq.js";
+import { B as De, R as Le, P as Me } from "../../index-YaQrdkGE.js";
+import { P as Oe } from "../../index-G_6jG4Qc.js";
+import { V as ie, R as ke } from "../../index-CWKdynYu.js";
 import { cn as q } from "../../utils/index.js";
 import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
 import { X as We } from "../../x-DU-Zw-L_.js";
-import { useTheme as Xe } from "../../contexts/theme.hook.js";
-var Z = "ToastProvider", [ee, $e, Ue] = _e("Toast"), [ce, bt] = Ne("Toast", [Ue]), [Ye, $] = ce(Z), ue = (e) => {
+var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce, xt] = Ne("Toast", [$e]), [Ue, $] = ce(Z), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
@@ -20,11 +19,11 @@ var Z = "ToastProvider", [ee, $e, Ue] = _e("Toast"), [ce, bt] = Ne("Toast", [Ue]
     swipeDirection: u = "right",
     swipeThreshold: d = 50,
     children: f
-  } = e, [m, v] = s.useState(null), [n, y] = s.useState(0), w = s.useRef(!1), S = s.useRef(!1);
+  } = e, [m, v] = s.useState(null), [n, h] = s.useState(0), w = s.useRef(!1), S = s.useRef(!1);
   return o.trim() || console.error(
     `Invalid prop \`label\` supplied to \`${Z}\`. Expected non-empty \`string\`.`
   ), /* @__PURE__ */ c(ee.Provider, { scope: r, children: /* @__PURE__ */ c(
-    Ye,
+    Ue,
     {
       scope: r,
       label: o,
@@ -34,8 +33,8 @@ var Z = "ToastProvider", [ee, $e, Ue] = _e("Toast"), [ce, bt] = Ne("Toast", [Ue]
       toastCount: n,
       viewport: m,
       onViewportChange: v,
-      onToastAdd: s.useCallback(() => y((g) => g + 1), []),
-      onToastRemove: s.useCallback(() => y((g) => g - 1), []),
+      onToastAdd: s.useCallback(() => h((g) => g + 1), []),
+      onToastRemove: s.useCallback(() => h((g) => g - 1), []),
       isFocusedToastEscapeKeyDownRef: w,
       isClosePausedRef: S,
       children: f
@@ -43,70 +42,70 @@ var Z = "ToastProvider", [ee, $e, Ue] = _e("Toast"), [ce, bt] = Ne("Toast", [Ue]
   ) });
 };
 ue.displayName = Z;
-var le = "ToastViewport", Be = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", de = s.forwardRef(
+var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", de = s.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
-      hotkey: t = Be,
+      hotkey: t = Ye,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = e, f = $(le, o), m = $e(o), v = s.useRef(null), n = s.useRef(null), y = s.useRef(null), w = s.useRef(null), S = ae(r, w, f.onViewportChange), g = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = f.toastCount > 0;
+    } = e, f = $(le, o), m = Xe(o), v = s.useRef(null), n = s.useRef(null), h = s.useRef(null), w = s.useRef(null), S = ae(r, w, f.onViewportChange), g = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = f.toastCount > 0;
     s.useEffect(() => {
-      const a = (h) => {
+      const i = (C) => {
         var T;
-        t.length !== 0 && t.every((E) => h[E] || h.code === E) && ((T = w.current) == null || T.focus());
+        t.length !== 0 && t.every((E) => C[E] || C.code === E) && ((T = w.current) == null || T.focus());
       };
-      return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+      return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
     }, [t]), s.useEffect(() => {
-      const a = v.current, h = w.current;
-      if (R && a && h) {
+      const i = v.current, C = w.current;
+      if (R && i && C) {
         const p = () => {
           if (!f.isClosePausedRef.current) {
             const P = new CustomEvent(G);
-            h.dispatchEvent(P), f.isClosePausedRef.current = !0;
+            C.dispatchEvent(P), f.isClosePausedRef.current = !0;
           }
         }, T = () => {
           if (f.isClosePausedRef.current) {
             const P = new CustomEvent(J);
-            h.dispatchEvent(P), f.isClosePausedRef.current = !1;
+            C.dispatchEvent(P), f.isClosePausedRef.current = !1;
           }
         }, E = (P) => {
-          !a.contains(P.relatedTarget) && T();
-        }, C = () => {
-          a.contains(document.activeElement) || T();
+          !i.contains(P.relatedTarget) && T();
+        }, y = () => {
+          i.contains(document.activeElement) || T();
         };
-        return a.addEventListener("focusin", p), a.addEventListener("focusout", E), a.addEventListener("pointermove", p), a.addEventListener("pointerleave", C), window.addEventListener("blur", p), window.addEventListener("focus", T), () => {
-          a.removeEventListener("focusin", p), a.removeEventListener("focusout", E), a.removeEventListener("pointermove", p), a.removeEventListener("pointerleave", C), window.removeEventListener("blur", p), window.removeEventListener("focus", T);
+        return i.addEventListener("focusin", p), i.addEventListener("focusout", E), i.addEventListener("pointermove", p), i.addEventListener("pointerleave", y), window.addEventListener("blur", p), window.addEventListener("focus", T), () => {
+          i.removeEventListener("focusin", p), i.removeEventListener("focusout", E), i.removeEventListener("pointermove", p), i.removeEventListener("pointerleave", y), window.removeEventListener("blur", p), window.removeEventListener("focus", T);
         };
       }
     }, [R, f.isClosePausedRef]);
     const l = s.useCallback(
-      ({ tabbingDirection: a }) => {
+      ({ tabbingDirection: i }) => {
         const p = m().map((T) => {
-          const E = T.ref.current, C = [E, ...st(E)];
-          return a === "forwards" ? C : C.reverse();
+          const E = T.ref.current, y = [E, ...nt(E)];
+          return i === "forwards" ? y : y.reverse();
         });
-        return (a === "forwards" ? p.reverse() : p).flat();
+        return (i === "forwards" ? p.reverse() : p).flat();
       },
       [m]
     );
     return s.useEffect(() => {
-      const a = w.current;
-      if (a) {
-        const h = (p) => {
-          var C, P, N;
+      const i = w.current;
+      if (i) {
+        const C = (p) => {
+          var y, P, N;
           const T = p.altKey || p.ctrlKey || p.metaKey;
           if (p.key === "Tab" && !T) {
             const M = document.activeElement, F = p.shiftKey;
-            if (p.target === a && F) {
-              (C = n.current) == null || C.focus();
+            if (p.target === i && F) {
+              (y = n.current) == null || y.focus();
               return;
             }
-            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((i) => i === M);
-            z(A.slice(V + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = y.current) == null || N.focus();
+            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((a) => a === M);
+            z(A.slice(V + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = h.current) == null || N.focus();
           }
         };
-        return a.addEventListener("keydown", h), () => a.removeEventListener("keydown", h);
+        return i.addEventListener("keydown", C), () => i.removeEventListener("keydown", C);
       }
     }, [m, l]), /* @__PURE__ */ D(
       De,
@@ -122,10 +121,10 @@ var le = "ToastViewport", Be = ["F8"], G = "toast.viewportPause", J = "toast.vie
             {
               ref: n,
               onFocusFromOutsideViewport: () => {
-                const a = l({
+                const i = l({
                   tabbingDirection: "forwards"
                 });
-                z(a);
+                z(i);
               }
             }
           ),
@@ -133,12 +132,12 @@ var le = "ToastViewport", Be = ["F8"], G = "toast.viewportPause", J = "toast.vie
           R && /* @__PURE__ */ c(
             Q,
             {
-              ref: y,
+              ref: h,
               onFocusFromOutsideViewport: () => {
-                const a = l({
+                const i = l({
                   tabbingDirection: "backwards"
                 });
-                z(a);
+                z(i);
               }
             }
           )
@@ -169,7 +168,7 @@ var fe = "ToastFocusProxy", Q = s.forwardRef(
   }
 );
 Q.displayName = fe;
-var U = "Toast", je = "toast.swipeStart", qe = "toast.swipeMove", ze = "toast.swipeCancel", Ge = "toast.swipeEnd", pe = s.forwardRef(
+var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = s.forwardRef(
   (e, r) => {
     const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m = !0, v] = Ae({
       prop: t,
@@ -177,7 +176,7 @@ var U = "Toast", je = "toast.swipeStart", qe = "toast.swipeMove", ze = "toast.sw
       onChange: d
     });
     return /* @__PURE__ */ c(Oe, { present: o || m, children: /* @__PURE__ */ c(
-      Ze,
+      Qe,
       {
         open: m,
         ...f,
@@ -189,25 +188,25 @@ var U = "Toast", je = "toast.swipeStart", qe = "toast.swipeMove", ze = "toast.sw
           n.currentTarget.setAttribute("data-swipe", "start");
         }),
         onSwipeMove: b(e.onSwipeMove, (n) => {
-          const { x: y, y: w } = n.detail.delta;
-          n.currentTarget.setAttribute("data-swipe", "move"), n.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${y}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${w}px`);
+          const { x: h, y: w } = n.detail.delta;
+          n.currentTarget.setAttribute("data-swipe", "move"), n.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${h}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${w}px`);
         }),
         onSwipeCancel: b(e.onSwipeCancel, (n) => {
           n.currentTarget.setAttribute("data-swipe", "cancel"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), n.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
         }),
         onSwipeEnd: b(e.onSwipeEnd, (n) => {
-          const { x: y, y: w } = n.detail.delta;
-          n.currentTarget.setAttribute("data-swipe", "end"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), n.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${y}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${w}px`), v(!1);
+          const { x: h, y: w } = n.detail.delta;
+          n.currentTarget.setAttribute("data-swipe", "end"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), n.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${h}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${w}px`), v(!1);
         })
       }
     ) });
   }
 );
 pe.displayName = U;
-var [Je, Qe] = ce(U, {
+var [Ge, Je] = ce(U, {
   onClose() {
   }
-}), Ze = s.forwardRef(
+}), Qe = s.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
@@ -218,40 +217,40 @@ var [Je, Qe] = ce(U, {
       onEscapeKeyDown: m,
       onPause: v,
       onResume: n,
-      onSwipeStart: y,
+      onSwipeStart: h,
       onSwipeMove: w,
       onSwipeCancel: S,
       onSwipeEnd: g,
       ...R
-    } = e, l = $(U, o), [a, h] = s.useState(null), p = ae(r, (i) => h(i)), T = s.useRef(null), E = s.useRef(null), C = u || l.duration, P = s.useRef(0), N = s.useRef(C), M = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = X(() => {
+    } = e, l = $(U, o), [i, C] = s.useState(null), p = ae(r, (a) => C(a)), T = s.useRef(null), E = s.useRef(null), y = u || l.duration, P = s.useRef(0), N = s.useRef(y), M = 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()), f();
+      (i == null ? void 0 : i.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
     }), A = s.useCallback(
-      (i) => {
-        !i || i === 1 / 0 || (window.clearTimeout(M.current), P.current = (/* @__PURE__ */ new Date()).getTime(), M.current = window.setTimeout(_, i));
+      (a) => {
+        !a || a === 1 / 0 || (window.clearTimeout(M.current), P.current = (/* @__PURE__ */ new Date()).getTime(), M.current = window.setTimeout(_, a));
       },
       [_]
     );
     s.useEffect(() => {
-      const i = l.viewport;
-      if (i) {
+      const a = l.viewport;
+      if (a) {
         const x = () => {
           A(N.current), n == null || n();
         }, I = () => {
           const O = (/* @__PURE__ */ new Date()).getTime() - P.current;
           N.current = N.current - O, window.clearTimeout(M.current), v == null || v();
         };
-        return i.addEventListener(G, I), i.addEventListener(J, x), () => {
-          i.removeEventListener(G, I), i.removeEventListener(J, x);
+        return a.addEventListener(G, I), a.addEventListener(J, x), () => {
+          a.removeEventListener(G, I), a.removeEventListener(J, x);
         };
       }
-    }, [l.viewport, C, v, n, A]), s.useEffect(() => {
-      d && !l.isClosePausedRef.current && A(C);
-    }, [d, C, l.isClosePausedRef, A]), s.useEffect(() => (F(), () => Y()), [F, Y]);
-    const V = s.useMemo(() => a ? Ce(a) : null, [a]);
+    }, [l.viewport, y, v, n, A]), s.useEffect(() => {
+      d && !l.isClosePausedRef.current && A(y);
+    }, [d, y, l.isClosePausedRef, A]), s.useEffect(() => (F(), () => Y()), [F, Y]);
+    const V = s.useMemo(() => i ? Ce(i) : null, [i]);
     return l.viewport ? /* @__PURE__ */ D(se, { children: [
       V && /* @__PURE__ */ c(
-        et,
+        Ze,
         {
           __scopeToast: o,
           role: "status",
@@ -260,7 +259,7 @@ var [Je, Qe] = ce(U, {
           children: V
         }
       ),
-      /* @__PURE__ */ c(Je, { scope: o, onClose: _, children: Se.createPortal(
+      /* @__PURE__ */ c(Ge, { scope: o, onClose: _, children: Se.createPortal(
         /* @__PURE__ */ c(ee.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
           Le,
           {
@@ -280,29 +279,29 @@ var [Je, Qe] = ce(U, {
                 ...R,
                 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, _()));
+                onKeyDown: b(e.onKeyDown, (a) => {
+                  a.key === "Escape" && (m == null || m(a.nativeEvent), a.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, _()));
                 }),
-                onPointerDown: b(e.onPointerDown, (i) => {
-                  i.button === 0 && (T.current = { x: i.clientX, y: i.clientY });
+                onPointerDown: b(e.onPointerDown, (a) => {
+                  a.button === 0 && (T.current = { x: a.clientX, y: a.clientY });
                 }),
-                onPointerMove: b(e.onPointerMove, (i) => {
+                onPointerMove: b(e.onPointerMove, (a) => {
                   if (!T.current) return;
-                  const x = i.clientX - T.current.x, I = i.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? K(0, x) : 0, xe = k ? 0 : K(0, I), B = i.pointerType === "touch" ? 10 : 2, H = { x: Pe, y: xe }, te = { originalEvent: i, delta: H };
-                  O ? (E.current = H, W(qe, w, te, {
+                  const x = a.clientX - T.current.x, I = a.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? K(0, x) : 0, xe = k ? 0 : K(0, I), B = a.pointerType === "touch" ? 10 : 2, H = { x: Pe, y: xe }, te = { originalEvent: a, delta: H };
+                  O ? (E.current = H, W(je, w, te, {
                     discrete: !1
-                  })) : ne(H, l.swipeDirection, B) ? (E.current = H, W(je, y, te, {
+                  })) : ne(H, l.swipeDirection, B) ? (E.current = H, W(Be, h, te, {
                     discrete: !1
-                  }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(x) > B || Math.abs(I) > B) && (T.current = null);
+                  }), a.target.setPointerCapture(a.pointerId)) : (Math.abs(x) > B || Math.abs(I) > B) && (T.current = null);
                 }),
-                onPointerUp: b(e.onPointerUp, (i) => {
-                  const x = E.current, I = i.target;
-                  if (I.hasPointerCapture(i.pointerId) && I.releasePointerCapture(i.pointerId), E.current = null, T.current = null, x) {
-                    const O = i.currentTarget, k = { originalEvent: i, delta: x };
-                    ne(x, l.swipeDirection, l.swipeThreshold) ? W(Ge, g, k, {
+                onPointerUp: b(e.onPointerUp, (a) => {
+                  const x = E.current, I = a.target;
+                  if (I.hasPointerCapture(a.pointerId) && I.releasePointerCapture(a.pointerId), E.current = null, T.current = null, x) {
+                    const O = a.currentTarget, k = { originalEvent: a, delta: x };
+                    ne(x, l.swipeDirection, l.swipeThreshold) ? W(ze, g, k, {
                       discrete: !0
                     }) : W(
-                      ze,
+                      qe,
                       S,
                       k,
                       {
@@ -321,9 +320,9 @@ var [Je, Qe] = ce(U, {
       ) })
     ] }) : null;
   }
-), et = (e) => {
+), Ze = (e) => {
   const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
-  return rt(() => f(!0)), s.useEffect(() => {
+  return ot(() => 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: [
@@ -331,20 +330,20 @@ var [Je, Qe] = ce(U, {
     " ",
     o
   ] }) }) });
-}, tt = "ToastTitle", me = s.forwardRef(
+}, et = "ToastTitle", me = s.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
     return /* @__PURE__ */ c(L.div, { ...t, ref: r });
   }
 );
-me.displayName = tt;
-var ot = "ToastDescription", Te = s.forwardRef(
+me.displayName = et;
+var tt = "ToastDescription", Te = s.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
     return /* @__PURE__ */ c(L.div, { ...t, ref: r });
   }
 );
-Te.displayName = ot;
+Te.displayName = tt;
 var ve = "ToastAction", we = s.forwardRef(
   (e, r) => {
     const { altText: o, ...t } = e;
@@ -356,7 +355,7 @@ var ve = "ToastAction", we = s.forwardRef(
 we.displayName = ve;
 var Ee = "ToastClose", he = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, ...t } = e, u = Qe(Ee, o);
+    const { __scopeToast: o, ...t } = e, u = Je(Ee, o);
     return /* @__PURE__ */ c(ye, { asChild: !0, children: /* @__PURE__ */ c(
       L.button,
       {
@@ -384,7 +383,7 @@ var ye = s.forwardRef((e, r) => {
 function Ce(e) {
   const r = [];
   return Array.from(e.childNodes).forEach((t) => {
-    if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), nt(t)) {
+    if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), rt(t)) {
       const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
       if (!u)
         if (d) {
@@ -403,7 +402,7 @@ var ne = (e, r, o = 0) => {
   const t = Math.abs(e.x), u = Math.abs(e.y), d = t > u;
   return r === "left" || r === "right" ? d && t > o : !d && u > o;
 };
-function rt(e = () => {
+function ot(e = () => {
 }) {
   const r = X(e);
   Fe(() => {
@@ -413,10 +412,10 @@ function rt(e = () => {
     };
   }, [r]);
 }
-function nt(e) {
+function rt(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
-function st(e) {
+function nt(e) {
   const r = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (t) => {
       const u = t.tagName === "INPUT" && t.type === "hidden";
@@ -430,8 +429,8 @@ function z(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var at = ue, it = de, ct = pe, ut = me, lt = Te, dt = we;
-const gt = ({
+var st = ue, at = de, it = pe, ct = me, ut = Te, lt = we;
+const Rt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
@@ -442,32 +441,32 @@ const gt = ({
   showCloseButton: m = !0,
   closeButtonClassName: v,
   className: n,
-  open: y = !1,
+  open: h = !1,
   setOpen: w
 }) => {
-  const S = Re(0), { theme: g } = Xe(), R = f ?? g;
+  const S = Re(0);
   be(() => () => clearTimeout(S.current), []);
-  const l = oe(() => re(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : e, [e, o]), a = oe(() => re(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : u, [u, t]), h = ge(() => {
+  const g = oe(() => re(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : e, [e, o]), R = oe(() => re(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : u, [u, t]), l = ge(() => {
     w(!1), S.current = window.setTimeout(() => w(!0), 100);
   }, [w]);
-  return /* @__PURE__ */ D(at, { swipeDirection: "right", duration: r, children: [
-    /* @__PURE__ */ c(j, { onClick: h, children: d }),
+  return /* @__PURE__ */ D(st, { swipeDirection: "right", duration: r, children: [
+    /* @__PURE__ */ c(j, { onClick: l, children: d }),
     /* @__PURE__ */ D(
-      ct,
+      it,
       {
-        className: q(Ke({ theme: R, className: n })),
-        open: y,
+        className: q(Ke({ className: n })),
+        "data-theme": f,
+        open: h,
         onOpenChange: w,
         children: [
-          /* @__PURE__ */ c(ut, { asChild: !0, className: o, children: l }),
-          a && /* @__PURE__ */ c(lt, { asChild: !0, children: a }),
-          m && /* @__PURE__ */ c(dt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
+          /* @__PURE__ */ c(ct, { asChild: !0, className: o, children: g }),
+          R && /* @__PURE__ */ c(ut, { asChild: !0, children: R }),
+          m && /* @__PURE__ */ c(lt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
             /* @__PURE__ */ c(
               We,
               {
                 className: q(
                   Ve({
-                    theme: R,
                     className: v
                   })
                 )
@@ -478,14 +477,9 @@ const gt = ({
         ]
       }
     ),
-    /* @__PURE__ */ c(
-      it,
-      {
-        className: q(He({ theme: R }))
-      }
-    )
+    /* @__PURE__ */ c(at, { className: q(He()) })
   ] });
 };
 export {
-  gt as Toast
+  Rt as Toast
 };

package/dist/components/Toast/Toast.variants.js

@@ -1,73 +1,45 @@
 import { c as e } from "../../index-BNmRGtA6.js";
-const a = e(
-  [
-    "rounded-md",
-    "shadow-md",
-    "p-4",
-    "flex",
-    "flex-col",
-    "relative",
-    "border",
-    "overflow-hidden",
-    "data-[state=open]:animate-slide-in",
-    "data-[state=closed]:animate-hide",
-    "data-[swipe=move]:translate-x-4",
-    "data-[swipe=cancel]:translate-x-0",
-    "data-[swipe=end]:animate-swipe-out"
-  ],
-  {
-    variants: {
-      theme: {
-        kubefirst: ["shadow-purple-200", "border-purple-100"],
-        colony: ["shadow-red-200", "border-red-100"],
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-), r = e(
-  [
-    "fixed",
-    "bottom-0",
-    "right-0",
-    "flex",
-    "flex-col",
-    "p-[var(--viewport-padding)]",
-    "gap-8",
-    "w-[390px]",
-    "max-w-[100vw]",
-    "m-0",
-    "z-50",
-    "outline-none"
-  ],
-  {
-    variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-), o = e(["top-2", "right-2", "w-4", "h-4"], {
-  variants: {
-    theme: {
-      kubefirst: ["text-kubefirst-primary"],
-      colony: ["text-red-400"],
-      civo: ""
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst"
-  }
-});
+const t = e([
+  "rounded-md",
+  "shadow-md",
+  "p-4",
+  "flex",
+  "flex-col",
+  "relative",
+  "border",
+  "overflow-hidden",
+  "data-[state=open]:animate-slide-in",
+  "data-[state=closed]:animate-hide",
+  "data-[swipe=move]:translate-x-4",
+  "data-[swipe=cancel]:translate-x-0",
+  "data-[swipe=end]:animate-swipe-out",
+  "shadow-purple-200",
+  "border-purple-100",
+  "colony:shadow-red-200",
+  "colony:border-red-100"
+]), o = e([
+  "fixed",
+  "bottom-0",
+  "right-0",
+  "flex",
+  "flex-col",
+  "p-[var(--viewport-padding)]",
+  "gap-8",
+  "w-[390px]",
+  "max-w-[100vw]",
+  "m-0",
+  "z-50",
+  "outline-none"
+]), r = e([
+  "top-2",
+  "right-2",
+  "w-4",
+  "h-4",
+  "text-kubefirst-primary",
+  "colony:text-red-400"
+]);
 export {
-  o as closeToastVariants,
-  a as toastVariants,
-  r as viewportToastVariants
+  r as closeToastVariants,
+  t as toastVariants,
+  o as viewportToastVariants
 };