funuicss 3.5.7 → 3.5.9

package/css/fun.css

@@ -31,13 +31,9 @@
   --text-10xl: 9rem;     
 
   /* Border radius */
-  --radius-sm: 0.125rem;
-  --radius: 0.25rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-xl: 0.75rem;
-  --radius-2xl: 1rem;
-  --radius-full: 9999px;
+  --radius-sm: 0.25rem;
+  --radius: 0.5rem;
+
 
 
 
@@ -50,8 +46,8 @@
   --z-50: 50;
 
 
-   /* Line heights matching Tailwind defaults */
-  --leading-normal: 1.5rem;      /* For base */
+
+  --leading-normal: 1.5rem;    
   --leading-xl: 1.75rem;
   --leading-2xl: 2rem;
   --leading-3xl: 2.25rem;
@@ -62,8 +58,7 @@
   --leading-8xl: 1;
   --leading-9xl: 1;
   --leading-10xl: 1;
-
-  --leading-none: 1;      
+  --leading-none: 0;      
 
 
   /* default colors */
@@ -74,15 +69,16 @@
   --raiseBackdrop:blur(20px); /* Raised element color */
   --borderRgb: 204, 204, 204; /* i want to chnage the opacity for someplaces*/
   --borderColor:rgb(var(--borderRgb)); /* Border color */
-  --lighter: #fafafa ;
+  --lighter: #F1F1F1 ;
   --hoverable: #fcfcfc ;
   --muted: #78716c;
   --dark: #121212;
-  --cardBg: var(--raiseOpaque);
+  --cardBg: var(--page-bg);
   --card: 8px 8px 10rem -2rem rgba(0, 0 , 0 , 0.1),  /* soft shadow */
            -8px -8px 4rem 0rem #F2F2F2; /* soft highlight */
   --linkColor:rgb(58, 58, 58);
 
+  
     /* Primary Colors */
     --primary: #6366f1;
     --primary50: #eef2ff;
@@ -195,14 +191,14 @@
   --smallFont: .79rem ;
   --smallerFont: .7rem;
   --navHeight: fit-content ;
-  --border: 0.1rem solid var(--borderColor);
+  --borderWidth:0.1rem;
+  --border: var(--borderWidth) solid var(--borderColor);
   --inputBorder:0.12rem;
   --input_outline_size:0.127rem;
   --borderRadius:1rem;
   --borderRadiusSmall:0.5rem;
   --borderRadiusMax:2rem;
-  --InputButtonBorderRadius:0.5rem;
-  --DefaultBorderRadius:0.5rem;
+  --radius:0.5rem;
   --hoverable: brightness(90%);
   --linkHover:(139, 185, 254;);
   --sideBarZindex:13;
@@ -211,11 +207,12 @@
   --loaderZindex:100;
   --snackBarZindex:20;
   --notificationZindex:29;
-  --inputHeight:2.4rem;
+  --inputButtonHeight:2.4rem;
   --inputPadding:0.5rem 0;
   --inputRoundedPadding:0.5rem 1rem;
   --shadowMedium:0 0.8rem 2rem 0 rgba(3, 3, 3, 0.1);
   --raised:0 0.1rem 0.2rem 0rem rgba(0, 0, 0, 0.3);
+  --spacingScale:1rem;
   /* medium Screen body */
 
 
@@ -223,6 +220,127 @@
 
 
 
+
+:root {
+  /* BUTTON VARIABLES */
+  --btn-font-size: var(--text-base);
+  --btn-font-weight: 500;
+  --btn-padding-x: var(--space-4);
+  --btn-padding-y: var(--space-2);
+  --btn-border-radius: var(--radius-lg);
+  --btn-border-width: 1px;
+  --btn-min-height: 2.5rem;
+  --btn-gap: var(--space-2); /* for icon spacing */
+  
+  /* Button States */
+  --btn-hover-scale: 1.02;
+  --btn-active-scale: 0.98;
+  --btn-disabled-opacity: 0.5;
+  
+  /* Button Variants */
+  --btn-primary-bg: var(--primary);
+  --btn-primary-text: var(--white);
+  --btn-primary-hover: var(--primary600);
+  
+  --btn-secondary-bg: var(--secondary);
+  --btn-secondary-text: var(--white);
+  --btn-secondary-hover: var(--secondary600);
+  
+  --btn-outlined-border: var(--primary);
+  --btn-outlined-text: var(--primary);
+  --btn-outlined-hover-bg: var(--primary50);
+
+  /* INPUT VARIABLES */
+  --input-font-size: var(--text-base);
+  --input-padding-x: var(--space-4);
+  --input-padding-y: var(--space-3);
+  --input-border-radius: var(--radius-lg);
+  --input-border-width: var(--inputBorder);
+  --input-border-color: var(--borderColor);
+  --input-bg: var(--white);
+  --input-text-color: var(--text-color);
+  --input-placeholder-color: var(--muted);
+  --input-min-height: var(--inputButtonHeight);
+  
+  /* Input States */
+  --input-focus-border: var(--primary);
+  --input-focus-ring: 0 0 0 3px var(--primary200);
+  --input-error-border: var(--error);
+  --input-error-ring: 0 0 0 3px var(--error200);
+  --input-disabled-bg: var(--lighter);
+  --input-disabled-opacity: 0.6;
+
+  /* CARD VARIABLES */
+  --card-bg: var(--cardBg);
+  --card-border: var(--border);
+  --card-border-radius: var(--borderRadius);
+  --card-padding: var(--space-6);
+  --card-shadow: var(--card);
+  --card-hover-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+
+  /* LINK VARIABLES */
+  --link-color: var(--linkColor);
+  --link-hover-color: var(--primary);
+  --link-underline: none;
+  --link-hover-underline: underline;
+  --link-font-weight: 400;
+
+  /* BADGE/TAG VARIABLES */
+  --badge-font-size: var(--text-xs);
+  --badge-padding-x: var(--space-2);
+  --badge-padding-y: var(--space-1);
+  --badge-border-radius: var(--radius-full);
+  --badge-font-weight: 500;
+
+  /* MODAL/DIALOG VARIABLES */
+  --modal-backdrop: rgba(0, 0, 0, 0.5);
+  --modal-bg: var(--white);
+  --modal-border-radius: var(--radius-2xl);
+  --modal-padding: var(--space-8);
+  --modal-max-width: 32rem;
+  --modal-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
+
+  /* DROPDOWN/SELECT VARIABLES */
+  --dropdown-bg: var(--white);
+  --dropdown-border: var(--border);
+  --dropdown-border-radius: var(--radius-lg);
+  --dropdown-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+  --dropdown-item-padding: var(--space-3) var(--space-4);
+  --dropdown-item-hover-bg: var(--lighter);
+
+  /* SWITCH/TOGGLE VARIABLES */
+  --switch-width: 2.75rem;
+  --switch-height: 1.5rem;
+  --switch-bg: var(--borderColor);
+  --switch-active-bg: var(--primary);
+  --switch-thumb-size: 1.25rem;
+
+  /* CHECKBOX/RADIO VARIABLES */
+  --checkbox-size: 1.25rem;
+  --checkbox-border: var(--borderColor);
+  --checkbox-checked-bg: var(--primary);
+  --checkbox-checked-border: var(--primary);
+  --checkbox-border-radius: var(--radius);
+
+  /* TOOLTIP VARIABLES */
+  --tooltip-bg: var(--dark);
+  --tooltip-text: var(--white);
+  --tooltip-padding: var(--space-2) var(--space-3);
+  --tooltip-border-radius: var(--radius);
+  --tooltip-font-size: var(--text-sm);
+
+  /* AVATAR VARIABLES */
+  --avatar-size: 2.5rem;
+  --avatar-border-radius: var(--radius-full);
+  --avatar-border: 2px solid var(--white);
+
+  /* DIVIDER VARIABLES */
+  --divider-color: var(--borderColor);
+  --divider-width: 1px;
+  --divider-margin: var(--space-4) 0;
+}
+
+
 /* For WebKit browsers (Chrome, Edge, Brave, Safari) */
 ::-webkit-scrollbar {
   width: 10px;
@@ -257,6 +375,7 @@
   transition: 0.3s ease-in-out all !important;
 }
 
+
 .card, 
 .input,
 .navigation-bar , 
@@ -1844,6 +1963,7 @@ link:hover {
 
 
 
+
 input:disabled,
 select:disabled,
 button:disabled {
@@ -1861,7 +1981,8 @@ button:disabled {
 
 body {
   font-size: var(--text-base);
-  line-height: 1.5rem;
+  font-weight: var(--bd-font-weight) !important;
+  line-height: var(--leading-normal) !important;
   letter-spacing: normal;
   background-color: var(--page-bg) !important;
   color: var(--text-color) !important;
@@ -2406,7 +2527,7 @@ h6, .h6 {
   transition: 0.1s linear;
 }
 .hoverable:hover{
-  background-color: var(--lighter) !important;
+  background-color: var(--hoverable) !important;
   /* filter: brightness(90%); */
 
 }
@@ -2462,7 +2583,7 @@ h6, .h6 {
   border: none;
   padding:0.7rem 1rem;
   background-color: inherit;
-  border-radius: var(--InputButtonBorderRadius);
+  border-radius: var(--radius);
   transition: all 0.5s linear; 
   cursor: pointer;
   font-size: var(--minifiedFontSize);
@@ -2471,6 +2592,7 @@ h6, .h6 {
   font-weight: 500;
   z-index: 1;
   line-height: 1 !important;
+  height: var(--inputButtonHeight);
 }
 
 
@@ -2582,7 +2704,8 @@ h6, .h6 {
 }
 .button.smallBtn {
   padding: 0.3rem 0.6rem !important;
-  font-size: var(--smallFont) ;
+  font-size: var(--smallerFont) ;
+  height: fit-content !important;
 }
 .smallBtn.roundBtn{
   padding: 0.3rem 0.8rem !important;
@@ -2623,6 +2746,7 @@ box-shadow: var(--card);
 transition: 0.3s;
 backdrop-filter: var(--raiseBackdrop) ;
 color: var(--text-color);
+border-radius: var(--borderRadius);
 }
 .card.xl{
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px !important;
@@ -3132,7 +3256,7 @@ color: var(--text-color);
   flex-direction: row;
   align-items: center !important;
   padding: 0.4rem 1rem;
-  border-radius: var(--DefaultBorderRadius);
+  border-radius: var(--radius);
   gap: 0.3rem;
   font-size: var(--minifiedFontSize) ;
   width: fit-content;
@@ -3378,7 +3502,7 @@ color: var(--text-color);
   border-bottom: var(--inputBorder) solid  var(--borderColor);
   color: var(--text-color); 
   font-size: var(--minifiedFontSize);
-  background-color: transparent;
+  background-color: var(--page-bg);
   font-weight: 500;
 }
 .smallInput {
@@ -3452,7 +3576,8 @@ color: var(--text-color);
 {
 outline: none !important;
 }
-input , select{height: var(--inputHeight);}
+input , select {height: var(--inputButtonHeight);   border-radius: var(--radius);}
+textarea{border-radius: var(--radius) !important; height: fit-content !important;}
 .input.flat{border-radius: 0;}
 
 .input:focus {
@@ -3470,7 +3595,6 @@ select:focus {
 }
 .input.borderedInput {
   border: var(--border);
-  border-radius: var(--InputButtonBorderRadius);
   transition: 0.1s linear;
   padding: 0.6rem 0.5rem;
 }
@@ -3522,10 +3646,8 @@ background-color: rgba(var(--borderRgb), 0.3);
 .custom-select {
   position: relative; 
   width: 100%; 
-  border-radius: var(--InputButtonBorderRadius);
-  /* FIX: Create a new stacking context and ensure proper layering */
-  z-index: 999;
-  isolation: isolate;
+  border-radius: var(--radius);
+
 }
 
 .custom-select.fullWidth {max-width: none;}
@@ -3535,9 +3657,9 @@ display: flex;
 align-items: center;
 justify-content: space-between;
  padding: var(--inputRoundedPadding);
-background: inherit;
+background: var(--page-bg);
 border: var(--border);
-border-radius: var(--InputButtonBorderRadius);
+border-radius: var(--radius);
 cursor: pointer;
 transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 font-size: 14px;
@@ -3558,7 +3680,7 @@ border-bottom-right-radius: 0;
 
 .select-trigger.borderless {
 border: none !important;
-background: transparent;
+background: var(--lighter);
 }
 
 
@@ -3827,7 +3949,7 @@ padding-right: 2.5rem;
 /* Base input styles */
 .searchable-input {
   width: 100%;
-  height: var(--inputHeight);
+  height: var(--inputButtonHeight);
   padding: 0.6rem 0.8rem;
   font-size: inherit;
   line-height: 1.5;
@@ -3875,7 +3997,7 @@ padding-right: 2.5rem;
 /* Bordered input styles */
 .searchable-input.borderedInput {
   border: var(--border);
-  border-radius: var(--InputButtonBorderRadius);
+  border-radius: var(--radius);
   transition: 0.1s linear;
   padding: 0.6rem 0.5rem;
 }
@@ -4053,7 +4175,7 @@ padding-right: 2.5rem;
   background-color: var(--raiseThemes);
   backdrop-filter: var(--raiseBackdrop);
   border: var(--border);
-  border-radius: var(--InputButtonBorderRadius);
+  border-radius: var(--radius);
   box-shadow: var(--shadow);
   overflow: hidden;
   animation: dropdown-appear 0.15s ease-out;
@@ -4183,7 +4305,7 @@ padding-right: 2.5rem;
   }
   
   .searchable-input {
-    min-height: var(--inputHeight);
+    min-height: var(--inputButtonHeight);
     font-size: 1rem; /* Prevents zoom on iOS */
   }
   
@@ -4443,6 +4565,7 @@ th {
 }
 .table.hoverableTr  tr:hover {
   filter: var(--hoverable);
+  background-color: var(--hoverable) !important;
 }
 
 .table.dark {
@@ -5120,7 +5243,7 @@ filter: brightness(90%);
   backdrop-filter: var(--raiseBackdrop);
   color: var(--white);
   text-align: center;
-  border-radius: var(--DefaultBorderRadius);
+  border-radius: var(--radius);
   padding: 0.2rem 0.5rem !important;
   font-weight: 500 !important;
   position: absolute;
@@ -5210,7 +5333,7 @@ filter: brightness(90%);
   position: fixed !important;
   background-color: var(--dark) !important;
   color: var(--white) !important;
-  border-radius: var(--DefaultBorderRadius);
+  border-radius: var(--radius);
   max-width: 90vw;
   width: fit-content;
   max-height: 2.5rem;
@@ -6620,6 +6743,7 @@ background-color: rgba(0, 0, 0, 0.2);
 }
 
 /* --------- MARGIN --------- */
+.margin , .m{margin: var(--spacingScale) !important;}
 .m-0  { margin: var(--space-0) !important; }
 .m-1  { margin: var(--space-1) !important; }
 .m-2  { margin: var(--space-2) !important; }
@@ -6740,7 +6864,7 @@ background-color: rgba(0, 0, 0, 0.2);
 /*padding*/
 
 /* --------- PADDING --------- */
-.padding{padding:var(--padding)}
+.padding , .p{padding:var(--spacingScale)}
 .p-0  { padding: var(--space-0) !important; }
 .p-1  { padding: var(--space-1) !important; }
 .p-2  { padding: var(--space-2) !important; }
@@ -7332,12 +7456,6 @@ background-color: rgba(0, 0, 0, 0.2);
 
 
 
-
-
-
-
-
-
 /* Text Area */
 
 .ql-container {

package/index.d.ts

@@ -58,3 +58,5 @@ export { default as Select } from "./ui/select/Select";
 export { default as Cookie } from "./js/Cookie";
 export { FunGet } from "./js/Fun";
 export { default as GoogleAnalytics } from "./js/google/analytics";
+export { FunFireAuth } from "./js/firebase/Auth";
+export { FunFireStore } from "./js/firebase/FireStore";

package/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.View = exports.ScrollInView = exports.Accordion = exports.Flex = exports.RichText = exports.Carousel = exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.SearchableInput = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
-exports.GoogleAnalytics = exports.FunGet = exports.Cookie = exports.Select = exports.ScrollToTop = exports.FlexItem = exports.Slider = exports.Vista = exports.Calendar = exports.DatePicker = void 0;
+exports.FunFireStore = exports.FunFireAuth = exports.GoogleAnalytics = exports.FunGet = exports.Cookie = exports.Select = exports.ScrollToTop = exports.FlexItem = exports.Slider = exports.Vista = exports.Calendar = exports.DatePicker = void 0;
 var Alert_1 = require("./ui/alert/Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
 var theme_1 = require("./ui/theme/theme");
@@ -126,3 +126,7 @@ var Fun_1 = require("./js/Fun");
 Object.defineProperty(exports, "FunGet", { enumerable: true, get: function () { return Fun_1.FunGet; } });
 var analytics_1 = require("./js/google/analytics");
 Object.defineProperty(exports, "GoogleAnalytics", { enumerable: true, get: function () { return __importDefault(analytics_1).default; } });
+var Auth_1 = require("./js/firebase/Auth");
+Object.defineProperty(exports, "FunFireAuth", { enumerable: true, get: function () { return Auth_1.FunFireAuth; } });
+var FireStore_1 = require("./js/firebase/FireStore");
+Object.defineProperty(exports, "FunFireStore", { enumerable: true, get: function () { return FireStore_1.FunFireStore; } });

package/js/firebase/Auth.d.ts

@@ -0,0 +1,191 @@
+import { Auth, User, UserCredential } from 'firebase/auth';
+interface AuthResponse {
+    user: User;
+    credential: UserCredential;
+    isNewUser?: boolean;
+}
+interface AuthStateCallback {
+    (user: User | null): void;
+}
+type ProviderType = 'google' | 'facebook' | 'github' | 'twitter' | 'microsoft' | 'apple';
+/**
+ * Firebase Authentication Operations
+ * Users must pass their Auth instance to each method
+ */
+export declare const FunFireAuth: {
+    /**
+     * 📧 Sign in with email and password
+     * @param auth - Firebase Auth instance
+     * @param email - User email
+     * @param password - User password
+     */
+    signInWithEmail: (auth: Auth, email: string, password: string) => Promise<AuthResponse>;
+    /**
+     * ✍️ Create account with email and password
+     * @param auth - Firebase Auth instance
+     * @param email - User email
+     * @param password - User password
+     * @param displayName - Optional display name
+     * @param photoURL - Optional photo URL
+     */
+    createAccount: (auth: Auth, email: string, password: string, displayName?: string, photoURL?: string) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Google (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithGoogle: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Facebook (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithFacebook: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with GitHub (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithGithub: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Twitter (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithTwitter: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Microsoft (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithMicrosoft: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Sign in with Apple (Popup)
+     * @param auth - Firebase Auth instance
+     */
+    signInWithApple: (auth: Auth) => Promise<AuthResponse>;
+    /**
+     * 🔐 Generic provider sign in with redirect (better for mobile)
+     * @param auth - Firebase Auth instance
+     * @param providerType - Provider type
+     */
+    signInWithRedirect: (auth: Auth, providerType: ProviderType) => Promise<void>;
+    /**
+     * 🚪 Sign out
+     * @param auth - Firebase Auth instance
+     */
+    signOut: (auth: Auth) => Promise<void>;
+    /**
+     * 🔄 Send password reset email
+     * @param auth - Firebase Auth instance
+     * @param email - User email
+     * @param actionCodeSettings - Optional action code settings for custom redirect
+     */
+    resetPassword: (auth: Auth, email: string, actionCodeSettings?: {
+        url: string;
+        handleCodeInApp?: boolean;
+    }) => Promise<void>;
+    /**
+     * ✉️ Send email verification
+     * @param auth - Firebase Auth instance
+     * @param actionCodeSettings - Optional action code settings for custom redirect
+     */
+    sendVerificationEmail: (auth: Auth, actionCodeSettings?: {
+        url: string;
+        handleCodeInApp?: boolean;
+    }) => Promise<void>;
+    /**
+     * 🔑 Update user password
+     * @param auth - Firebase Auth instance
+     * @param newPassword - New password
+     */
+    updatePassword: (auth: Auth, newPassword: string) => Promise<void>;
+    /**
+     * 📧 Update user email
+     * @param auth - Firebase Auth instance
+     * @param newEmail - New email
+     */
+    updateEmail: (auth: Auth, newEmail: string) => Promise<void>;
+    /**
+     * 👤 Update user profile
+     * @param auth - Firebase Auth instance
+     * @param displayName - Display name
+     * @param photoURL - Photo URL
+     */
+    updateProfile: (auth: Auth, displayName?: string, photoURL?: string) => Promise<void>;
+    /**
+     * 🔐 Reauthenticate user (required before sensitive operations)
+     * @param auth - Firebase Auth instance
+     * @param password - Current password
+     */
+    reauthenticate: (auth: Auth, password: string) => Promise<UserCredential>;
+    /**
+     * ❌ Delete user account
+     * @param auth - Firebase Auth instance
+     */
+    deleteAccount: (auth: Auth) => Promise<void>;
+    /**
+     * 👁️ Listen to auth state changes
+     * @param auth - Firebase Auth instance
+     * @param callback - Callback function that receives user or null
+     * @returns Unsubscribe function
+     */
+    onAuthStateChanged: (auth: Auth, callback: AuthStateCallback) => (() => void);
+    /**
+     * 🔍 Get current user
+     * @param auth - Firebase Auth instance
+     * @returns Current user or null
+     */
+    getCurrentUser: (auth: Auth) => User | null;
+    /**
+     * 🔍 Check if email exists
+     * @param auth - Firebase Auth instance
+     * @param email - Email to check
+     * @returns Array of sign-in methods for the email
+     */
+    checkEmailExists: (auth: Auth, email: string) => Promise<string[]>;
+    /**
+     * ✅ Apply action code (email verification, password reset)
+     * @param auth - Firebase Auth instance
+     * @param code - Action code from email link
+     */
+    applyActionCode: (auth: Auth, code: string) => Promise<void>;
+    /**
+     * 🔍 Verify password reset code
+     * @param auth - Firebase Auth instance
+     * @param code - Password reset code
+     * @returns Email associated with the code
+     */
+    verifyPasswordResetCode: (auth: Auth, code: string) => Promise<string>;
+    /**
+     * ✅ Confirm password reset
+     * @param auth - Firebase Auth instance
+     * @param code - Password reset code
+     * @param newPassword - New password
+     */
+    confirmPasswordReset: (auth: Auth, code: string, newPassword: string) => Promise<void>;
+    /**
+     * 🔗 Link account with Google
+     * @param auth - Firebase Auth instance
+     */
+    linkWithGoogle: (auth: Auth) => Promise<UserCredential>;
+    /**
+     * 🔓 Unlink provider from account
+     * @param auth - Firebase Auth instance
+     * @param providerId - Provider ID to unlink (e.g., 'google.com', 'password')
+     */
+    unlinkProvider: (auth: Auth, providerId: string) => Promise<User>;
+    /**
+     * 📱 Get ID token (for backend verification)
+     * @param auth - Firebase Auth instance
+     * @param forceRefresh - Force token refresh
+     */
+    getIdToken: (auth: Auth, forceRefresh?: boolean) => Promise<string>;
+};
+export declare const AuthErrorCodes: {
+    EMAIL_EXISTS: string;
+    INVALID_EMAIL: string;
+    WEAK_PASSWORD: string;
+    USER_NOT_FOUND: string;
+    WRONG_PASSWORD: string;
+    TOO_MANY_REQUESTS: string;
+    NETWORK_ERROR: string;
+    POPUP_CLOSED: string;
+    REQUIRES_RECENT_LOGIN: string;
+};
+export type { AuthResponse, AuthStateCallback, ProviderType };