baaz-custom-components 2.0.3 → 3.0.0

package/dist/index.d.mts

@@ -18,9 +18,7 @@ interface NavbarProps {
     data?: NavbarData;
     userData?: UserData;
     onLogout?: () => void;
-    logoSrc?: string;
-    avatarSrc?: string;
 }
-declare function Navbar({ data, userData, onLogout, logoSrc, avatarSrc }: NavbarProps): react.JSX.Element;
+declare function Navbar({ data, userData, onLogout }: NavbarProps): react.JSX.Element;
 
 export { Navbar, type NavbarData, type NavbarMenuItem, type UserData };

package/dist/index.d.ts

@@ -18,9 +18,7 @@ interface NavbarProps {
     data?: NavbarData;
     userData?: UserData;
     onLogout?: () => void;
-    logoSrc?: string;
-    avatarSrc?: string;
 }
-declare function Navbar({ data, userData, onLogout, logoSrc, avatarSrc }: NavbarProps): react.JSX.Element;
+declare function Navbar({ data, userData, onLogout }: NavbarProps): react.JSX.Element;
 
 export { Navbar, type NavbarData, type NavbarMenuItem, type UserData };

package/dist/index.js

@@ -403,27 +403,10 @@ function AvatarImage(_a) {
     }, props)
   );
 }
-function AvatarFallback(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    AvatarPrimitive.Fallback,
-    __spreadValues({
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      )
-    }, props)
-  );
-}
 
 // src/components/custom/navbar/user.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var User = ({ userData, onLogout, avatarSrc }) => {
+var User = ({ userData, onLogout }) => {
   var _a;
   const safeUserData = userData || {
     name: "User",
@@ -443,7 +426,7 @@ var User = ({ userData, onLogout, avatarSrc }) => {
     );
   };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Avatar, { children: avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarImage, { src: avatarSrc, alt: "Profile" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarFallback, { children: "U" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Avatar, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarImage, { src: "/svg/user.svg", alt: "Profile" }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuContent, { className: "w-56", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "font-semibold", children: safeUserData.name }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-primary text-sm", children: safeUserData.role }),
@@ -475,31 +458,37 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
 function DesktopNavbar({
   data,
   userData,
-  onLogout,
-  logoSrc,
-  avatarSrc
+  onLogout
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-between px-10 py-2 items-center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-between px-10 py-2 bg-card items-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "left flex gap-2", children: [
-      logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_image.default, { src: logoSrc, alt: "Logo", width: 72, height: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-primary font-semibold", children: "Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_image.default,
+        {
+          src: "/svg/sidebarIcon.svg",
+          alt: "Logo",
+          width: 72,
+          height: 18
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenu, { viewport: false, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(NavigationMenuList, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(NavigationMenuItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuTrigger, { className: "hover:bg-modal-bg", children: "Hub Tool" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuContent, { className: "hover:bg-modal-bg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Hub Tool" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link.default, { href: "#", children: "Components" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link.default, { href: "#", children: "Documentation" }) })
           ] }) }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(NavigationMenuItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuTrigger, { className: "hover:bg-modal-bg", children: "Admin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuContent, { className: "hover:bg-modal-bg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Admin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link.default, { href: "#", children: "Components" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_link.default, { href: "#", children: "Documentation" }) })
           ] }) }) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(user_default, { userData, onLogout, avatarSrc })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(user_default, { userData, onLogout })
   ] }) });
 }
 
@@ -1167,16 +1156,22 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 function MobileNavbar({
   data,
   userData,
-  onLogout,
-  logoSrc,
-  avatarSrc
+  onLogout
 }) {
   const safeData = data || {};
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(SidebarProvider, { className: "relative w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { className: "fixed top-0 left-0 right-0 z-50 flex h-12 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 justify-between px-4 w-full border-b-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { className: "fixed top-0 left-0 right-0 z-50 flex bg-card h-12 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 justify-between px-4 w-full border-b-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarTrigger, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_link2.default, { href: "/", children: logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_image2.default, { src: logoSrc, alt: "Logo", width: 72, height: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-primary font-semibold", children: "Logo" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(user_default, { userData, onLogout, avatarSrc })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_link2.default, { href: "/", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_image2.default,
+        {
+          src: "/svg/sidebarIcon.svg",
+          alt: "Logo",
+          width: 72,
+          height: 18
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(user_default, { userData, onLogout })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AppSidebar, { data: safeData }) })
   ] });
@@ -1253,13 +1248,13 @@ var defaultUserData = {
   phone: "9999333399",
   location: "India - Delhi"
 };
-function Navbar({ data, userData, onLogout, logoSrc, avatarSrc }) {
+function Navbar({ data, userData, onLogout }) {
   const safeData = data || navbarData || {};
   const safeUserData = userData || defaultUserData;
   const isMobile = useIsMobile();
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    isMobile && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MobileNavbar, { data: safeData, userData: safeUserData, onLogout, logoSrc, avatarSrc }),
-    isMobile === false && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DesktopNavbar, { userData: safeUserData, onLogout, logoSrc, avatarSrc })
+    isMobile && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MobileNavbar, { data: safeData, userData: safeUserData, onLogout }),
+    isMobile === false && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DesktopNavbar, { userData: safeUserData, onLogout })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -370,27 +370,10 @@ function AvatarImage(_a) {
     }, props)
   );
 }
-function AvatarFallback(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx5(
-    AvatarPrimitive.Fallback,
-    __spreadValues({
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      )
-    }, props)
-  );
-}
 
 // src/components/custom/navbar/user.tsx
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var User = ({ userData, onLogout, avatarSrc }) => {
+var User = ({ userData, onLogout }) => {
   var _a;
   const safeUserData = userData || {
     name: "User",
@@ -410,7 +393,7 @@ var User = ({ userData, onLogout, avatarSrc }) => {
     );
   };
   return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(Avatar, { children: avatarSrc ? /* @__PURE__ */ jsx6(AvatarImage, { src: avatarSrc, alt: "Profile" }) : /* @__PURE__ */ jsx6(AvatarFallback, { children: "U" }) }) }),
+    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(Avatar, { children: /* @__PURE__ */ jsx6(AvatarImage, { src: "/svg/user.svg", alt: "Profile" }) }) }),
     /* @__PURE__ */ jsx6(DropdownMenuContent, { className: "w-56", align: "start", children: /* @__PURE__ */ jsxs3("div", { className: "p-4", children: [
       /* @__PURE__ */ jsx6("h1", { className: "font-semibold", children: safeUserData.name }),
       /* @__PURE__ */ jsx6("h3", { className: "text-primary text-sm", children: safeUserData.role }),
@@ -442,31 +425,37 @@ import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function DesktopNavbar({
   data,
   userData,
-  onLogout,
-  logoSrc,
-  avatarSrc
+  onLogout
 }) {
-  return /* @__PURE__ */ jsx7("nav", { children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between px-10 py-2 items-center", children: [
+  return /* @__PURE__ */ jsx7("nav", { children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between px-10 py-2 bg-card items-center", children: [
     /* @__PURE__ */ jsxs4("div", { className: "left flex gap-2", children: [
-      logoSrc ? /* @__PURE__ */ jsx7(Image2, { src: logoSrc, alt: "Logo", width: 72, height: 18 }) : /* @__PURE__ */ jsx7("div", { className: "text-primary font-semibold", children: "Logo" }),
+      /* @__PURE__ */ jsx7(
+        Image2,
+        {
+          src: "/svg/sidebarIcon.svg",
+          alt: "Logo",
+          width: 72,
+          height: 18
+        }
+      ),
       /* @__PURE__ */ jsx7(NavigationMenu, { viewport: false, children: /* @__PURE__ */ jsxs4(NavigationMenuList, { children: [
         /* @__PURE__ */ jsxs4(NavigationMenuItem, { children: [
-          /* @__PURE__ */ jsx7(NavigationMenuTrigger, { className: "hover:bg-modal-bg", children: "Hub Tool" }),
-          /* @__PURE__ */ jsx7(NavigationMenuContent, { className: "hover:bg-modal-bg", children: /* @__PURE__ */ jsx7("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
+          /* @__PURE__ */ jsx7(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Hub Tool" }),
+          /* @__PURE__ */ jsx7(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ jsx7("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
             /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Components" }) }),
             /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Documentation" }) })
           ] }) }) })
         ] }),
         /* @__PURE__ */ jsxs4(NavigationMenuItem, { children: [
-          /* @__PURE__ */ jsx7(NavigationMenuTrigger, { className: "hover:bg-modal-bg", children: "Admin" }),
-          /* @__PURE__ */ jsx7(NavigationMenuContent, { className: "hover:bg-modal-bg", children: /* @__PURE__ */ jsx7("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
+          /* @__PURE__ */ jsx7(NavigationMenuTrigger, { className: "bg-card-bg hover:bg-modal-bg", children: "Admin" }),
+          /* @__PURE__ */ jsx7(NavigationMenuContent, { className: "bg-card-bg hover:bg-modal-bg", children: /* @__PURE__ */ jsx7("ul", { className: "grid w-[200px] gap-4", children: /* @__PURE__ */ jsxs4("li", { children: [
             /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Components" }) }),
             /* @__PURE__ */ jsx7(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx7(Link2, { href: "#", children: "Documentation" }) })
           ] }) }) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx7(user_default, { userData, onLogout, avatarSrc })
+    /* @__PURE__ */ jsx7(user_default, { userData, onLogout })
   ] }) });
 }
 
@@ -1134,16 +1123,22 @@ import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function MobileNavbar({
   data,
   userData,
-  onLogout,
-  logoSrc,
-  avatarSrc
+  onLogout
 }) {
   const safeData = data || {};
   return /* @__PURE__ */ jsxs9(SidebarProvider, { className: "relative w-full", children: [
-    /* @__PURE__ */ jsxs9("header", { className: "fixed top-0 left-0 right-0 z-50 flex h-12 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 justify-between px-4 w-full border-b-1", children: [
+    /* @__PURE__ */ jsxs9("header", { className: "fixed top-0 left-0 right-0 z-50 flex bg-card h-12 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 justify-between px-4 w-full border-b-1", children: [
       /* @__PURE__ */ jsx14(SidebarTrigger, {}),
-      /* @__PURE__ */ jsx14(Link3, { href: "/", children: logoSrc ? /* @__PURE__ */ jsx14(Image3, { src: logoSrc, alt: "Logo", width: 72, height: 18 }) : /* @__PURE__ */ jsx14("div", { className: "text-primary font-semibold", children: "Logo" }) }),
-      /* @__PURE__ */ jsx14(user_default, { userData, onLogout, avatarSrc })
+      /* @__PURE__ */ jsx14(Link3, { href: "/", children: /* @__PURE__ */ jsx14(
+        Image3,
+        {
+          src: "/svg/sidebarIcon.svg",
+          alt: "Logo",
+          width: 72,
+          height: 18
+        }
+      ) }),
+      /* @__PURE__ */ jsx14(user_default, { userData, onLogout })
     ] }),
     /* @__PURE__ */ jsx14(SidebarInset, { className: "pt-12", children: /* @__PURE__ */ jsx14(AppSidebar, { data: safeData }) })
   ] });
@@ -1220,13 +1215,13 @@ var defaultUserData = {
   phone: "9999333399",
   location: "India - Delhi"
 };
-function Navbar({ data, userData, onLogout, logoSrc, avatarSrc }) {
+function Navbar({ data, userData, onLogout }) {
   const safeData = data || navbarData || {};
   const safeUserData = userData || defaultUserData;
   const isMobile = useIsMobile();
   return /* @__PURE__ */ jsxs10(Fragment, { children: [
-    isMobile && /* @__PURE__ */ jsx15(MobileNavbar, { data: safeData, userData: safeUserData, onLogout, logoSrc, avatarSrc }),
-    isMobile === false && /* @__PURE__ */ jsx15(DesktopNavbar, { userData: safeUserData, onLogout, logoSrc, avatarSrc })
+    isMobile && /* @__PURE__ */ jsx15(MobileNavbar, { data: safeData, userData: safeUserData, onLogout }),
+    isMobile === false && /* @__PURE__ */ jsx15(DesktopNavbar, { userData: safeUserData, onLogout })
   ] });
 }
 export {

package/package.json

@@ -1,10 +1,8 @@
 {
     "name": "baaz-custom-components",
-    "version": "2.0.3",
+    "version": "3.0.0",
     "private": false,
-    "sideEffects": [
-        "dist/styles/theme.css"
-    ],
+    "sideEffects": false,
     "main": "dist/index.js",
     "module": "dist/index.mjs",
     "types": "dist/index.d.ts",
@@ -15,13 +13,11 @@
         ".": {
             "import": "./dist/index.mjs",
             "types": "./dist/index.d.ts"
-        },
-        "./styles/theme.css": "./dist/styles/theme.css",
-        "./package.json": "./package.json"
+        }
     },
     "scripts": {
         "dev": "next dev --turbopack",
-        "build": "tsup && node scripts/copy-styles.cjs",
+        "build": "tsup",
         "start": "next start",
         "lint": "eslint",
         "release": "sh release.sh"
@@ -29,9 +25,27 @@
     "peerDependencies": {
         "next": ">=13.0.0",
         "react": ">=18.0.0",
-        "react-dom": ">=18.0.0"
+        "react-dom": ">=18.0.0",
+        "@radix-ui/react-avatar": "^1.1.10",
+        "@radix-ui/react-collapsible": "^1.1.12",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-menubar": "^1.1.16",
+        "@radix-ui/react-navigation-menu": "^1.2.14",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-separator": "^1.1.7",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.542.0",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss-animate": "^1.0.7"
     },
     "dependencies": {
+        "next": ">=13.0.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
         "@radix-ui/react-avatar": "^1.1.10",
         "@radix-ui/react-collapsible": "^1.1.12",
         "@radix-ui/react-dialog": "^1.1.15",

package/dist/styles/theme.css

@@ -1,129 +0,0 @@
-/*
-  baaz-custom-components theme variables
-  Import this once in your app root (layout.tsx/_app.tsx):
-  import "baaz-custom-components/dist/styles/theme.css";
-*/
-
-@theme inline {
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-sidebar-ring: var(--sidebar-ring);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-    --color-sidebar-primary: var(--sidebar-primary);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar: var(--sidebar);
-    --color-chart-5: var(--chart-5);
-    --color-chart-4: var(--chart-4);
-    --color-chart-3: var(--chart-3);
-    --color-chart-2: var(--chart-2);
-    --color-chart-1: var(--chart-1);
-    --color-ring: var(--ring);
-    --color-input: var(--input);
-    --color-border: var(--border);
-    --color-destructive: var(--destructive);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-accent: var(--accent);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-muted: var(--muted);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-secondary: var(--secondary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-primary: var(--primary);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-popover: var(--popover);
-    --color-card-foreground: var(--card-foreground);
-    --color-card: var(--card);
-    --radius-sm: calc(var(--radius) - 4px);
-    --radius-md: calc(var(--radius) - 2px);
-    --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) + 4px);
-}
-
-:root {
-    --radius: 0.625rem;
-
-    --background: oklch(0.2758 0.0182 262.2); /* --screen-bg */
-    --card: oklch(0.3378 0.0223 256.39); /* --card-bg */
-    --card-foreground: oklch(0.3906 0.033 257.09); /* --modal-bg */
-    --popover: oklch(0.3906 0.033 257.09); /* --modal-bg */
-    --popover-foreground: oklch(0.9851 0 0); /* --text-color */
-
-    --foreground: oklch(0.9851 0 0); /* --text-color */
-
-    --primary: oklch(0.6437 0.1913 274.74); /* --primary-bg */
-    --primary-foreground: oklch(0.9851 0 0); /* --text-color */
-
-    --secondary: oklch(0.6437 0.1913 274.74);
-    --secondary-foreground: oklch(0.9851 0 0);
-    --muted: oklch(0.6437 0.1913 274.74);
-    --muted-foreground: oklch(0.9851 0 0);
-    --accent: oklch(0.6437 0.1913 274.74);
-    --accent-foreground: oklch(0.9851 0 0);
-
-    --destructive: oklch(0.577 0.245 27.325);
-
-    --border: oklch(0.4448 0.0409 263.25); /* --stroke-color */
-    --input: oklch(0.4448 0.0409 263.25); /* --stroke-color */
-    --ring: oklch(0.7122 0 0); /* --stroke-color2 */
-
-    --chart-1: oklch(0.646 0.222 41.116);
-    --chart-2: oklch(0.6 0.118 184.704);
-    --chart-3: oklch(0.398 0.07 227.392);
-    --chart-4: oklch(0.828 0.189 84.429);
-    --chart-5: oklch(0.769 0.188 70.08);
-
-    --sidebar: oklch(0.3378 0.0223 256.39); /* card-bg */
-    --sidebar-foreground: oklch(0.9851 0 0); /* text-color */
-    --sidebar-primary: oklch(0.6437 0.1913 274.74); /* primary-bg */
-    --sidebar-primary-foreground: oklch(0.9851 0 0);
-    --sidebar-accent: oklch(0.6437 0.1913 274.74);
-    --sidebar-accent-foreground: oklch(0.9851 0 0);
-    --sidebar-border: oklch(0.4448 0.0409 263.25); /* stroke-color */
-    --sidebar-ring: oklch(0.7122 0 0); /* stroke-color2 */
-}
-
-.dark {
-    --radius: 0.625rem;
-
-    --background: oklch(0.2758 0.0182 262.2); /* --screen-bg */
-    --card: oklch(0.3378 0.0223 256.39); /* --card-bg */
-    --card-foreground: oklch(0.3906 0.033 257.09); /* --modal-bg */
-    --popover: oklch(0.3906 0.033 257.09); /* --modal-bg */
-    --popover-foreground: oklch(0.9851 0 0); /* --text-color */
-
-    --foreground: oklch(0.9851 0 0); /* --text-color */
-
-    --primary: oklch(0.6437 0.1913 274.74); /* --primary-bg */
-    --primary-foreground: oklch(0.9851 0 0); /* --text-color */
-
-    --secondary: oklch(0.6437 0.1913 274.74);
-    --secondary-foreground: oklch(0.9851 0 0);
-    --muted: oklch(0.6437 0.1913 274.74);
-    --muted-foreground: oklch(0.9851 0 0);
-    --accent: oklch(0.6437 0.1913 274.74);
-    --accent-foreground: oklch(0.9851 0 0);
-
-    --destructive: oklch(0.577 0.245 27.325);
-
-    --border: oklch(0.4448 0.0409 263.25); /* --stroke-color */
-    --input: oklch(0.4448 0.0409 263.25); /* --stroke-color */
-    --ring: oklch(0.7122 0 0); /* --stroke-color2 */
-
-    --chart-1: oklch(0.646 0.222 41.116);
-    --chart-2: oklch(0.6 0.118 184.704);
-    --chart-3: oklch(0.398 0.07 227.392);
-    --chart-4: oklch(0.828 0.189 84.429);
-    --chart-5: oklch(0.769 0.188 70.08);
-
-    --sidebar: oklch(0.3378 0.0223 256.39); /* card-bg */
-    --sidebar-foreground: oklch(0.9851 0 0); /* text-color */
-    --sidebar-primary: oklch(0.6437 0.1913 274.74); /* primary-bg */
-    --sidebar-primary-foreground: oklch(0.9851 0 0);
-    --sidebar-accent: oklch(0.6437 0.1913 274.74);
-    --sidebar-accent-foreground: oklch(0.9851 0 0);
-    --sidebar-border: oklch(0.4448 0.0409 263.25); /* stroke-color */
-    --sidebar-ring: oklch(0.7122 0 0); /* stroke-color2 */
-}