@tulip-systems/core 0.2.1 → 0.4.0

package/src/modules/auth/handler/server.server.ts

@@ -10,6 +10,8 @@ import { nextCookies } from "better-auth/next-js";
 import { admin, emailOTP } from "better-auth/plugins";
 import { Resend } from "resend";
 
+export const authCookiePrefix = "tulip";
+
 type CreateServerAuthParams<TSchema extends TDatabaseSchema> = Pick<
   TulipConfig<TSchema>,
   "email" | "auth"
@@ -23,6 +25,9 @@ export const createServerAuth = <TSchema extends TDatabaseSchema>(
   config: CreateServerAuthParams<TSchema>,
 ) =>
   betterAuth({
+    advanced: {
+      cookiePrefix: authCookiePrefix,
+    },
     database: drizzleAdapter(config.db, {
       provider: "pg",
       schema: config.schema,

package/src/modules/auth/hooks/{use-permission.client.ts → use-permission.ts}

@@ -4,11 +4,14 @@ import { useSuspenseQueries } from "@tanstack/react-query";
 import { LiteralString } from "better-auth";
 import { authClient } from "../handler/client.client";
 import { type Permission } from "../lib/permissions";
+import { useSession } from "./use-session";
 
 /**
  * UsePermission
  */
 export function usePermission(permission?: Permission) {
+  const sessionQuery = useSession();
+
   const keys = Object.entries(permission ?? {}).flatMap(([resource, permissions]) =>
     permissions.map((permission) => [resource, permission] as const),
   );
@@ -20,8 +23,7 @@ export function usePermission(permission?: Permission) {
         const resource = key[0]?.toString() as string;
         const permission: Permission = { [resource]: [key[1]] as LiteralString[] };
 
-        const session = await authClient.getSession();
-        const userId = session.data?.user.id;
+        const userId = sessionQuery.data?.user.id;
 
         const { data, error } = await authClient.admin.hasPermission({ permission, userId });
         if (error) {

package/src/modules/auth/hooks/use-session.ts

@@ -0,0 +1,18 @@
+"use client";
+
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { authClient } from "../entry.client";
+
+export function useSession() {
+  const session = useSuspenseQuery({
+    queryKey: ["session"],
+    queryFn: async () => {
+      const session = await authClient.getSession();
+      if (session.error) throw session.error;
+
+      return session.data;
+    },
+  });
+
+  return session;
+}

package/src/modules/auth/lib/helpers.server.ts

@@ -5,7 +5,6 @@ import { GetTulipReturn } from "@/modules/config/lib/resolve.server";
 import { ServerError } from "@/modules/config/router/error.server";
 import { eq } from "drizzle-orm";
 import { headers } from "next/headers";
-import { redirect } from "next/navigation";
 import { users } from "../entry";
 import { CreateUserSchema, UpdateUserSchema } from "./validators";
 
@@ -15,10 +14,7 @@ import { CreateUserSchema, UpdateUserSchema } from "./validators";
 export async function getSession<TSchema extends TDatabaseSchema>({
   auth,
 }: Pick<GetTulipReturn<TSchema>, "auth">) {
-  const session = await auth.api.getSession({ headers: await headers() });
-  if (!session) redirect("/auth/login");
-
-  return session;
+  return auth.api.getSession({ headers: await headers() });
 }
 
 /**

package/src/modules/auth/lib/validators.ts

@@ -64,7 +64,7 @@ export const createUserSchema = userSchema.pick({ email: true, image: true }).ex
     .min(2, { message: "Achternaam moet langer zijn dan 2 karakters" })
     .max(50, { message: "Achternaam mag niet langer zijn dan 50 karakters" }),
   password: z.string().min(6, { message: "Wachtwoord moet minimaal 6 karakters hebben" }),
-  role: z.string(),
+  role: z.string().default("user"),
 });
 
 export type CreateUserSchema = z.infer<typeof createUserSchema>;

package/src/modules/commands/hooks/use-command-menu.client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Permission } from "@/modules/auth/entry";
-import { usePermission } from "@/modules/auth/hooks/use-permission.client";
+import { usePermission } from "@/modules/auth/hooks/use-permission";
 import { mergePermissions } from "@/modules/auth/lib/utils";
 import {
   type BulkCommandDefRenderParams,
@@ -119,12 +119,11 @@ export function useSingleCommandMenu<TData, TMeta>({
   usePermission(mergePermissions(permissions));
 
   // filter out commands that don't have valid conditions
-  const validCommands = commands
-    .filter((command) =>
-      command.mode === "single"
-        ? validateSingleCommand({ data, command })
-        : validateBulkCommand({ data: [data], command }),
-    );
+  const validCommands = commands.filter((command) =>
+    command.mode === "single"
+      ? validateSingleCommand({ data, command })
+      : validateBulkCommand({ data: [data], command }),
+  );
 
   function renderCommand(command: (typeof validCommands)[number]) {
     return command.mode === "single"

package/src/modules/commands/menus/dropdown-menu.client.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { Skeleton } from "@/components/entry";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -8,10 +9,10 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
 import { MoreHorizontal } from "lucide-react";
-import React from "react";
+import React, { ComponentProps } from "react";
+import { RenderCommand } from "../components/render-command";
 import { CommandContextProvider } from "../hooks/context.client";
 import { SingleCommandMenuProps, useSingleCommandMenu } from "../hooks/use-command-menu.client";
-import { RenderCommand } from "../components/render-command";
 
 export function DropdownCommandMenu<TData, TMeta>({
   data,
@@ -48,3 +49,11 @@ export function DropdownCommandMenu<TData, TMeta>({
     </DropdownMenu>
   );
 }
+
+export function DropdownCommandMenuLoading({ className, ...props }: ComponentProps<"div">) {
+  return (
+    <div {...props} className={cn("flex w-fit items-center", className)}>
+      <Skeleton className="h-8 w-8" />
+    </div>
+  );
+}

package/src/modules/commands/menus/inline-menu.client.tsx

@@ -1,7 +1,8 @@
 "use client";
 
+import { Skeleton } from "@/components/entry";
 import { cn } from "@/lib/utils/cn";
-import React from "react";
+import React, { ComponentProps } from "react";
 import { RenderCommand } from "../components/render-command";
 import { CommandContextProvider } from "../hooks/context.client";
 import { SingleCommandMenuProps, useSingleCommandMenu } from "../hooks/use-command-menu.client";
@@ -32,3 +33,15 @@ export function InlineCommandMenu<TData, TMeta>({
     </div>
   );
 }
+
+export function InlineCommandMenuLoading({ className, ...props }: ComponentProps<"div">) {
+  return (
+    <div {...props} className={cn("flex w-fit items-center", className)}>
+      <div className="flex gap-2">
+        {Array.from({ length: 3 }).map((_, index) => (
+          <Skeleton key={index} className="h-8 w-8" />
+        ))}
+      </div>
+    </div>
+  );
+}

package/src/modules/commands/menus/responsive-menu.client.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { SingleCommandMenuProps } from "../hooks/use-command-menu.client";
-import { DropdownCommandMenu } from "./dropdown-menu.client";
-import { InlineCommandMenu } from "./inline-menu.client";
+import { DropdownCommandMenu, DropdownCommandMenuLoading } from "./dropdown-menu.client";
+import { InlineCommandMenu, InlineCommandMenuLoading } from "./inline-menu.client";
 
 type ResponsiveCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta>;
 
@@ -16,3 +16,12 @@ export function ResponsiveCommandMenu<TData, TMeta>(
     </>
   );
 }
+
+export function ResponsiveCommandMenuLoading() {
+  return (
+    <>
+      <InlineCommandMenuLoading className="hidden xl:flex" />
+      <DropdownCommandMenuLoading className="xl:hidden" />
+    </>
+  );
+}

package/src/modules/config/entry.server.ts

@@ -3,12 +3,11 @@
  */
 export * from "./lib/config.server";
 export * from "./lib/resolve.server";
-export * from "./paths/create.server";
 
 /**
  * Router
  */
+export * from "./router/client.server";
 export * from "./router/context.server";
 export * from "./router/error.server";
 export * from "./router/init.server";
-export * from "./router/client.server";

package/src/modules/config/entry.ts

@@ -1,5 +1,8 @@
 export * from "./db/helpers";
 export * from "./db/types";
+
+export * from "./paths/helpers";
 export * from "./paths/types";
+
 export * from "./router/client";
 export * from "./router/validators";

package/src/modules/config/lib/config.server.ts

@@ -3,14 +3,13 @@ import "server-cli-only";
 import { createAccessControl, Role } from "@/modules/auth/lib/permissions";
 import { TDatabaseSchema } from "@/modules/config/db/types";
 import { S3ClientConfig } from "@aws-sdk/client-s3";
-import { PathConfig } from "../paths/types";
 
 export type TulipConfig<TSchema extends TDatabaseSchema> = {
   general: {
     name: string;
     shortName: string;
   };
-  paths: PathConfig<TSchema>;
+  // paths: PathConfig;
   database: {
     schema: TSchema;
     pool: {

package/src/modules/config/lib/router.server.ts

@@ -0,0 +1,64 @@
+// import { initRPC } from "../entry.server";
+
+// export function createBaseRouter() {
+//   const { protectedProcedure } = initRPC();
+
+//   return {
+//     /**
+//      * Get paths
+//      */
+//     getPaths: protectedProcedure.handler(async ({ context }) => {
+//       /**
+//        * Initialise the paths by executing the path functions
+//        */
+//       const resolvedPaths = await Promise.all(
+//         context.paths.map(async (group) => {
+//           /**
+//            * Initialise the path by executing the path function
+//            */
+//           const initialisedPaths = await Promise.all(group.items.map((path) => path()));
+
+//           /**
+//            * Filter out paths that the user doesn't have permission for
+//            */
+//           const validatedPaths = await Promise.all(
+//             initialisedPaths.map(async (path) => {
+//               if (!path.permission) return path;
+
+//               const hasPermission = await context.auth.api.userHasPermission({
+//                 body: {
+//                   permission: path.permission,
+//                   userId: context.session.user?.id,
+//                 },
+//               });
+//               if (!hasPermission.success) return null;
+
+//               return path;
+//             }),
+//           );
+
+//           // /**
+//           //  * Resolve the icon component
+//           //  */
+//           // const resolvedPaths = validatedPaths
+//           //   .filter((path) => !!path)
+//           //   .map((path) => {
+//           //     return {
+//           //       ...path,
+//           //       icon: path.icon ? createElement(path.icon) : undefined,
+//           //     };
+//           //   });
+
+//           const items = validatedPaths.filter((path) => !!path);
+
+//           return { ...group, items };
+//         }),
+//       );
+
+//       /**
+//        * Filter out empty groups
+//        */
+//       return resolvedPaths.filter((group) => group.items.length > 0);
+//     }),
+//   };
+// }

package/src/modules/config/paths/helpers.ts

@@ -0,0 +1,6 @@
+import { Paths } from "./types";
+
+/**
+ * Create the paths object
+ */
+export const createPaths = (paths: Paths) => paths;

package/src/modules/config/paths/types.ts

@@ -1,27 +1,26 @@
 import { type Permission } from "@/modules/auth/lib/permissions";
-import { type LucideIcon } from "lucide-react";
+import { LucideIcon } from "lucide-react";
 import { type Route } from "next";
-import { type TDatabaseSchema } from "../db/types";
 
 /**
- * Path input type
+ * Path types
  */
-export type PathGroupInput<TSchema extends TDatabaseSchema> = {
+export type PathGroup = {
   name?: string;
-  items: ((config: {}) => Promise<PathInput>)[];
+  items: Path[];
 };
 
-export type PathInput = {
+export type Path = {
   name: string;
   href: Route;
   icon?: LucideIcon;
   segment?: string;
   permission?: Permission;
   isActive?: boolean;
-  items?: PathSubItemInput[];
+  items?: PathSubItem[];
 };
 
-export type PathSubItemInput = {
+export type PathSubItem = {
   name: string;
   href: Route;
   segment?: string;
@@ -29,36 +28,25 @@ export type PathSubItemInput = {
   isActive?: boolean;
 };
 
-/**
- * Path output type
- */
-export type PathGroupOutput = {
-  name?: string;
-  items: PathOutput[];
-};
+export type Paths = PathGroup[];
 
-export type PathOutput = {
-  name: string;
-  href: Route;
-  icon?: React.JSX.Element;
-  segment?: string;
-  isActive?: boolean;
-  items?: PathSubItemOutput[];
-};
-
-export type PathSubItemOutput = {
-  name: string;
-  href: Route;
-  segment?: string;
-  isActive?: boolean;
-};
 
 /**
- * Path config type
- */
-export type PathConfig<TSchema extends TDatabaseSchema> = PathGroupInput<TSchema>[];
-
-/**
- * Path result type
- */
-export type PathResult = PathGroupOutput[];
+ * <PathGroup>
+ *  <PathGroupTitle>{name}</PathGroupTitle>
+ * 
+ *  <PathGroupItems>
+      <Path href="/" segment="admin" permission="admin" isActive>
+        <PathIcon><Icon /></PathIcon>
+        <PathTitle>{name}</PathTitle>
+
+        <PathItems>
+          <PathSubItem href="/" segment="admin" permission="admin" isActive>
+            <PathSubItemIcon><Icon /></PathSubItemIcon>
+            <PathSubItemTitle>{name}</PathSubItemTitle>
+          </PathSubItem>
+        </PathItems>
+      </Path>
+ *  </PathGroupItems>
+ * </PathGroup>
+ */

package/src/modules/data-tables/components/filters/combobox.client.tsx

@@ -119,7 +119,7 @@ export function TableFilterCombobox<TValue extends string>({
                       <span>{option.label}</span>
                     </div>
 
-                    {option.total != undefined && (
+                    {option.total !== undefined && (
                       <span className="text-muted-foreground/50 size-4 justify-self-end font-mono text-xs">
                         {option.total}
                       </span>

package/src/modules/data-tables/tables/inline-table/hooks/use-input.client.ts

@@ -2,7 +2,7 @@ import "client-only";
 
 import { useAction } from "@/lib/hooks/use-action";
 import { Permission } from "@/modules/auth/entry";
-import { usePermission } from "@/modules/auth/hooks/use-permission.client";
+import { usePermission } from "@/modules/auth/hooks/use-permission";
 import { InlineEditSchema } from "@/modules/inline-edit/entry";
 import { type CellContext } from "@tanstack/react-table";
 import { useEffect, useState } from "react";

package/src/modules/inline-edit/hooks/use-inline.client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useAction } from "@/lib/hooks/use-action";
-import { usePermission } from "@/modules/auth/hooks/use-permission.client";
+import { usePermission } from "@/modules/auth/hooks/use-permission";
 import { Permission } from "@/modules/auth/lib/permissions";
 import { JSONContent } from "@tiptap/react";
 import { useState } from "react";

package/dist/components/layouts/admin-layout.server.d.ts

@@ -1,14 +0,0 @@
-import { TDatabaseSchema } from "../../modules/config/db/types.js";
-import { GetTulipParams } from "../../modules/config/lib/resolve.server.js";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
-import { PropsWithChildren } from "react";
-import "server-cli-only";
-
-//#region src/components/layouts/admin-layout.server.d.ts
-declare function AdminLayout<TSchema extends TDatabaseSchema>({
-  config,
-  children
-}: PropsWithChildren<GetTulipParams<TSchema>>): Promise<react_jsx_runtime106.JSX.Element>;
-//#endregion
-export { AdminLayout };
-//# sourceMappingURL=admin-layout.server.d.ts.map

package/dist/components/layouts/admin-layout.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-layout.server.d.ts","names":[],"sources":["../../../src/components/layouts/admin-layout.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAWsB,4BAA4B;;;GAG/C,kBAAkB,eAAe,YAAS,QAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/admin-layout.server.js

@@ -1,26 +0,0 @@
-import { getSession } from "../../modules/auth/lib/helpers.server.js";
-import { getTulip } from "../../modules/config/lib/resolve.server.js";
-import { getPaths } from "../../modules/config/paths/get.server.js";
-import { AdminContent } from "./admin-content.client.js";
-import { AdminSidebarProvider } from "./admin-sidebar-context.client.js";
-import { AdminSidebar } from "./admin-sidebar.client.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import "server-cli-only";
-
-//#region src/components/layouts/admin-layout.server.tsx
-async function AdminLayout({ config, children }) {
-	const tulip = await getTulip({ config });
-	const session = await getSession(tulip);
-	return /* @__PURE__ */ jsxs(AdminSidebarProvider, {
-		value: {
-			paths: await getPaths(tulip),
-			session
-		},
-		className: "max-h-[100dvh] overflow-hidden border",
-		children: [/* @__PURE__ */ jsx(AdminSidebar, {}), /* @__PURE__ */ jsx(AdminContent, { children })]
-	});
-}
-
-//#endregion
-export { AdminLayout };
-//# sourceMappingURL=admin-layout.server.js.map

package/dist/components/layouts/admin-layout.server.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-layout.server.js","names":[],"sources":["../../../src/components/layouts/admin-layout.server.tsx"],"sourcesContent":["import \"server-cli-only\";\n\nimport { getSession } from \"@/modules/auth/lib/helpers.server\";\nimport { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport { getTulip, GetTulipParams } from \"@/modules/config/lib/resolve.server\";\nimport { getPaths } from \"@/modules/config/paths/get.server\";\nimport { PropsWithChildren } from \"react\";\nimport { AdminContent } from \"./admin-content.client\";\nimport { AdminSidebarProvider } from \"./admin-sidebar-context.client\";\nimport { AdminSidebar } from \"./admin-sidebar.client\";\n\nexport async function AdminLayout<TSchema extends TDatabaseSchema>({\n  config,\n  children,\n}: PropsWithChildren<GetTulipParams<TSchema>>) {\n  const tulip = await getTulip({ config });\n  const session = await getSession(tulip);\n\n  const paths = await getPaths(tulip);\n\n  return (\n    <AdminSidebarProvider\n      value={{ paths, session }}\n      className=\"max-h-[100dvh] overflow-hidden border\"\n    >\n      <AdminSidebar />\n\n      <AdminContent>{children}</AdminContent>\n    </AdminSidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,eAAsB,YAA6C,EACjE,QACA,YAC6C;CAC7C,MAAM,QAAQ,MAAM,SAAS,EAAE,QAAQ,CAAC;CACxC,MAAM,UAAU,MAAM,WAAW,MAAM;AAIvC,QACE,qBAAC;EACC,OAAO;GAAE,OAJC,MAAM,SAAS,MAAM;GAIf;GAAS;EACzB,WAAU;aAEV,oBAAC,iBAAe,EAEhB,oBAAC,gBAAc,WAAwB;GAClB"}

package/dist/components/layouts/admin-sidebar-context.client.js

@@ -1,28 +0,0 @@
-"use client";
-
-
-import { SidebarProvider } from "../ui/sidebar.client.js";
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-
-//#region src/components/layouts/admin-sidebar-context.client.tsx
-/**
-* AdminSidebarContext
-*/
-const AdminSidebarContext = React.createContext({});
-/**
-* AdminSidebarProvider
-*/
-function AdminSidebarProvider({ value, children,...props }) {
-	return /* @__PURE__ */ jsx(SidebarProvider, {
-		...props,
-		children: /* @__PURE__ */ jsx(AdminSidebarContext.Provider, {
-			value,
-			children
-		})
-	});
-}
-
-//#endregion
-export { AdminSidebarContext, AdminSidebarProvider };
-//# sourceMappingURL=admin-sidebar-context.client.js.map

package/dist/components/layouts/admin-sidebar-context.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-sidebar-context.client.js","names":[],"sources":["../../../src/components/layouts/admin-sidebar-context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ClientSession } from \"@/modules/auth/handler/client.client\";\nimport { PathResult } from \"@/modules/config/paths/types\";\nimport React from \"react\";\nimport { SidebarProvider } from \"../entry.client\";\n\n/**\n * AdminSidebarContextValue\n */\ntype AdminSidebarContextValue = {\n  paths: PathResult;\n  session: ClientSession;\n};\n\n/**\n * AdminSidebarContext\n */\nexport const AdminSidebarContext = React.createContext({} as AdminSidebarContextValue);\n\n/**\n * AdminSidebarProvider\n */\nexport function AdminSidebarProvider({\n  value,\n  children,\n  ...props\n}: React.ComponentProps<typeof SidebarProvider> & { value: AdminSidebarContextValue }) {\n  return (\n    <SidebarProvider {...props}>\n      <AdminSidebarContext.Provider value={value}>{children}</AdminSidebarContext.Provider>\n    </SidebarProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,sBAAsB,MAAM,cAAc,EAAE,CAA6B;;;;AAKtF,SAAgB,qBAAqB,EACnC,OACA,SACA,GAAG,SACkF;AACrF,QACE,oBAAC;EAAgB,GAAI;YACnB,oBAAC,oBAAoB;GAAgB;GAAQ;IAAwC;GACrE"}

package/dist/components/layouts/admin-sidebar-header.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-sidebar-header.client.js","names":[],"sources":["../../../src/components/layouts/admin-sidebar-header.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar.client\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { authClient } from \"@/modules/auth/handler/client.client\";\nimport { ChevronsUpDownIcon, LaptopIcon, LogOutIcon, MoonIcon, SunIcon } from \"lucide-react\";\nimport { useTheme } from \"next-themes\";\nimport { useRouter } from \"next/navigation\";\nimport { useContext } from \"react\";\nimport { SidebarHeader, useSidebar } from \"../entry.client\";\nimport { AdminSidebarContext } from \"./admin-sidebar-context.client\";\n\nexport function AdminSidebarHeader() {\n  const router = useRouter();\n  const { theme, setTheme } = useTheme();\n\n  const { setOpenMobile } = useSidebar();\n  const { session } = useContext(AdminSidebarContext);\n\n  return (\n    <SidebarHeader>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" className=\"items-center justify-between py-3.5\">\n            <div className=\"flex items-center gap-4\">\n              <Avatar className=\"h-6 w-6 text-sm\">\n                <AvatarImage src={session.user.image ?? undefined} alt={session.user.name} />\n                <AvatarFallback>{session.user.name?.[0] ?? \"\"}</AvatarFallback>\n              </Avatar>\n              <span className=\"text-md text-muted-foreground font-bold\">{session.user.name}</span>\n            </div>\n\n            <ChevronsUpDownIcon className=\"text-muted-foreground h-4 w-4\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent className=\"w-44\">\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <span>Thema</span>\n            </DropdownMenuSubTrigger>\n\n            <DropdownMenuSubContent>\n              <DropdownMenuItem\n                className={cn(theme === \"light\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"light\")}\n              >\n                <SunIcon className=\"mr-2 h-4 w-4\" />\n                <span>Light</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"dark\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"dark\")}\n              >\n                <MoonIcon className=\"mr-2 h-4 w-4\" />\n                <span>Dark</span>\n              </DropdownMenuItem>\n\n              <DropdownMenuItem\n                className={cn(theme === \"system\" && \"bg-secondary font-bold\")}\n                onClick={() => setTheme(\"system\")}\n              >\n                <LaptopIcon className=\"mr-2 h-4 w-4\" />\n                <span>System</span>\n              </DropdownMenuItem>\n            </DropdownMenuSubContent>\n          </DropdownMenuSub>\n\n          <DropdownMenuSeparator />\n\n          <DropdownMenuItem\n            onClick={() => {\n              setOpenMobile(false);\n              authClient.signOut({\n                fetchOptions: { onSuccess: () => router.replace(\"/auth/login\") },\n              });\n            }}\n          >\n            <LogOutIcon className=\"mr-2 h-4 w-4\" />\n            <span>Log out</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarHeader>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,qBAAqB;CACnC,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,OAAO,aAAa,UAAU;CAEtC,MAAM,EAAE,kBAAkB,YAAY;CACtC,MAAM,EAAE,YAAY,WAAW,oBAAoB;AAEnD,QACE,oBAAC,2BACC,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,WAAU;cAClC,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MAAY,KAAK,QAAQ,KAAK,SAAS;MAAW,KAAK,QAAQ,KAAK;OAAQ,EAC7E,oBAAC,4BAAgB,QAAQ,KAAK,OAAO,MAAM,KAAoB;MACxD,EACT,oBAAC;KAAK,WAAU;eAA2C,QAAQ,KAAK;MAAY;KAChF,EAEN,oBAAC,sBAAmB,WAAU,kCAAkC;IACzD;GACW,EAEtB,qBAAC;EAAoB,WAAU;;GAC7B,qBAAC,8BACC,oBAAC,oCACC,oBAAC,oBAAK,UAAY,GACK,EAEzB,qBAAC;IACC,qBAAC;KACC,WAAW,GAAG,UAAU,WAAW,yBAAyB;KAC5D,eAAe,SAAS,QAAQ;gBAEhC,oBAAC,WAAQ,WAAU,iBAAiB,EACpC,oBAAC,oBAAK,UAAY;MACD;IAEnB,qBAAC;KACC,WAAW,GAAG,UAAU,UAAU,yBAAyB;KAC3D,eAAe,SAAS,OAAO;gBAE/B,oBAAC,YAAS,WAAU,iBAAiB,EACrC,oBAAC,oBAAK,SAAW;MACA;IAEnB,qBAAC;KACC,WAAW,GAAG,UAAU,YAAY,yBAAyB;KAC7D,eAAe,SAAS,SAAS;gBAEjC,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,WAAa;MACF;OACI,IACT;GAElB,oBAAC,0BAAwB;GAEzB,qBAAC;IACC,eAAe;AACb,mBAAc,MAAM;AACpB,gBAAW,QAAQ,EACjB,cAAc,EAAE,iBAAiB,OAAO,QAAQ,cAAc,EAAE,EACjE,CAAC;;eAGJ,oBAAC,cAAW,WAAU,iBAAiB,EACvC,oBAAC,oBAAK,YAAc;KACH;;GACC,IACT,GACD"}

package/dist/components/layouts/admin-sidebar.client.js

@@ -1,51 +0,0 @@
-"use client";
-
-
-import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, useSidebar } from "../ui/sidebar.client.js";
-import { AdminSidebarContext } from "./admin-sidebar-context.client.js";
-import { AdminSidebarHeader } from "./admin-sidebar-header.client.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React$1 from "react";
-import Link from "next/link";
-import { useSelectedLayoutSegments } from "next/navigation";
-
-//#region src/components/layouts/admin-sidebar.client.tsx
-/**
-* AdminSidebar
-*/
-function AdminSidebar({ ...props }) {
-	const currentSegments = useSelectedLayoutSegments();
-	const { paths } = React$1.useContext(AdminSidebarContext);
-	const { isMobile, toggleSidebar } = useSidebar();
-	return /* @__PURE__ */ jsxs(Sidebar, {
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(AdminSidebarHeader, {}),
-			/* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: paths.map((group, index) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [group.name && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.name }), /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item) => {
-				const isActive = item.isActive || item.segment === currentSegments?.[0];
-				return /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(SidebarMenuButton, {
-					asChild: true,
-					isActive,
-					children: /* @__PURE__ */ jsxs(Link, {
-						href: item.href,
-						onClick: isMobile ? toggleSidebar : void 0,
-						children: [item.icon, item.name]
-					})
-				}), isActive && !!item.items?.length && /* @__PURE__ */ jsx(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(SidebarMenuSubButton, {
-					asChild: true,
-					isActive: subItem.segment === currentSegments?.[1],
-					children: /* @__PURE__ */ jsx(Link, {
-						href: subItem.href,
-						onClick: isMobile ? toggleSidebar : void 0,
-						children: subItem.name
-					})
-				}) }, subItem.name)) })] }, item.name);
-			}) }) })] }, index)) }) }),
-			/* @__PURE__ */ jsx(SidebarRail, {})
-		]
-	});
-}
-
-//#endregion
-export { AdminSidebar };
-//# sourceMappingURL=admin-sidebar.client.js.map

package/dist/components/layouts/admin-sidebar.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin-sidebar.client.js","names":["React"],"sources":["../../../src/components/layouts/admin-sidebar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n  useSidebar,\n} from \"@/components/ui/sidebar.client\";\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegments } from \"next/navigation\";\nimport * as React from \"react\";\nimport { AdminSidebarContext } from \"./admin-sidebar-context.client\";\nimport { AdminSidebarHeader } from \"./admin-sidebar-header.client\";\n\n/**\n * AdminSidebar\n */\nexport function AdminSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  const currentSegments = useSelectedLayoutSegments();\n\n  const { paths } = React.useContext(AdminSidebarContext);\n  const { isMobile, toggleSidebar } = useSidebar();\n\n  return (\n    <Sidebar {...props}>\n      <AdminSidebarHeader />\n\n      <SidebarContent>\n        <SidebarMenu>\n          {paths.map((group, index) => (\n            <SidebarGroup key={index}>\n              {group.name && <SidebarGroupLabel>{group.name}</SidebarGroupLabel>}\n\n              <SidebarGroupContent>\n                <SidebarMenu>\n                  {group.items.map((item) => {\n                    const isActive = item.isActive || item.segment === currentSegments?.[0];\n\n                    return (\n                      <SidebarMenuItem key={item.name}>\n                        <SidebarMenuButton asChild isActive={isActive}>\n                          <Link href={item.href} onClick={isMobile ? toggleSidebar : undefined}>\n                            {item.icon}\n                            {item.name}\n                          </Link>\n                        </SidebarMenuButton>\n\n                        {isActive && !!item.items?.length && (\n                          <SidebarMenuSub>\n                            {item.items.map((subItem) => (\n                              <SidebarMenuSubItem key={subItem.name}>\n                                <SidebarMenuSubButton\n                                  asChild\n                                  isActive={subItem.segment === currentSegments?.[1]}\n                                >\n                                  <Link\n                                    href={subItem.href}\n                                    onClick={isMobile ? toggleSidebar : undefined}\n                                  >\n                                    {subItem.name}\n                                  </Link>\n                                </SidebarMenuSubButton>\n                              </SidebarMenuSubItem>\n                            ))}\n                          </SidebarMenuSub>\n                        )}\n                      </SidebarMenuItem>\n                    );\n                  })}\n                </SidebarMenu>\n              </SidebarGroupContent>\n            </SidebarGroup>\n          ))}\n        </SidebarMenu>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,SAAgB,aAAa,EAAE,GAAG,SAA+C;CAC/E,MAAM,kBAAkB,2BAA2B;CAEnD,MAAM,EAAE,UAAUA,QAAM,WAAW,oBAAoB;CACvD,MAAM,EAAE,UAAU,kBAAkB,YAAY;AAEhD,QACE,qBAAC;EAAQ,GAAI;;GACX,oBAAC,uBAAqB;GAEtB,oBAAC,4BACC,oBAAC,yBACE,MAAM,KAAK,OAAO,UACjB,qBAAC,2BACE,MAAM,QAAQ,oBAAC,+BAAmB,MAAM,OAAyB,EAElE,oBAAC,iCACC,oBAAC,yBACE,MAAM,MAAM,KAAK,SAAS;IACzB,MAAM,WAAW,KAAK,YAAY,KAAK,YAAY,kBAAkB;AAErE,WACE,qBAAC,8BACC,oBAAC;KAAkB;KAAkB;eACnC,qBAAC;MAAK,MAAM,KAAK;MAAM,SAAS,WAAW,gBAAgB;iBACxD,KAAK,MACL,KAAK;OACD;MACW,EAEnB,YAAY,CAAC,CAAC,KAAK,OAAO,UACzB,oBAAC,4BACE,KAAK,MAAM,KAAK,YACf,oBAAC,gCACC,oBAAC;KACC;KACA,UAAU,QAAQ,YAAY,kBAAkB;eAEhD,oBAAC;MACC,MAAM,QAAQ;MACd,SAAS,WAAW,gBAAgB;gBAEnC,QAAQ;OACJ;MACc,IAXA,QAAQ,KAYZ,CACrB,GACa,KAzBC,KAAK,KA2BT;KAEpB,GACU,GACM,KAxCL,MAyCJ,CACf,GACU,GACC;GACjB,oBAAC,gBAAc;;GACP"}

package/dist/modules/auth/components/allowed.server.d.ts

@@ -1,23 +0,0 @@
-import { Permission } from "../lib/permissions.js";
-import { TDatabaseSchema } from "../../config/db/types.js";
-import { TulipConfig } from "../../config/lib/config.server.js";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
-import { JSX } from "react";
-import "server-cli-only";
-
-//#region src/modules/auth/components/allowed.server.d.ts
-type AllowedProps<TSchema extends TDatabaseSchema> = {
-  config: TulipConfig<TSchema>;
-  permission: Permission;
-  fallback?: JSX.Element | string;
-  children: React.ReactNode;
-};
-declare function Allowed<TSchema extends TDatabaseSchema>({
-  config,
-  permission,
-  fallback,
-  children
-}: AllowedProps<TSchema>): Promise<react_jsx_runtime98.JSX.Element>;
-//#endregion
-export { Allowed };
-//# sourceMappingURL=allowed.server.d.ts.map

package/dist/modules/auth/components/allowed.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"allowed.server.d.ts","names":[],"sources":["../../../../src/modules/auth/components/allowed.server.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KASK,6BAA6B;UACxB,YAAY;cACR;EAFT,QAAA,CAAA,EAGQ,GAAA,CAAI,OAHA,GAAA,MAAA;EAAA,QAAA,EAIL,KAAA,CAAM,SAJD;;AACK,iBAMA,OANA,CAAA,gBAMwB,eANxB,CAAA,CAAA;EAAA,MAAA;EAAA,UAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAWnB,YAXmB,CAWN,OAXM,CAAA,CAAA,EAWE,OAXF,CAWE,mBAAA,CAAA,GAAA,CAAA,OAAA,CAXF"}