@sikka/hawa 0.17.5-next → 0.17.6-next

package/dist/index.d.mts

@@ -888,10 +888,14 @@ type IconCountTypes = {
 declare const Count: FC<IconCountTypes>;
 
 type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
+    /** Function to handle language change.   */
+    handleLanguage?: (e: any) => void;
+    /** Current selected language.   */
+    currentLanguage?: string;
+    /** Function to handle theme color mode change.   */
+    handleColorMode?: (e: any) => void;
+    /** Current selected theme color mode.   */
+    currentColorMode?: "light" | "dark";
     orientation?: OrientationType;
     width?: "default" | "full";
 };
@@ -1278,15 +1282,8 @@ type NewPasswordTextsTypes = {
 };
 
 type LoginFormTypes = {
+    /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
-    /** Function to handle language change.   */
-    handleLanguage?: () => void;
-    /** Current selected language.   */
-    currentLanguage?: string;
-    /** Function to handle theme color mode change.   */
-    handleColorMode?: () => void;
-    /** Current selected theme color mode.   */
-    currentColorMode?: "light" | "dark";
     /** If true, only logos are displayed in third-party auth buttons.   */
     logosOnly?: boolean;
     /** Direction of text and UI elements, either left-to-right or right-to-left.   */
@@ -1339,14 +1336,6 @@ declare const LoginForm: FC<LoginFormTypes>;
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts: RegisterFormTextsTypes;
-    /** Callback function triggered to handle language changes.*/
-    handleLanguage?: () => void;
-    /** The current language being used in the application. */
-    currentLanguage?: any;
-    /** Callback function triggered to handle color mode changes. */
-    handleColorMode?: () => void;
-    /** The current color mode being used in the application. */
-    currentColorMode?: any;
     /** Direction of text and layout, either 'rtl' (right-to-left) or 'ltr' (left-to-right). */
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */

package/dist/index.d.ts

@@ -888,10 +888,14 @@ type IconCountTypes = {
 declare const Count: FC<IconCountTypes>;
 
 type TypographyTypes = {
-    handleLanguage: (e: any) => void;
-    currentLanguage: any;
-    handleColorMode: (e: any) => void;
-    currentColorMode: any;
+    /** Function to handle language change.   */
+    handleLanguage?: (e: any) => void;
+    /** Current selected language.   */
+    currentLanguage?: string;
+    /** Function to handle theme color mode change.   */
+    handleColorMode?: (e: any) => void;
+    /** Current selected theme color mode.   */
+    currentColorMode?: "light" | "dark";
     orientation?: OrientationType;
     width?: "default" | "full";
 };
@@ -1278,15 +1282,8 @@ type NewPasswordTextsTypes = {
 };
 
 type LoginFormTypes = {
+    /** Object containing text labels used throughout the form. */
     texts?: LoginFormTextsTypes;
-    /** Function to handle language change.   */
-    handleLanguage?: () => void;
-    /** Current selected language.   */
-    currentLanguage?: string;
-    /** Function to handle theme color mode change.   */
-    handleColorMode?: () => void;
-    /** Current selected theme color mode.   */
-    currentColorMode?: "light" | "dark";
     /** If true, only logos are displayed in third-party auth buttons.   */
     logosOnly?: boolean;
     /** Direction of text and UI elements, either left-to-right or right-to-left.   */
@@ -1339,14 +1336,6 @@ declare const LoginForm: FC<LoginFormTypes>;
 type RegisterFormTypes = {
     /** Object containing text labels used throughout the form. */
     texts: RegisterFormTextsTypes;
-    /** Callback function triggered to handle language changes.*/
-    handleLanguage?: () => void;
-    /** The current language being used in the application. */
-    currentLanguage?: any;
-    /** Callback function triggered to handle color mode changes. */
-    handleColorMode?: () => void;
-    /** The current color mode being used in the application. */
-    currentColorMode?: any;
     /** Direction of text and layout, either 'rtl' (right-to-left) or 'ltr' (left-to-right). */
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */

package/dist/index.js

@@ -6681,6 +6681,8 @@ var import_react34 = __toESM(require("react"));
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
+  handleColorMode,
+  handleLanguage,
   ...props
 }) => {
   const [color, setColor] = (0, import_react34.useState)(props.currentColorMode);
@@ -6695,7 +6697,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: language,
       onChangeTab: (e) => {
-        props.handleLanguage(e);
+        if (handleLanguage) {
+          handleLanguage(e);
+        }
         setLanguage(e);
       },
       design: "tabs",
@@ -6710,7 +6714,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: color,
       onChangeTab: (e) => {
-        props.handleColorMode(e);
+        if (handleColorMode) {
+          handleColorMode(e);
+        }
         setColor(e);
       },
       design: "tabs",
@@ -9113,15 +9119,7 @@ var LoginForm = ({
         handleTwitter: props.onTwitterLogin
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react48.default.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/RegisterForm.tsx
@@ -9448,15 +9446,7 @@ var RegisterForm = ({ texts, ...props }) => {
         handleTwitter: props.onTwitterRegister
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react49.default.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/AppLanding.tsx

package/dist/index.mjs

@@ -6474,6 +6474,8 @@ import React57, { useState as useState22 } from "react";
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",
+  handleColorMode,
+  handleLanguage,
   ...props
 }) => {
   const [color, setColor] = useState22(props.currentColorMode);
@@ -6488,7 +6490,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: language,
       onChangeTab: (e) => {
-        props.handleLanguage(e);
+        if (handleLanguage) {
+          handleLanguage(e);
+        }
         setLanguage(e);
       },
       design: "tabs",
@@ -6503,7 +6507,9 @@ var InterfaceSettings = ({
       width,
       defaultValue: color,
       onChangeTab: (e) => {
-        props.handleColorMode(e);
+        if (handleColorMode) {
+          handleColorMode(e);
+        }
         setColor(e);
       },
       design: "tabs",
@@ -8908,15 +8914,7 @@ var LoginForm = ({
         handleTwitter: props.onTwitterLogin
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React75.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/RegisterForm.tsx
@@ -9243,15 +9241,7 @@ var RegisterForm = ({ texts, ...props }) => {
         handleTwitter: props.onTwitterRegister
       }
     )
-  ) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ React76.createElement(
-    InterfaceSettings,
-    {
-      currentColorMode: props.currentColorMode,
-      currentLanguage: props.currentLanguage,
-      handleColorMode: props.handleColorMode,
-      handleLanguage: props.handleLanguage
-    }
-  ));
+  ) : null));
 };
 
 // components/blocks/auth/AppLanding.tsx

package/package.json

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