@sikka/hawa 0.1.91 → 0.1.92

package/dist/index.mjs

@@ -724,7 +724,8 @@ var buttonVariants = cva2(
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        neoBrutalism: "cursor-pointer transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms] active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       },
       size: {
         default: "h-10 px-4 py-2",
@@ -754,6 +755,7 @@ var Button = React16.forwardRef(
     ...props
   }, ref) => {
     const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "bg-primary" : "bg-primary-foreground";
     return /* @__PURE__ */ React16.createElement(
       Comp,
       {
@@ -765,7 +767,7 @@ var Button = React16.forwardRef(
         HawaLoading,
         {
           design: "dots-pulse",
-          color: "bg-primary-foreground",
+          color: loadingColor,
           size: "button"
         }
       ) : children
@@ -7045,14 +7047,7 @@ function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";
   return /* @__PURE__ */ React68.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, toasts.map(function({ id, title, description, action, ...toastProps }) {
-    return /* @__PURE__ */ React68.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React68.createElement(
-      "div",
-      {
-        className: cn("grid gap-1", isRTL ? "text-right" : "text-left")
-      },
-      title && /* @__PURE__ */ React68.createElement(ToastTitle, null, title),
-      description && /* @__PURE__ */ React68.createElement(ToastDescription, null, description)
-    ), action, /* @__PURE__ */ React68.createElement(ToastClose, null));
+    return /* @__PURE__ */ React68.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React68.createElement("div", { className: "grid gap-1 text-start" }, title && /* @__PURE__ */ React68.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React68.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React68.createElement(ToastClose, null));
   }), /* @__PURE__ */ React68.createElement(ToastViewport, { className: cn("gap-2", isRTL && "fixed left-0") }));
 }
 
@@ -9035,6 +9030,28 @@ var Icons = {
     /* @__PURE__ */ React.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
     /* @__PURE__ */ React.createElement("polyline", { points: "22,6 12,13 2,6" })
   ),
+  phone: (props) => /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "none",
+      "stroke-width": "2",
+      viewBox: "0 0 24 24",
+      "aria-hidden": "true",
+      height: "1em",
+      width: "1em",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
+      }
+    )
+  ),
   twitter: (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement(
     "path",
     {
@@ -9042,6 +9059,7 @@ var Icons = {
       d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
     }
   )),
+  microsoft: (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z" })),
   gitHub: (props) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 438.549 438.549", ...props }, /* @__PURE__ */ React.createElement(
     "path",
     {
@@ -9139,38 +9157,69 @@ var Icons = {
 
 // src/blocks/AuthForms/AppLanding.tsx
 var AppLanding = (props) => {
-  return /* @__PURE__ */ React85.createElement("div", null, /* @__PURE__ */ React85.createElement(Card, null, /* @__PURE__ */ React85.createElement(CardContent, { headless: true, className: "flex flex-col gap-6" }, /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React85.createElement("div", { dir: props.direction }, /* @__PURE__ */ React85.createElement(Card, null, /* @__PURE__ */ React85.createElement(CardContent, { headless: true, className: "flex flex-col gap-6" }, props.viaGoogle && /* @__PURE__ */ React85.createElement(
     Button,
     {
       className: "flex flex-row items-center gap-2",
-      variant: "outline"
+      variant: "outline",
+      onClick: props.handleGoogle
     },
     /* @__PURE__ */ React85.createElement(Icons.google, { className: "h-4 w-4" }),
-    "Continue With Google"
-  ), /* @__PURE__ */ React85.createElement(
+    props.texts?.continueWithGoogle ?? "Continue With Google"
+  ), props.viaGithub && /* @__PURE__ */ React85.createElement(
     Button,
     {
       className: "flex flex-row items-center gap-2",
-      variant: "outline"
+      variant: "outline",
+      onClick: props.handleGithub
+    },
+    /* @__PURE__ */ React85.createElement(Icons.gitHub, { className: "h-4 w-4" }),
+    props.texts?.continueWithGithub ?? "Continue With Github"
+  ), props.viaTwitter && /* @__PURE__ */ React85.createElement(
+    Button,
+    {
+      className: "flex flex-row items-center gap-2",
+      variant: "outline",
+      onClick: props.handleTwitter
     },
     /* @__PURE__ */ React85.createElement(Icons.twitter, { className: "h-4 w-4" }),
-    "Continue With Twitter"
-  ), /* @__PURE__ */ React85.createElement(
+    props.texts?.continueWithTwitter ?? "Continue With Twitter"
+  ), props.viaApple && /* @__PURE__ */ React85.createElement(
     Button,
     {
       className: "flex flex-row items-center gap-2",
-      variant: "outline"
+      variant: "outline",
+      onClick: props.handleApple
     },
     /* @__PURE__ */ React85.createElement(Icons.apple, { className: "h-4 w-4" }),
-    "Continue With Apple"
-  ), /* @__PURE__ */ React85.createElement(
+    props.texts?.continueWithApple ?? "Continue With Apple"
+  ), props.viaMicrosoft && /* @__PURE__ */ React85.createElement(
     Button,
     {
       className: "flex flex-row items-center gap-2",
-      variant: "outline"
+      variant: "outline",
+      onClick: props.handleMicrosoft
+    },
+    /* @__PURE__ */ React85.createElement(Icons.microsoft, { className: "h-4 w-4" }),
+    props.texts?.continueWithMicrosoft ?? "Continue With Microsoft"
+  ), props.viaEmail && /* @__PURE__ */ React85.createElement(
+    Button,
+    {
+      className: "flex flex-row items-center gap-2",
+      variant: "outline",
+      onClick: props.handleEmail
     },
     /* @__PURE__ */ React85.createElement(Icons.mail, { className: "h-4 w-4" }),
-    "Continue With Email"
+    props.texts?.continueWithEmail ?? "Continue With Email"
+  ), props.viaPhone && /* @__PURE__ */ React85.createElement(
+    Button,
+    {
+      className: "flex flex-row items-center gap-2",
+      variant: "outline",
+      onClick: props.handlePhone
+    },
+    /* @__PURE__ */ React85.createElement(Icons.phone, { className: "h-4 w-4" }),
+    props.texts?.continueWithPhone ?? "Continue With Phone"
   ), !props.withoutSignUp && /* @__PURE__ */ React85.createElement("div", { className: "p-3 text-center text-sm font-normal dark:text-gray-300" }, props.texts.newUserText, " ", /* @__PURE__ */ React85.createElement(
     "span",
     {
@@ -9797,7 +9846,7 @@ var ResetPasswordForm = (props) => {
     register,
     control
   } = methods;
-  return /* @__PURE__ */ React90.createElement(Card, null, !props.sent ? /* @__PURE__ */ React90.createElement(React90.Fragment, null, /* @__PURE__ */ React90.createElement(CardHeader, null, /* @__PURE__ */ React90.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ React90.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ React90.createElement("form", { onSubmit: handleSubmit(props.handleResetPassword) }, /* @__PURE__ */ React90.createElement(CardContent, null, /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React90.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React90.createElement(React90.Fragment, null, !props.headless && /* @__PURE__ */ React90.createElement(CardHeader, null, /* @__PURE__ */ React90.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ React90.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ React90.createElement("form", { onSubmit: handleSubmit(props.handleResetPassword) }, /* @__PURE__ */ React90.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React90.createElement(
     Controller6,
     {
       control,
@@ -9822,7 +9871,7 @@ var ResetPasswordForm = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React90.createElement("div", { className: " pb-2 text-left text-sm dark:text-gray-300" }, props.texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React90.createElement(
+  ), /* @__PURE__ */ React90.createElement("div", { className: "pb-2 text-start text-sm dark:text-gray-300" }, props.texts?.dontHaveAccount ?? "Don't have an account? ", /* @__PURE__ */ React90.createElement(
     "span",
     {
       onClick: props.handleRouteToSignUp,