baaz-custom-components 3.0.5 → 3.0.7

package/dist/index.css

@@ -24,9 +24,15 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-sm: 24rem;
+    --container-lg: 32rem;
+    --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
     --font-weight-light: 300;
     --font-weight-normal: 400;
@@ -348,9 +354,6 @@
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
-  .my-2 {
-    margin-block: calc(var(--spacing) * 2);
-  }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -363,9 +366,6 @@
   .mt-auto {
     margin-top: auto;
   }
-  .mb-4 {
-    margin-bottom: calc(var(--spacing) * 4);
-  }
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
@@ -457,9 +457,6 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
-  .h-72 {
-    height: calc(var(--spacing) * 72);
-  }
   .h-\[calc\(100dvh-3rem\)\] {
     height: calc(100dvh - 3rem);
   }
@@ -508,9 +505,6 @@
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
-  .w-48 {
-    width: calc(var(--spacing) * 48);
-  }
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
@@ -848,19 +842,19 @@
     text-align: left;
   }
   .text-base {
-    font-size: var(--size-base-s);
+    font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
   }
   .text-lg {
-    font-size: var(--size-lg-s);
+    font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
   }
   .text-sm {
-    font-size: var(--size-sm-s);
+    font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
   .text-xs {
-    font-size: var(--size-xs-s);
+    font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
   .leading-none {
@@ -1432,7 +1426,7 @@
   }
   .file\:text-sm {
     &::file-selector-button {
-      font-size: var(--size-sm-s);
+      font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
@@ -2259,12 +2253,12 @@
   }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
-      max-width: var(--size-lg-s);
+      max-width: var(--container-lg);
     }
   }
   .sm\:max-w-sm {
     @media (width >= 40rem) {
-      max-width: var(--size-sm-s);
+      max-width: var(--container-sm);
     }
   }
   .sm\:flex-row {
@@ -2314,7 +2308,7 @@
   }
   .md\:text-sm {
     @media (width >= 48rem) {
-      font-size: var(--size-sm-s);
+      font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
@@ -2581,32 +2575,7 @@
 @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
 :root {
-  --scale: 1;
   --radius: 0.625rem;
-  --size-mini: 8px;
-  --size-xs: 10px;
-  --size-sm: 12px;
-  --size-md: 14px;
-  --size-base: 16px;
-  --size-lg: 18px;
-  --size-xl: 20px;
-  --size-2xl: 24px;
-  --size-3xl: 28px;
-  --size-4xl: 32px;
-  --size-huge: 36px;
-  --size-xhuge: 40px;
-  --size-mini-s: calc(var(--size-mini) * var(--scale));
-  --size-xs-s: calc(var(--size-xs) * var(--scale));
-  --size-sm-s: calc(var(--size-sm) * var(--scale));
-  --size-md-s: calc(var(--size-md) * var(--scale));
-  --size-base-s: calc(var(--size-base) * var(--scale));
-  --size-lg-s: calc(var(--size-lg) * var(--scale));
-  --size-xl-s: calc(var(--size-xl) * var(--scale));
-  --size-2xl-s: calc(var(--size-2xl) * var(--scale));
-  --size-3xl-s: calc(var(--size-3xl) * var(--scale));
-  --size-4xl-s: calc(var(--size-4xl) * var(--scale));
-  --size-huge-s: calc(var(--size-huge) * var(--scale));
-  --size-xhuge-s: calc(var(--size-xhuge) * var(--scale));
   --background: oklch(0.2758 0.0182 262.2);
   --card: oklch(0.3378 0.0223 256.39);
   --card-foreground: oklch(0.3906 0.033 257.09);

package/dist/index.d.mts

@@ -1,11 +1,12 @@
 import * as React$1 from 'react';
-import React__default from 'react';
 
-interface NavbarMenuItem {
-    [key: string]: string | NavbarMenuItem;
+interface NavbarItem {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
 }
 interface NavbarData$1 {
-    [key: string]: NavbarMenuItem;
+    items: NavbarItem[];
 }
 interface UserData {
     name: string;
@@ -14,27 +15,17 @@ interface UserData {
     phone: string;
     location: string;
 }
-
 interface NavbarProps {
-    data?: NavbarData$1;
-    userData?: UserData;
-    onLogout?: () => void;
+    navbarData: NavbarData$1;
+    userData: UserData;
+    onLogout: () => void;
 }
-declare function Navbar({ data, userData, onLogout }: NavbarProps): React$1.JSX.Element;
 
-interface MobileNavbarProps$2 {
-    data?: NavbarData$1;
-    userData?: UserData;
-    onLogout?: () => void;
-}
-declare function DesktopNavbar({ data, userData, onLogout, }: MobileNavbarProps$2): React$1.JSX.Element;
+declare function Navbar({ navbarData, userData, onLogout, }: NavbarProps): React$1.JSX.Element;
 
-interface MobileNavbarProps$1 {
-    data?: NavbarData$1;
-    userData?: UserData;
-    onLogout?: () => void;
-}
-declare function MobileNavbar({ data, userData, onLogout, }: MobileNavbarProps$1): React$1.JSX.Element;
+declare function DesktopNavbar({ navbarData, userData, onLogout, }: NavbarProps): React$1.JSX.Element;
+
+declare function MobileNavbar({ navbarData, userData, onLogout, }: NavbarProps): React$1.JSX.Element;
 
 interface MobileNavbarProps {
     data?: NavbarData$1;
@@ -43,8 +34,6 @@ interface MobileNavbarProps {
 }
 declare const User: ({ userData, onLogout }: MobileNavbarProps) => React$1.JSX.Element;
 
-declare const Test: () => React__default.JSX.Element;
-
 declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
@@ -63,4 +52,4 @@ declare function NavMain({ items }: {
     items: NavbarData;
 }): React$1.JSX.Element;
 
-export { AppSidebar, DesktopNavbar, MobileNavbar, NavMain, Navbar, type NavbarData$1 as NavbarData, type NavbarMenuItem, Test, User, type UserData };
+export { AppSidebar, DesktopNavbar, MobileNavbar, NavMain, Navbar, type NavbarData$1 as NavbarData, type NavbarProps, User, type UserData };

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 import * as React$1 from 'react';
-import React__default from 'react';
 
-interface NavbarMenuItem {
-    [key: string]: string | NavbarMenuItem;
+interface NavbarItem {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
 }
 interface NavbarData$1 {
-    [key: string]: NavbarMenuItem;
+    items: NavbarItem[];
 }
 interface UserData {
     name: string;
@@ -14,27 +15,17 @@ interface UserData {
     phone: string;
     location: string;
 }
-
 interface NavbarProps {
-    data?: NavbarData$1;
-    userData?: UserData;
-    onLogout?: () => void;
+    navbarData: NavbarData$1;
+    userData: UserData;
+    onLogout: () => void;
 }
-declare function Navbar({ data, userData, onLogout }: NavbarProps): React$1.JSX.Element;
 
-interface MobileNavbarProps$2 {
-    data?: NavbarData$1;
-    userData?: UserData;
-    onLogout?: () => void;
-}
-declare function DesktopNavbar({ data, userData, onLogout, }: MobileNavbarProps$2): React$1.JSX.Element;
+declare function Navbar({ navbarData, userData, onLogout, }: NavbarProps): React$1.JSX.Element;
 
-interface MobileNavbarProps$1 {
-    data?: NavbarData$1;
-    userData?: UserData;
-    onLogout?: () => void;
-}
-declare function MobileNavbar({ data, userData, onLogout, }: MobileNavbarProps$1): React$1.JSX.Element;
+declare function DesktopNavbar({ navbarData, userData, onLogout, }: NavbarProps): React$1.JSX.Element;
+
+declare function MobileNavbar({ navbarData, userData, onLogout, }: NavbarProps): React$1.JSX.Element;
 
 interface MobileNavbarProps {
     data?: NavbarData$1;
@@ -43,8 +34,6 @@ interface MobileNavbarProps {
 }
 declare const User: ({ userData, onLogout }: MobileNavbarProps) => React$1.JSX.Element;
 
-declare const Test: () => React__default.JSX.Element;
-
 declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
@@ -63,4 +52,4 @@ declare function NavMain({ items }: {
     items: NavbarData;
 }): React$1.JSX.Element;
 
-export { AppSidebar, DesktopNavbar, MobileNavbar, NavMain, Navbar, type NavbarData$1 as NavbarData, type NavbarMenuItem, Test, User, type UserData };
+export { AppSidebar, DesktopNavbar, MobileNavbar, NavMain, Navbar, type NavbarData$1 as NavbarData, type NavbarProps, User, type UserData };