@sikka/hawa 0.1.83 → 0.1.84

package/.github/workflows/hawa-ci.yml

@@ -57,12 +57,12 @@ jobs:
       - name: Install Hawa Landing
         run: |
           rm -fr /home/cloudpanel/htdocs/hawa.style || true
-          cd /var/www/html/sikka-software/_work/Hawa/Hawa/landing
+          cd /var/www/html/sikka-software/_work/Hawa/Hawa/deploy-landing-path/landing
           rm -fr package-lock.json || true
           rm -fr node_modules  || true
           npm install
           npm run build --if-present
-          ln -s /var/www/html/sikka-software/_work/Hawa/Hawa/landing /home/cloudpanel/htdocs/hawa.style
+          ln -s /var/www/html/sikka-software/_work/Hawa/Hawa/deploy-landing-path/landing /home/cloudpanel/htdocs/hawa.style
           pm2 stop hawa-landing || true
           pm2 delete hawa-landing || true
           pm2 start npm --name "hawa-landing" -- start || true
@@ -84,7 +84,7 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Generate Storybook Static Files
         run: |
-          cd /var/www/html/sikka-software/_work/Hawa/Hawa
+          cd /var/www/html/sikka-software/_work/Hawa/Hawa/build-storybook-path
           rm -fr package-lock.json || true
           npm install
           npm run build-storybook

package/dist/index.js

@@ -8537,109 +8537,6 @@ var UserSettingsForm = function(props) {
 };
 // src/blocks/AuthForms/AppLanding.tsx
 var import_react70 = __toESM(require("react"));
-var AppLanding = function(props) {
-    return /* @__PURE__ */ import_react70.default.createElement("div", null, /* @__PURE__ */ import_react70.default.createElement(Card, null, /* @__PURE__ */ import_react70.default.createElement(CardContent, {
-        headless: true,
-        className: "flex flex-col gap-6"
-    }, props.handleSignIn && /* @__PURE__ */ import_react70.default.createElement(Button, {
-        onClick: props.handleSignIn
-    }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ import_react70.default.createElement(Button, {
-        onClick: props.handleSignUp
-    }, props.texts.signUp))), /* @__PURE__ */ import_react70.default.createElement("div", {
-        className: "mt-6 flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
-        onChangeTab: props.handleLanguage,
-        design: "tabs",
-        options: [
-            {
-                value: "ar",
-                label: "عربي"
-            },
-            {
-                value: "en",
-                label: "English"
-            }
-        ]
-    }), /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
-        onChangeTab: props.handleColorMode,
-        design: "tabs",
-        options: [
-            {
-                value: "light",
-                label: /* @__PURE__ */ import_react70.default.createElement("svg", {
-                    width: "15",
-                    height: "15",
-                    viewBox: "0 0 15 15",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-                }, /* @__PURE__ */ import_react70.default.createElement("path", {
-                    d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                    fill: "currentColor",
-                    fillRule: "evenodd",
-                    clipRule: "evenodd"
-                }))
-            },
-            {
-                value: "dark",
-                label: /* @__PURE__ */ import_react70.default.createElement("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react70.default.createElement("path", {
-                    d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
-                }))
-            }
-        ]
-    })));
-};
-// src/blocks/AuthForms/SignInPhone.tsx
-var import_react71 = __toESM(require("react"));
-var import_react_hook_form2 = require("react-hook-form");
-var SignInPhone = function(props) {
-    var methods = (0, import_react_hook_form2.useForm)();
-    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var _ref = _sliced_to_array((0, import_react71.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
-    var _props_country, _props_label;
-    return /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
-        headless: true
-    }, /* @__PURE__ */ import_react71.default.createElement("form", {
-        onSubmit: function(e) {
-            e.preventDefault();
-            props.handleSignIn(userPhone);
-        }
-    }, /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form2.Controller, {
-        control: control,
-        name: "phone",
-        render: function(param) {
-            var field = param.field;
-            return /* @__PURE__ */ import_react71.default.createElement(HawaPhoneInput, _object_spread({
-                country: (_props_country = props.country) !== null && _props_country !== void 0 ? _props_country : "",
-                label: (_props_label = props.label) !== null && _props_label !== void 0 ? _props_label : "",
-                handleChange: function(e) {
-                    return setUserPhone(e.target.value);
-                }
-            }, field));
-        },
-        rules: {
-            required: props.phoneRequiredText
-        }
-    }), /* @__PURE__ */ import_react71.default.createElement("div", {
-        className: "mt-2"
-    }), /* @__PURE__ */ import_react71.default.createElement(Button, {
-        className: "w-full"
-    }, props.SignInButtonText))));
-};
-// src/blocks/AuthForms/SignInForm.tsx
-var import_react72 = __toESM(require("react"));
-var import_react_hook_form3 = require("react-hook-form");
 // src/elements/Icons.tsx
 var Icons = {
     logo: function(props) {
@@ -8796,7 +8693,115 @@ var Icons = {
         }));
     }
 };
+// src/blocks/AuthForms/AppLanding.tsx
+var AppLanding = function(props) {
+    return /* @__PURE__ */ import_react70.default.createElement("div", null, /* @__PURE__ */ import_react70.default.createElement(Card, null, /* @__PURE__ */ import_react70.default.createElement(CardContent, {
+        headless: true,
+        className: "flex flex-col gap-6"
+    }, /* @__PURE__ */ import_react70.default.createElement(Button, {
+        className: "flex flex-row items-center gap-2",
+        variant: "outline"
+    }, /* @__PURE__ */ import_react70.default.createElement(Icons.google, {
+        className: "h-4 w-4"
+    }), "Continue With Google"), props.handleSignIn && /* @__PURE__ */ import_react70.default.createElement(Button, {
+        onClick: props.handleSignIn
+    }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ import_react70.default.createElement(Button, {
+        onClick: props.handleSignUp
+    }, props.texts.signUp))), /* @__PURE__ */ import_react70.default.createElement("div", {
+        className: "mt-6 flex flex-row justify-between"
+    }, /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
+        onChangeTab: props.handleLanguage,
+        design: "tabs",
+        options: [
+            {
+                value: "ar",
+                label: "عربي"
+            },
+            {
+                value: "en",
+                label: "English"
+            }
+        ]
+    }), /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
+        onChangeTab: props.handleColorMode,
+        design: "tabs",
+        options: [
+            {
+                value: "light",
+                label: /* @__PURE__ */ import_react70.default.createElement("svg", {
+                    width: "15",
+                    height: "15",
+                    viewBox: "0 0 15 15",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
+                }, /* @__PURE__ */ import_react70.default.createElement("path", {
+                    d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
+                    fill: "currentColor",
+                    fillRule: "evenodd",
+                    clipRule: "evenodd"
+                }))
+            },
+            {
+                value: "dark",
+                label: /* @__PURE__ */ import_react70.default.createElement("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
+                }, /* @__PURE__ */ import_react70.default.createElement("path", {
+                    d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
+                }))
+            }
+        ]
+    })));
+};
+// src/blocks/AuthForms/SignInPhone.tsx
+var import_react71 = __toESM(require("react"));
+var import_react_hook_form2 = require("react-hook-form");
+var SignInPhone = function(props) {
+    var methods = (0, import_react_hook_form2.useForm)();
+    var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
+    var _ref = _sliced_to_array((0, import_react71.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
+    var _props_country, _props_label;
+    return /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
+        headless: true
+    }, /* @__PURE__ */ import_react71.default.createElement("form", {
+        onSubmit: function(e) {
+            e.preventDefault();
+            props.handleSignIn(userPhone);
+        }
+    }, /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form2.Controller, {
+        control: control,
+        name: "phone",
+        render: function(param) {
+            var field = param.field;
+            return /* @__PURE__ */ import_react71.default.createElement(HawaPhoneInput, _object_spread({
+                country: (_props_country = props.country) !== null && _props_country !== void 0 ? _props_country : "",
+                label: (_props_label = props.label) !== null && _props_label !== void 0 ? _props_label : "",
+                handleChange: function(e) {
+                    return setUserPhone(e.target.value);
+                }
+            }, field));
+        },
+        rules: {
+            required: props.phoneRequiredText
+        }
+    }), /* @__PURE__ */ import_react71.default.createElement("div", {
+        className: "mt-2"
+    }), /* @__PURE__ */ import_react71.default.createElement(Button, {
+        className: "w-full"
+    }, props.SignInButtonText))));
+};
 // src/blocks/AuthForms/SignInForm.tsx
+var import_react72 = __toESM(require("react"));
+var import_react_hook_form3 = require("react-hook-form");
 var SignInForm = function(props) {
     var _ref = (0, import_react_hook_form3.useForm)(), errors = _ref.formState.errors, handleSubmit = _ref.handleSubmit, control = _ref.control;
     var _field_value, _field_value1;

package/dist/index.mjs

@@ -8883,116 +8883,6 @@ var UserSettingsForm = (props) => {
 
 // src/blocks/AuthForms/AppLanding.tsx
 import React84 from "react";
-var AppLanding = (props) => {
-  return /* @__PURE__ */ React84.createElement("div", null, /* @__PURE__ */ React84.createElement(Card, null, /* @__PURE__ */ React84.createElement(CardContent, { headless: true, className: "flex flex-col gap-6" }, props.handleSignIn && /* @__PURE__ */ React84.createElement(Button, { onClick: props.handleSignIn }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ React84.createElement(Button, { onClick: props.handleSignUp }, props.texts.signUp))), /* @__PURE__ */ React84.createElement("div", { className: "mt-6 flex flex-row justify-between" }, /* @__PURE__ */ React84.createElement(
-    HawaRadio,
-    {
-      onChangeTab: props.handleLanguage,
-      design: "tabs",
-      options: [
-        { value: "ar", label: "\u0639\u0631\u0628\u064A" },
-        { value: "en", label: "English" }
-      ]
-    }
-  ), /* @__PURE__ */ React84.createElement(
-    HawaRadio,
-    {
-      onChangeTab: props.handleColorMode,
-      design: "tabs",
-      options: [
-        {
-          value: "light",
-          label: /* @__PURE__ */ React84.createElement(
-            "svg",
-            {
-              width: "15",
-              height: "15",
-              viewBox: "0 0 15 15",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-            },
-            /* @__PURE__ */ React84.createElement(
-              "path",
-              {
-                d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                fill: "currentColor",
-                fillRule: "evenodd",
-                clipRule: "evenodd"
-              }
-            )
-          )
-        },
-        {
-          value: "dark",
-          label: /* @__PURE__ */ React84.createElement(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-            },
-            /* @__PURE__ */ React84.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
-          )
-        }
-      ]
-    }
-  )));
-};
-
-// src/blocks/AuthForms/SignInPhone.tsx
-import React85, { useState as useState41 } from "react";
-import { Controller as Controller2, useForm as useForm2 } from "react-hook-form";
-var SignInPhone = (props) => {
-  const methods = useForm2();
-  const {
-    formState: { errors },
-    handleSubmit,
-    control
-  } = methods;
-  const [userPhone, setUserPhone] = useState41("");
-  return /* @__PURE__ */ React85.createElement(Card, null, /* @__PURE__ */ React85.createElement(CardContent, { headless: true }, /* @__PURE__ */ React85.createElement(
-    "form",
-    {
-      onSubmit: (e) => {
-        e.preventDefault();
-        props.handleSignIn(userPhone);
-      }
-    },
-    /* @__PURE__ */ React85.createElement(
-      Controller2,
-      {
-        control,
-        name: "phone",
-        render: ({ field }) => /* @__PURE__ */ React85.createElement(
-          HawaPhoneInput,
-          {
-            country: props.country ?? "",
-            label: props.label ?? "",
-            handleChange: (e) => setUserPhone(e.target.value),
-            ...field
-          }
-        ),
-        rules: {
-          required: props.phoneRequiredText
-        }
-      }
-    ),
-    /* @__PURE__ */ React85.createElement("div", { className: "mt-2" }),
-    /* @__PURE__ */ React85.createElement(Button, { className: "w-full" }, props.SignInButtonText)
-  )));
-};
-
-// src/blocks/AuthForms/SignInForm.tsx
-import React86 from "react";
-import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 
 // src/elements/Icons.tsx
 var Icons = {
@@ -9125,7 +9015,125 @@ var Icons = {
   )
 };
 
+// src/blocks/AuthForms/AppLanding.tsx
+var AppLanding = (props) => {
+  return /* @__PURE__ */ React84.createElement("div", null, /* @__PURE__ */ React84.createElement(Card, null, /* @__PURE__ */ React84.createElement(CardContent, { headless: true, className: "flex flex-col gap-6" }, /* @__PURE__ */ React84.createElement(
+    Button,
+    {
+      className: "flex flex-row items-center gap-2",
+      variant: "outline"
+    },
+    /* @__PURE__ */ React84.createElement(Icons.google, { className: "h-4 w-4" }),
+    "Continue With Google"
+  ), props.handleSignIn && /* @__PURE__ */ React84.createElement(Button, { onClick: props.handleSignIn }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ React84.createElement(Button, { onClick: props.handleSignUp }, props.texts.signUp))), /* @__PURE__ */ React84.createElement("div", { className: "mt-6 flex flex-row justify-between" }, /* @__PURE__ */ React84.createElement(
+    HawaRadio,
+    {
+      onChangeTab: props.handleLanguage,
+      design: "tabs",
+      options: [
+        { value: "ar", label: "\u0639\u0631\u0628\u064A" },
+        { value: "en", label: "English" }
+      ]
+    }
+  ), /* @__PURE__ */ React84.createElement(
+    HawaRadio,
+    {
+      onChangeTab: props.handleColorMode,
+      design: "tabs",
+      options: [
+        {
+          value: "light",
+          label: /* @__PURE__ */ React84.createElement(
+            "svg",
+            {
+              width: "15",
+              height: "15",
+              viewBox: "0 0 15 15",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
+            },
+            /* @__PURE__ */ React84.createElement(
+              "path",
+              {
+                d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
+                fill: "currentColor",
+                fillRule: "evenodd",
+                clipRule: "evenodd"
+              }
+            )
+          )
+        },
+        {
+          value: "dark",
+          label: /* @__PURE__ */ React84.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
+            },
+            /* @__PURE__ */ React84.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+          )
+        }
+      ]
+    }
+  )));
+};
+
+// src/blocks/AuthForms/SignInPhone.tsx
+import React85, { useState as useState41 } from "react";
+import { Controller as Controller2, useForm as useForm2 } from "react-hook-form";
+var SignInPhone = (props) => {
+  const methods = useForm2();
+  const {
+    formState: { errors },
+    handleSubmit,
+    control
+  } = methods;
+  const [userPhone, setUserPhone] = useState41("");
+  return /* @__PURE__ */ React85.createElement(Card, null, /* @__PURE__ */ React85.createElement(CardContent, { headless: true }, /* @__PURE__ */ React85.createElement(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        props.handleSignIn(userPhone);
+      }
+    },
+    /* @__PURE__ */ React85.createElement(
+      Controller2,
+      {
+        control,
+        name: "phone",
+        render: ({ field }) => /* @__PURE__ */ React85.createElement(
+          HawaPhoneInput,
+          {
+            country: props.country ?? "",
+            label: props.label ?? "",
+            handleChange: (e) => setUserPhone(e.target.value),
+            ...field
+          }
+        ),
+        rules: {
+          required: props.phoneRequiredText
+        }
+      }
+    ),
+    /* @__PURE__ */ React85.createElement("div", { className: "mt-2" }),
+    /* @__PURE__ */ React85.createElement(Button, { className: "w-full" }, props.SignInButtonText)
+  )));
+};
+
 // src/blocks/AuthForms/SignInForm.tsx
+import React86 from "react";
+import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 var SignInForm = (props) => {
   const {
     formState: { errors },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.83",
+  "version": "0.1.84",
   "description": "Modern UI Kit made with Tailwind & Radix Primitives",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/blocks/AuthForms/AppLanding.tsx

@@ -2,6 +2,7 @@ import React, { FC } from "react"
 import { HawaRadio } from "../../elements"
 import { Card, CardContent } from "../../elements/Card"
 import { Button } from "../../elements/Button"
+import { Icons } from "../../elements/Icons"
 
 type AppLandingTypes = {
   handleSignIn: () => void
@@ -15,13 +16,26 @@ type AppLandingTypes = {
   }
   size: "small" | "normal" | "full"
 }
+
+//TODO: update Google auth button
 export const AppLanding: FC<AppLandingTypes> = (props) => {
   return (
     <div>
       <Card>
         <CardContent headless className="flex flex-col gap-6">
+          <Button
+            className="flex flex-row items-center gap-2"
+            variant="outline"
+            // onClick={props.handleGoogleSignIn}
+          >
+            <Icons.google className="h-4 w-4" />
+            {/* {!props.logosOnly && props.texts.signInViaGoogleLabel} */}
+            Continue With Google
+          </Button>
+
           {props.handleSignIn && (
             <Button onClick={props.handleSignIn}>{props.texts.signIn}</Button>
+            // <Button onClick={props.handleSignIn}>Continue With Google</Button>
           )}
           {props.handleSignUp && (
             <Button onClick={props.handleSignUp}>{props.texts.signUp}</Button>