@sikka/hawa 0.26.30 → 0.26.32

package/dist/index.js

@@ -7408,7 +7408,7 @@ var sizeStyles = {
   sm: "hawa-text-xs"
 };
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement("div", null, /* @__PURE__ */ React57.createElement(
+var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -7418,7 +7418,7 @@ var ToastViewport = React57.forwardRef(({ className, ...props }, ref) => /* @__P
     ),
     ...props
   }
-), /* @__PURE__ */ React57.createElement("div", null, "inside ToastViewport")));
+));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var Toast = React57.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
   return /* @__PURE__ */ React57.createElement(
@@ -7518,134 +7518,10 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // elements/toaster/Toaster.tsx
 var import_react33 = __toESM(require("react"));
-
-// hooks/useToast.ts
-var React58 = __toESM(require("react"));
-var TOAST_LIMIT = 5;
-var TOAST_REMOVE_DELAY = 1e5;
-var count = 0;
-function genId() {
-  count = (count + 1) % Number.MAX_VALUE;
-  return count.toString();
-}
-var toastTimeouts = /* @__PURE__ */ new Map();
-var addToRemoveQueue = (toastId) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId
-    });
-  }, TOAST_REMOVE_DELAY);
-  toastTimeouts.set(toastId, timeout);
-};
-var reducer = (state, action) => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      console.log("adding toast case");
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
-        )
-      };
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast2) => {
-          addToRemoveQueue(toast2.id);
-        });
-      }
-      return {
-        ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
-        )
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === void 0) {
-        return { ...state, toasts: [] };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId)
-      };
-  }
-};
-var listeners = [];
-var memoryState = { toasts: [] };
-function dispatch(action) {
-  console.log("dispatching toast");
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    console.log("mapping through listerners in dispathc");
-    listener(memoryState);
-  });
-}
-function toast({ ...props }) {
-  const id = genId();
-  const update = (props2) => dispatch({
-    type: "UPDATE_TOAST",
-    toast: { ...props2, id }
-  });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open)
-          dismiss();
-      }
-    }
-  });
-  return {
-    id,
-    dismiss,
-    update
-  };
-}
-function useToast() {
-  const [state, setState] = React58.useState(memoryState);
-  React58.useEffect(() => {
-    console.log("useToast triggered in useEffect");
-    console.log("toast state", state);
-    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);
-      }
-    };
-  }, [state]);
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
-  };
-}
-
-// elements/toaster/Toaster.tsx
 function Toaster(props) {
-  const { toasts } = useToast();
+  var _a;
   let isRTL = props.direction === "rtl";
-  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({
+  return /* @__PURE__ */ import_react33.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
     id,
     title,
     description,
@@ -7653,7 +7529,7 @@ function Toaster(props) {
     action,
     ...toastProps
   }) {
-    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(
+    return /* @__PURE__ */ import_react33.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         className: cn(
@@ -7668,10 +7544,7 @@ 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)),
@@ -7683,7 +7556,7 @@ function Toaster(props) {
     {
       className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
     }
-  )));
+  ));
 }
 
 // elements/destroyableCard/DestroyableCard.tsx
@@ -7881,13 +7754,13 @@ var Stats = ({
 };
 
 // layout/sidebar/Sidebar.tsx
-var React63 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var AccordionPrimitive6 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive6.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
-var AccordionItem2 = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React63.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
+var AccordionItem2 = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React62.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React63.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React63.createElement(
+var AccordionTrigger2 = React62.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React62.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React62.createElement(
   AccordionPrimitive6.Trigger,
   {
     ref,
@@ -7895,7 +7768,7 @@ var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ..
     ...props
   },
   children,
-  showArrow && /* @__PURE__ */ React63.createElement(
+  showArrow && /* @__PURE__ */ React62.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -7906,11 +7779,11 @@ var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ..
       width: "1em",
       className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React63.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+    /* @__PURE__ */ React62.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
   )
 )));
 AccordionTrigger2.displayName = AccordionPrimitive6.Trigger.displayName;
-var AccordionContent2 = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React63.createElement(
+var AccordionContent2 = React62.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React62.createElement(
   AccordionPrimitive6.Content,
   {
     ref,
@@ -7920,7 +7793,7 @@ var AccordionContent2 = React63.forwardRef(({ className, children, ...props }, r
     ),
     ...props
   },
-  /* @__PURE__ */ React63.createElement("div", null, children)
+  /* @__PURE__ */ React62.createElement("div", null, children)
 ));
 AccordionContent2.displayName = AccordionPrimitive6.Content.displayName;
 var SidebarGroup = ({
@@ -7934,7 +7807,7 @@ var SidebarGroup = ({
   direction,
   isOpen
 }) => {
-  return /* @__PURE__ */ React63.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React63.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React63.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React63.createElement(
+  return /* @__PURE__ */ React62.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React62.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React62.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React62.createElement(
     Accordion2,
     {
       value: openedItem,
@@ -7945,7 +7818,7 @@ var SidebarGroup = ({
       collapsible: true,
       className: "hawa-flex hawa-flex-col hawa-gap-1"
     },
-    items.map((item, idx) => /* @__PURE__ */ React63.createElement(
+    items.map((item, idx) => /* @__PURE__ */ React62.createElement(
       SidebarItem,
       {
         isOpen,
@@ -7971,14 +7844,14 @@ var SidebarItem = ({
     return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
   };
   if (item.subitems) {
-    return /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React62.createElement(
       AccordionItem2,
       {
         value: item.value,
         className: "hawa-overflow-x-clip ",
         dir: direction
       },
-      /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React62.createElement(
         AccordionTrigger2,
         {
           className: cn(
@@ -7990,7 +7863,7 @@ var SidebarItem = ({
           ),
           showArrow: isOpen
         },
-        /* @__PURE__ */ React63.createElement(
+        /* @__PURE__ */ React62.createElement(
           "div",
           {
             className: cn(
@@ -7998,7 +7871,7 @@ var SidebarItem = ({
             )
           },
           item.icon && item.icon,
-          /* @__PURE__ */ React63.createElement(
+          /* @__PURE__ */ React62.createElement(
             "span",
             {
               className: cn(
@@ -8010,14 +7883,14 @@ var SidebarItem = ({
           )
         )
       ),
-      item.subitems && /* @__PURE__ */ React63.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React63.createElement(
+      item.subitems && /* @__PURE__ */ React62.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React62.createElement(
         "div",
         {
           className: cn(
             "hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1"
           )
         },
-        item.subitems.map((subitem, idx) => /* @__PURE__ */ React63.createElement(
+        item.subitems.map((subitem, idx) => /* @__PURE__ */ React62.createElement(
           "a",
           {
             href: subitem.slug,
@@ -8048,7 +7921,7 @@ var SidebarItem = ({
       ))
     );
   } else {
-    return /* @__PURE__ */ React63.createElement(
+    return /* @__PURE__ */ React62.createElement(
       "a",
       {
         href: item.slug,
@@ -8072,7 +7945,7 @@ var SidebarItem = ({
           "hawa-overflow-x-clip "
         )
       },
-      /* @__PURE__ */ React63.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React63.createElement(
+      /* @__PURE__ */ React62.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React62.createElement(
         "span",
         {
           className: cn(
@@ -8082,7 +7955,7 @@ var SidebarItem = ({
         },
         item.label,
         " ",
-        item.badge && /* @__PURE__ */ React63.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
+        item.badge && /* @__PURE__ */ React62.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
       ))
     );
   }
@@ -8675,14 +8548,14 @@ var AppTopbar = ({ ...props }) => {
 };
 
 // layout/appMenubar/AppMenubar.tsx
-var React68 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var Menubar = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.Root,
   {
     ref,
@@ -8694,7 +8567,7 @@ var Menubar = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarTrigger = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -8706,7 +8579,7 @@ var MenubarTrigger = React68.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarSubTrigger = React67.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -8718,7 +8591,7 @@ var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...pro
     ...props
   },
   children,
-  /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React67.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -8733,11 +8606,11 @@ var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...pro
       strokeLinejoin: "round",
       className: "hawa-icon hawa-ml-auto"
     },
-    /* @__PURE__ */ React68.createElement("path", { d: "m9 18 6-6-6-6" })
+    /* @__PURE__ */ React67.createElement("path", { d: "m9 18 6-6-6-6" })
   )
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarSubContent = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -8749,8 +8622,8 @@ var MenubarSubContent = React68.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React68.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React68.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React68.createElement(
+var MenubarContent = React67.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React67.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React67.createElement(
     MenubarPrimitive.Content,
     {
       ref,
@@ -8766,7 +8639,7 @@ var MenubarContent = React68.forwardRef(
   ))
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React68.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarItem = React67.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.Item,
   {
     ref,
@@ -8779,7 +8652,7 @@ var MenubarItem = React68.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarCheckboxItem = React67.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -8790,7 +8663,7 @@ var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ..
     checked,
     ...props
   },
-  /* @__PURE__ */ React68.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React68.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React67.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React67.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React67.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8804,12 +8677,12 @@ var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ..
       strokeLinejoin: "round",
       className: "hawa-icon"
     },
-    /* @__PURE__ */ React68.createElement("path", { d: "M20 6 9 17l-5-5" })
+    /* @__PURE__ */ React67.createElement("path", { d: "M20 6 9 17l-5-5" })
   ))),
   children
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarRadioItem = React67.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -8819,7 +8692,7 @@ var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, re
     ),
     ...props
   },
-  /* @__PURE__ */ React68.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React68.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React68.createElement(
+  /* @__PURE__ */ React67.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React67.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React67.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8833,12 +8706,12 @@ var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, re
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React68.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React67.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React68.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarLabel = React67.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.Label,
   {
     ref,
@@ -8851,7 +8724,7 @@ var MenubarLabel = React68.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
+var MenubarSeparator = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -8864,7 +8737,7 @@ var MenubarShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React68.createElement(
+  return /* @__PURE__ */ React67.createElement(
     "span",
     {
       className: cn(
@@ -11695,6 +11568,128 @@ var import_react75 = require("react");
 // hooks/useHover.ts
 var import_react76 = require("react");
 
+// hooks/useToast.ts
+var React103 = __toESM(require("react"));
+var TOAST_LIMIT = 5;
+var TOAST_REMOVE_DELAY = 1e5;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      console.log("adding toast case");
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return { ...state, toasts: [] };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  console.log("dispatching toast");
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    console.log("mapping through listerners in dispathc");
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open)
+          dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React103.useState(memoryState);
+  React103.useEffect(() => {
+    console.log("useToast triggered in useEffect");
+    console.log("toast state", state);
+    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);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+
 // hooks/useCarousel.ts
 var import_react77 = require("react");