@sikka/hawa/dist/sonner/index.mjs

Modern UI Kit made with Tailwind

"use client";

// elements/sonner/Sonner.tsx
import React from "react";

// util/index.ts
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
function cn(...inputs) {
  return twMerge(clsx(inputs));
}

// elements/sonner/Sonner.tsx
import { Toaster as SonnerToaster, toast } from "sonner";
var Sonner = ({ ...props }) => {
  return /* @__PURE__ */ React.createElement(
    SonnerToaster,
    {
      dir: props.direction,
      position: props.direction === "rtl" ? "bottom-left" : "bottom-right",
      className: "toaster group",
      toastOptions: {
        classNames: {
          toast: cn(
            "group  toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
            props.direction === "rtl" && "!hawa-start-[32px] md:!hawa-start-auto"
            //To fix on mobile
          ),
          description: "group-[.toast]:hawa-text-muted-foreground",
          actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground",
          title: "!hawa-font-bold"
        }
      },
      style: { fontFamily: "IBM Plex Sans Arabic" },
      ...props
    }
  );
};
var createSonner = toast;
export {
  Sonner,
  createSonner
};
//# sourceMappingURL=index.mjs.map