funuicss 3.6.19 → 3.6.20

package/css/fun.css

@@ -2344,6 +2344,7 @@ border-radius: var(--borderRadius);
   font-size: var(--minifiedFontSize);
   color: var(--text-color);
   opacity: 0.6;
+  left: 0.9rem;
   pointer-events: none;
   transition: all 0.2s ease;
   background-color: transparent;
@@ -6016,6 +6017,7 @@ background-color: rgba(0, 0, 0, 0.2);
   display: none; /* Chrome/Safari */
 }
 
+.carousel-wrapper{width: 100%; position: relative;}
 /* Scrollable carousel container */
 .carousel-container {
   display: flex;
@@ -6025,6 +6027,18 @@ background-color: rgba(0, 0, 0, 0.2);
   padding: 1rem 0;
   scroll-behavior: smooth;
 }
+.carouselLeft{
+position: absolute;
+top: 50%;
+left: 0;
+transform: translateY(-50%);
+}
+.carouselRight{
+position: absolute;
+top: 50%;
+right: 0;
+transform: translateY(-50%);
+}
 .carousel-item {scroll-snap-align: start;flex: 0 0 auto;}
 
 /* small screens */

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.6.19",
+  "version": "3.6.20",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",
@@ -44,7 +44,6 @@
   "dependencies": {
     "aos": "^2.3.4",
     "dayjs": "^1.11.13",
-    "firebase": "^12.3.0",
     "framer-motion": "^12.23.6",
     "hls.js": "^1.6.5",
     "next": "^13.4.4",

package/ui/carousel/Carousel.d.ts

@@ -7,6 +7,8 @@ interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
     showDashes?: boolean;
     allowVerticalOverflow?: boolean;
     itemPadding?: string;
+    controlerSize?: number;
+    controlerIconSize?: number;
 }
 declare const Carousel: React.FC<CarouselProps>;
 export default Carousel;

package/ui/carousel/Carousel.js

@@ -65,11 +65,11 @@ var Circle_1 = __importDefault(require("../specials/Circle"));
 var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
 var Functions_1 = require("../../utils/Functions");
 var Carousel = function (_a) {
-    var _b = _a.scrollNumber, scrollNumber = _b === void 0 ? 320 : _b, _c = _a.gap, gap = _c === void 0 ? 0.5 : _c, _d = _a.funcss, funcss = _d === void 0 ? '' : _d, _e = _a.showDashes, showDashes = _e === void 0 ? true : _e, _f = _a.allowVerticalOverflow, allowVerticalOverflow = _f === void 0 ? false : _f, _g = _a.itemPadding, itemPadding = _g === void 0 ? '0rem' : _g, children = _a.children, rest = __rest(_a, ["scrollNumber", "gap", "funcss", "showDashes", "allowVerticalOverflow", "itemPadding", "children"]);
+    var _b = _a.scrollNumber, scrollNumber = _b === void 0 ? 320 : _b, _c = _a.gap, gap = _c === void 0 ? 0.5 : _c, _d = _a.funcss, funcss = _d === void 0 ? '' : _d, _e = _a.showDashes, showDashes = _e === void 0 ? true : _e, _f = _a.allowVerticalOverflow, allowVerticalOverflow = _f === void 0 ? false : _f, _g = _a.itemPadding, itemPadding = _g === void 0 ? '0rem' : _g, children = _a.children, _h = _a.controlerSize, controlerSize = _h === void 0 ? 2.5 : _h, _j = _a.controlerIconSize, controlerIconSize = _j === void 0 ? 20 : _j, rest = __rest(_a, ["scrollNumber", "gap", "funcss", "showDashes", "allowVerticalOverflow", "itemPadding", "children", "controlerSize", "controlerIconSize"]);
     var scrollRef = (0, react_1.useRef)(null);
-    var _h = (0, react_1.useState)('start'), scrollPosition = _h[0], setScrollPosition = _h[1];
-    var _j = (0, react_1.useState)(false), isPhone = _j[0], setIsPhone = _j[1];
-    var _k = (0, react_1.useState)(false), isScrollable = _k[0], setIsScrollable = _k[1];
+    var _k = (0, react_1.useState)('start'), scrollPosition = _k[0], setScrollPosition = _k[1];
+    var _l = (0, react_1.useState)(false), isPhone = _l[0], setIsPhone = _l[1];
+    var _m = (0, react_1.useState)(false), isScrollable = _m[0], setIsScrollable = _m[1];
     var checkScrollable = function () {
         var container = scrollRef.current;
         if (container) {
@@ -123,10 +123,10 @@ var Carousel = function (_a) {
         }
     }, []);
     return (react_1.default.createElement("div", __assign({ className: "carousel-wrapper ".concat(funcss) }, rest),
-        react_1.default.createElement(RowFlex_1.default, { gap: 1, wrap: "nowrap", alignItems: "center" },
-            !isPhone && isScrollable && (react_1.default.createElement("div", null,
-                react_1.default.createElement(Circle_1.default, { onClick: function () { return scroll('left'); } },
-                    react_1.default.createElement(pi_1.PiCaretLeft, { size: 24 })))),
+        react_1.default.createElement(react_1.default.Fragment, null,
+            !isPhone && isScrollable && (react_1.default.createElement("div", { className: 'carouselLeft' },
+                react_1.default.createElement(Circle_1.default, { bordered: true, size: controlerSize, onClick: function () { return scroll('left'); } },
+                    react_1.default.createElement(pi_1.PiCaretLeft, { className: 'text-primary', size: controlerIconSize })))),
             react_1.default.createElement("div", { ref: scrollRef, className: "carousel-container scrollbar-hide w-full", style: {
                     width: '100%',
                     gap: gap + 'rem',
@@ -139,9 +139,9 @@ var Carousel = function (_a) {
                     padding: itemPadding || "0.5rem"
                 } }, react_1.default.Children.map(children, function (child) { return (react_1.default.createElement("div", { className: "carousel-item", style: { flexShrink: 0 } },
                 react_1.default.createElement("div", { className: "carousel-card" }, child))); })),
-            !isPhone && isScrollable && (react_1.default.createElement("div", null,
-                react_1.default.createElement(Circle_1.default, { onClick: function () { return scroll('right'); } },
-                    react_1.default.createElement(pi_1.PiCaretRight, { size: 24 }))))),
+            !isPhone && isScrollable && (react_1.default.createElement("div", { className: 'carouselRight' },
+                react_1.default.createElement(Circle_1.default, { bordered: true, size: controlerSize, onClick: function () { return scroll('right'); } },
+                    react_1.default.createElement(pi_1.PiCaretRight, { className: 'text-primary', size: controlerIconSize }))))),
         (showDashes && isScrollable) && (react_1.default.createElement("div", { className: "center padding-top-10" },
             react_1.default.createElement(RowFlex_1.default, { gap: 0.5, justify: "center" }, ['start', 'middle', 'end'].map(function (pos) { return (react_1.default.createElement("div", { className: 'pointer ', key: pos, onClick: function () {
                     var _a, _b;

package/js/firebase/Auth.d.ts

@@ -1,191 +0,0 @@
-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 };