baaz-custom-components 3.1.11 → 3.1.14

package/dist/index.css

@@ -371,9 +371,6 @@
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
-  .mt-5 {
-    margin-top: calc(var(--spacing) * 5);
-  }
   .mt-auto {
     margin-top: auto;
   }
@@ -796,6 +793,9 @@
   .bg-sidebar {
     background-color: var(--sidebar);
   }
+  .bg-sidebar-accent {
+    background-color: var(--sidebar-accent);
+  }
   .bg-sidebar-border {
     background-color: var(--sidebar-border);
   }
@@ -877,9 +877,6 @@
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
-  .pt-16 {
-    padding-top: calc(var(--spacing) * 16);
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -962,9 +959,6 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .\!text-primary {
-    color: var(--primary) !important;
-  }
   .text-accent {
     color: var(--accent);
   }
@@ -989,6 +983,9 @@
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
+  .text-sidebar-accent-foreground {
+    color: var(--sidebar-accent-foreground);
+  }
   .text-sidebar-foreground {
     color: var(--sidebar-foreground);
   }
@@ -1920,22 +1917,22 @@
   }
   .data-\[motion\=from-end\]\:slide-in-from-right-52 {
     &[data-motion=from-end] {
-      --tw-enter-translate-x: calc(var(--spacing) * 52);
+      --tw-enter-translate-x: calc(52*var(--spacing));
     }
   }
   .data-\[motion\=from-start\]\:slide-in-from-left-52 {
     &[data-motion=from-start] {
-      --tw-enter-translate-x: calc(var(--spacing) * 52*-1);
+      --tw-enter-translate-x: calc(52*var(--spacing)*-1);
     }
   }
   .data-\[motion\=to-end\]\:slide-out-to-right-52 {
     &[data-motion=to-end] {
-      --tw-exit-translate-x: calc(var(--spacing) * 52);
+      --tw-exit-translate-x: calc(52*var(--spacing));
     }
   }
   .data-\[motion\=to-start\]\:slide-out-to-left-52 {
     &[data-motion=to-start] {
-      --tw-exit-translate-x: calc(var(--spacing) * 52*-1);
+      --tw-exit-translate-x: calc(52*var(--spacing)*-1);
     }
   }
   .data-\[motion\^\=from-\]\:animate-in {
@@ -1991,7 +1988,7 @@
   }
   .data-\[side\=bottom\]\:slide-in-from-top-2 {
     &[data-side=bottom] {
-      --tw-enter-translate-y: calc(var(--spacing) * 2*-1);
+      --tw-enter-translate-y: calc(2*var(--spacing)*-1);
     }
   }
   .data-\[side\=left\]\:-translate-x-1 {
@@ -2002,7 +1999,7 @@
   }
   .data-\[side\=left\]\:slide-in-from-right-2 {
     &[data-side=left] {
-      --tw-enter-translate-x: calc(var(--spacing) * 2);
+      --tw-enter-translate-x: calc(2*var(--spacing));
     }
   }
   .data-\[side\=right\]\:translate-x-1 {
@@ -2013,7 +2010,7 @@
   }
   .data-\[side\=right\]\:slide-in-from-left-2 {
     &[data-side=right] {
-      --tw-enter-translate-x: calc(var(--spacing) * 2*-1);
+      --tw-enter-translate-x: calc(2*var(--spacing)*-1);
     }
   }
   .data-\[side\=top\]\:-translate-y-1 {
@@ -2024,7 +2021,7 @@
   }
   .data-\[side\=top\]\:slide-in-from-bottom-2 {
     &[data-side=top] {
-      --tw-enter-translate-y: calc(var(--spacing) * 2);
+      --tw-enter-translate-y: calc(2*var(--spacing));
     }
   }
   .data-\[size\=default\]\:h-9 {

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import * as React$1 from 'react';
+import * as react from 'react';
 
 type NavbarData = NavbarEntry[];
 interface NavbarEntry {
@@ -24,41 +24,27 @@ interface NotificationDataTypes {
     otp: number;
     topic: string;
 }
+interface RouterAdapter {
+    pathname: string;
+    push: (href: string) => void;
+}
 interface NavbarProps {
     navbarData: NavbarEntry[];
     userData: UserData;
     onLogout: () => void;
     layoutName: string;
     notificationData: NotificationDataTypes[];
-    framework?: "next" | "react";
+    router: RouterAdapter;
 }
 
-declare function Navbar({ navbarData, userData, onLogout, layoutName, notificationData, framework, }: NavbarProps): React$1.JSX.Element | null;
-
-declare function DesktopNavbar({ navbarData, userData, onLogout, layoutName, notificationData, framework }: NavbarProps): React$1.JSX.Element;
+declare function Navbar({ navbarData, userData, onLogout, layoutName, notificationData, router, }: NavbarProps): react.JSX.Element | null;
 
-declare function MobileNavbar({ navbarData, userData, onLogout, layoutName, notificationData, framework, }: NavbarProps): React$1.JSX.Element;
-
-interface MobileNavbarProps {
-    data?: NavbarData;
-    userData?: UserData;
-    onLogout?: () => void;
-}
-declare const User: ({ userData, onLogout }: MobileNavbarProps) => React$1.JSX.Element;
-
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): React$1.JSX.Element;
-
-type AppSidebarProps = React.ComponentProps<typeof Sidebar> & {
-    data: NavbarEntry[];
+type BreadcrumbProps = {
+    layoutName: string;
+    className?: string;
+    includeFrom?: number;
 };
-declare function AppSidebar({ data, ...props }: AppSidebarProps): React$1.JSX.Element;
 
-declare function NavMain({ items }: {
-    items: NavbarEntry[];
-}): React$1.JSX.Element;
+declare const CustomBreadcrumb: ({ layoutName, includeFrom }: BreadcrumbProps) => react.JSX.Element;
 
-export { AppSidebar, DesktopNavbar, MobileNavbar, NavMain, Navbar, type NavbarData, type NavbarProps, User, type UserData };
+export { type BreadcrumbProps, CustomBreadcrumb, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, type RouteTree, type RouterAdapter, type UserData };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as React$1 from 'react';
+import * as react from 'react';
 
 type NavbarData = NavbarEntry[];
 interface NavbarEntry {
@@ -24,41 +24,27 @@ interface NotificationDataTypes {
     otp: number;
     topic: string;
 }
+interface RouterAdapter {
+    pathname: string;
+    push: (href: string) => void;
+}
 interface NavbarProps {
     navbarData: NavbarEntry[];
     userData: UserData;
     onLogout: () => void;
     layoutName: string;
     notificationData: NotificationDataTypes[];
-    framework?: "next" | "react";
+    router: RouterAdapter;
 }
 
-declare function Navbar({ navbarData, userData, onLogout, layoutName, notificationData, framework, }: NavbarProps): React$1.JSX.Element | null;
-
-declare function DesktopNavbar({ navbarData, userData, onLogout, layoutName, notificationData, framework }: NavbarProps): React$1.JSX.Element;
+declare function Navbar({ navbarData, userData, onLogout, layoutName, notificationData, router, }: NavbarProps): react.JSX.Element | null;
 
-declare function MobileNavbar({ navbarData, userData, onLogout, layoutName, notificationData, framework, }: NavbarProps): React$1.JSX.Element;
-
-interface MobileNavbarProps {
-    data?: NavbarData;
-    userData?: UserData;
-    onLogout?: () => void;
-}
-declare const User: ({ userData, onLogout }: MobileNavbarProps) => React$1.JSX.Element;
-
-declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}): React$1.JSX.Element;
-
-type AppSidebarProps = React.ComponentProps<typeof Sidebar> & {
-    data: NavbarEntry[];
+type BreadcrumbProps = {
+    layoutName: string;
+    className?: string;
+    includeFrom?: number;
 };
-declare function AppSidebar({ data, ...props }: AppSidebarProps): React$1.JSX.Element;
 
-declare function NavMain({ items }: {
-    items: NavbarEntry[];
-}): React$1.JSX.Element;
+declare const CustomBreadcrumb: ({ layoutName, includeFrom }: BreadcrumbProps) => react.JSX.Element;
 
-export { AppSidebar, DesktopNavbar, MobileNavbar, NavMain, Navbar, type NavbarData, type NavbarProps, User, type UserData };
+export { type BreadcrumbProps, CustomBreadcrumb, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, type RouteTree, type RouterAdapter, type UserData };