@moontra/moonui-pro 2.6.0 → 2.6.1

package/dist/index.d.ts

@@ -1913,6 +1913,13 @@ interface SidebarConfig {
     collapsible?: boolean;
     defaultCollapsed?: boolean;
     floatingActionButton?: boolean;
+    floatingActionButtonPosition?: {
+        bottom?: string;
+        left?: string;
+        right?: string;
+        top?: string;
+    };
+    floatingActionButtonClassName?: string;
     glassmorphism?: boolean;
     animatedBackground?: boolean;
     keyboardShortcuts?: boolean;
@@ -1939,7 +1946,7 @@ interface SidebarProps extends SidebarConfig {
     activePath?: string;
     onNavigate?: (href: string) => void;
 }
-declare function Sidebar({ sections, footer, showSearch, searchPlaceholder, searchQuery, onSearchChange, showThemeToggle, theme, onThemeChange, branding, collapsible, defaultCollapsed, floatingActionButton, glassmorphism, animatedBackground, keyboardShortcuts, persistState, persistKey, onStateChange, customStyles, className, activePath, onNavigate }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ sections, footer, showSearch, searchPlaceholder, searchQuery, onSearchChange, showThemeToggle, theme, onThemeChange, branding, collapsible, defaultCollapsed, floatingActionButton, floatingActionButtonPosition, floatingActionButtonClassName, glassmorphism, animatedBackground, keyboardShortcuts, persistState, persistKey, onStateChange, customStyles, className, activePath, onNavigate }: SidebarProps): react_jsx_runtime.JSX.Element;
 
 declare const enhancedButtonVariants: (props?: ({
     variant?: "link" | "default" | "ghost" | "outline" | "secondary" | "destructive" | "gradient" | "glow" | null | undefined;

package/dist/index.mjs

@@ -59271,6 +59271,8 @@ function Sidebar({
   collapsible = true,
   defaultCollapsed = false,
   floatingActionButton = true,
+  floatingActionButtonPosition = { bottom: "1rem", left: "1rem" },
+  floatingActionButtonClassName,
   glassmorphism = false,
   animatedBackground = false,
   keyboardShortcuts = true,
@@ -59734,8 +59736,17 @@ function Sidebar({
         MoonUIButtonPro,
         {
           onClick: () => setIsOpen(true),
-          className: "fixed bottom-4 left-4 z-40 h-12 w-12 rounded-full shadow-lg md:hidden",
+          className: cn(
+            "fixed z-40 h-12 w-12 rounded-full shadow-lg md:hidden",
+            floatingActionButtonClassName
+          ),
           size: "icon",
+          style: {
+            bottom: floatingActionButtonPosition?.bottom,
+            left: floatingActionButtonPosition?.left,
+            right: floatingActionButtonPosition?.right,
+            top: floatingActionButtonPosition?.top
+          },
           children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
         }
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/sidebar/index.tsx

@@ -153,6 +153,13 @@ export interface SidebarConfig {
   collapsible?: boolean
   defaultCollapsed?: boolean
   floatingActionButton?: boolean
+  floatingActionButtonPosition?: {
+    bottom?: string
+    left?: string
+    right?: string
+    top?: string
+  }
+  floatingActionButtonClassName?: string
   glassmorphism?: boolean
   animatedBackground?: boolean
   keyboardShortcuts?: boolean
@@ -196,6 +203,8 @@ export function Sidebar({
   collapsible = true,
   defaultCollapsed = false,
   floatingActionButton = true,
+  floatingActionButtonPosition = { bottom: '1rem', left: '1rem' },
+  floatingActionButtonClassName,
   glassmorphism = false,
   animatedBackground = false,
   keyboardShortcuts = true,
@@ -803,8 +812,17 @@ export function Sidebar({
         {floatingActionButton && (
           <Button
             onClick={() => setIsOpen(true)}
-            className="fixed bottom-4 left-4 z-40 h-12 w-12 rounded-full shadow-lg md:hidden"
+            className={cn(
+              "fixed z-40 h-12 w-12 rounded-full shadow-lg md:hidden",
+              floatingActionButtonClassName
+            )}
             size="icon"
+            style={{
+              bottom: floatingActionButtonPosition?.bottom,
+              left: floatingActionButtonPosition?.left,
+              right: floatingActionButtonPosition?.right,
+              top: floatingActionButtonPosition?.top
+            }}
           >
             <Menu className="h-5 w-5" />
           </Button>