@sikka/hawa 0.26.26 → 0.26.28

package/dist/{chunk-KCE3K4QX.mjs → chunk-JNUGOUYJ.mjs}

@@ -102,11 +102,12 @@ function useToast() {
   React.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }

package/dist/elements/index.js

@@ -7467,11 +7467,12 @@ function useToast() {
   React58.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }
@@ -7488,7 +7489,7 @@ function useToast() {
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
+  return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
     id,
     title,
     description,
@@ -7496,7 +7497,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         className: cn(
@@ -7511,7 +7512,10 @@ function Toaster(props) {
         {
           className: cn(
             "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
-            { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
           )
         },
         /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react33.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react33.default.createElement(ToastDescription, { size }, description)),
@@ -7523,7 +7527,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  ));
+  )));
 }
 
 // elements/destroyableCard/DestroyableCard.tsx

package/dist/elements/index.mjs

@@ -1,7 +1,7 @@
 import {
   useClipboard,
   useToast
-} from "../chunk-KCE3K4QX.mjs";
+} from "../chunk-JNUGOUYJ.mjs";
 import {
   Alert,
   CheckMark,
@@ -3073,7 +3073,7 @@ import React31 from "react";
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ React31.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
+  return /* @__PURE__ */ React31.createElement("div", null, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React31.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
     id,
     title,
     description,
@@ -3081,7 +3081,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ React31.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React31.createElement(
+    return /* @__PURE__ */ React31.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React31.createElement(
       "div",
       {
         className: cn(
@@ -3096,7 +3096,10 @@ function Toaster(props) {
         {
           className: cn(
             "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
-            { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
           )
         },
         /* @__PURE__ */ React31.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React31.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React31.createElement(ToastDescription, { size }, description)),
@@ -3108,7 +3111,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  ));
+  )));
 }
 
 // elements/destroyableCard/DestroyableCard.tsx

package/dist/hooks/index.js

@@ -159,11 +159,12 @@ function useToast() {
   React3.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }

package/dist/hooks/index.mjs

@@ -6,7 +6,7 @@ import {
   toast,
   useClipboard,
   useToast
-} from "../chunk-KCE3K4QX.mjs";
+} from "../chunk-JNUGOUYJ.mjs";
 import "../chunk-ZFXKCRJC.mjs";
 
 // hooks/useIsomorphicEffect.ts

package/dist/index.js

@@ -7623,11 +7623,12 @@ function useToast() {
   React58.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }
@@ -7644,7 +7645,7 @@ function useToast() {
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
+  return /* @__PURE__ */ import_react33.default.createElement("div", null, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
     id,
     title,
     description,
@@ -7652,7 +7653,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         className: cn(
@@ -7667,7 +7668,10 @@ function Toaster(props) {
         {
           className: cn(
             "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
-            { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
           )
         },
         /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react33.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react33.default.createElement(ToastDescription, { size }, description)),
@@ -7679,7 +7683,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  ));
+  )));
 }
 
 // elements/destroyableCard/DestroyableCard.tsx

package/dist/index.mjs

@@ -7409,11 +7409,12 @@ function useToast() {
   React58.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }
@@ -7430,7 +7431,7 @@ function useToast() {
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ React59.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
+  return /* @__PURE__ */ React59.createElement("div", null, /* @__PURE__ */ React59.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React59.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React59.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
     id,
     title,
     description,
@@ -7438,7 +7439,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ React59.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React59.createElement(
+    return /* @__PURE__ */ React59.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React59.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React59.createElement(
       "div",
       {
         className: cn(
@@ -7453,7 +7454,10 @@ function Toaster(props) {
         {
           className: cn(
             "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
-            { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
           )
         },
         /* @__PURE__ */ React59.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React59.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React59.createElement(ToastDescription, { size }, description)),
@@ -7465,7 +7469,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  ));
+  )));
 }
 
 // elements/destroyableCard/DestroyableCard.tsx

package/dist/toaster/index.js

@@ -37,6 +37,13 @@ module.exports = __toCommonJS(toaster_exports);
 // elements/toaster/Toaster.tsx
 var import_react = __toESM(require("react"));
 
+// util/index.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
 // hooks/useToast.ts
 var React = __toESM(require("react"));
 var TOAST_LIMIT = 5;
@@ -141,11 +148,12 @@ function useToast() {
   React.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }
@@ -158,13 +166,6 @@ function useToast() {
   };
 }
 
-// util/index.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
 // elements/toast/Toast.tsx
 var React2 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
@@ -306,7 +307,7 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ import_react.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ import_react.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ import_react.default.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
     id,
     title,
     description,
@@ -314,7 +315,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ import_react.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react.default.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: cn(
@@ -329,7 +330,10 @@ function Toaster(props) {
         {
           className: cn(
             "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
-            { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
           )
         },
         /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react.default.createElement(ToastDescription, { size }, description)),
@@ -341,7 +345,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  ));
+  )));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/toaster/index.mjs

@@ -117,11 +117,12 @@ function useToast() {
   React.useEffect(() => {
     console.log("useToast triggered in useEffect");
     console.log("toast state", state);
-    console.log("listerners", listeners);
+    console.log("listerners BEFORE", listeners);
     console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
+      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }
@@ -138,7 +139,7 @@ function useToast() {
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
-  return /* @__PURE__ */ React2.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({
+  return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React2.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React2.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
     id,
     title,
     description,
@@ -146,7 +147,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    return /* @__PURE__ */ React2.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React2.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React2.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React2.createElement(
       "div",
       {
         className: cn(
@@ -161,7 +162,10 @@ function Toaster(props) {
         {
           className: cn(
             "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
-            { "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
           )
         },
         /* @__PURE__ */ React2.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React2.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React2.createElement(ToastDescription, { size }, description)),
@@ -173,7 +177,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  ));
+  )));
 }
 export {
   Toaster

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.26.26",
+  "version": "0.26.28",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",