@tulip-systems/core 0.5.16 → 0.6.1

package/src/modules/auth/components/create-first-user-page.client.tsx

@@ -1,5 +1,14 @@
 "use client";
 
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { useMutation } from "@tanstack/react-query";
+import { Eye, EyeOff } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { parseAsString, useQueryState } from "nuqs";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import type * as z from "zod";
 import { Icons } from "@/components/common/icons";
 import { Button } from "@/components/ui/button";
 import {
@@ -11,18 +20,8 @@ import {
   FormMessage,
 } from "@/components/ui/form.client";
 import { Input } from "@/components/ui/input";
-import { useMutation } from "@tanstack/react-query";
-import { parseAsString, useQueryState } from "nuqs";
-import { toast } from "sonner";
-import * as z from "zod";
-import { createUserSchema } from "../lib/validators";
-
-import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
-import { Eye, EyeOff } from "lucide-react";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { useForm } from "react-hook-form";
 import { useAuthClient } from "../hooks/use-auth-client";
+import { createUserSchema } from "../lib/validators";
 
 export function CreateFirstUserPage() {
   const router = useRouter();

package/src/modules/auth/components/forget-password-page.client.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import { Icons } from "@/components/common/icons";
-import { Button } from "@/components/ui/button";
-import { Form, FormControl, FormField, FormItem, FormMessage } from "@/components/ui/form.client";
-import { Input } from "@/components/ui/input";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import React from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
-import * as z from "zod";
+import type * as z from "zod";
+import { Icons } from "@/components/common/icons";
+import { Button } from "@/components/ui/button";
+import { Form, FormControl, FormField, FormItem, FormMessage } from "@/components/ui/form.client";
+import { Input } from "@/components/ui/input";
 import { useAuthClient } from "../hooks/use-auth-client";
 import { forgotPasswordSchema } from "../lib/validators";
 

package/src/modules/auth/components/guard-first-user.server.tsx

@@ -1,7 +1,6 @@
-import { TDatabaseSchema, TulipContext } from "@/modules/config/entry";
-
 import { redirect } from "next/navigation";
-import { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
+import type { TDatabaseSchema, TulipContext } from "@/modules/config/entry";
 import { users } from "../db/schema";
 
 type AuthGuardFirstUserProps<TSchema extends TDatabaseSchema> = PropsWithChildren<
@@ -22,7 +21,5 @@ export async function AuthGuardFirstUser<TSchema extends TDatabaseSchema>({
     if (usersExist) redirect("/auth/login");
   }
 
-  
-
   return <>{children}</>;
 }

package/src/modules/auth/components/guard.server.tsx

@@ -1,10 +1,10 @@
 import "server-only";
 
-import { TDatabaseSchema, TulipContext } from "@/modules/config/entry";
+import { redirect } from "next/navigation";
+import type { PropsWithChildren } from "react";
+import type { TDatabaseSchema, TulipContext } from "@/modules/config/entry";
 import { getQueryClient } from "@/modules/router/lib/query-client";
 import { HydrateClient } from "@/modules/router/lib/query-client.server";
-import { redirect } from "next/navigation";
-import { PropsWithChildren } from "react";
 import { getSession } from "../lib/helpers.server";
 
 export async function AuthGuard<TSchema extends TDatabaseSchema>({

package/src/modules/auth/components/login-page.client.tsx

@@ -1,9 +1,5 @@
 "use client";
 
-import { Icons } from "@/components/common/icons";
-import { Button } from "@/components/ui/button";
-import { Form, FormControl, FormField, FormItem, FormMessage } from "@/components/ui/form.client";
-import { Input } from "@/components/ui/input";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import { useMutation } from "@tanstack/react-query";
 import { Eye, EyeOff, FingerprintIcon } from "lucide-react";
@@ -13,7 +9,11 @@ import { parseAsString, useQueryState } from "nuqs";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
-import * as z from "zod";
+import type * as z from "zod";
+import { Icons } from "@/components/common/icons";
+import { Button } from "@/components/ui/button";
+import { Form, FormControl, FormField, FormItem, FormMessage } from "@/components/ui/form.client";
+import { Input } from "@/components/ui/input";
 import { useAuthClient } from "../hooks/use-auth-client";
 import { loginSchema } from "../lib/validators";
 

package/src/modules/auth/components/reset-password-page.client.tsx

@@ -1,5 +1,12 @@
 "use client";
 
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import { Eye, EyeOff } from "lucide-react";
+import { useRouter } from "next/navigation";
+import React, { use, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import type * as z from "zod";
 import { Icons } from "@/components/common/icons";
 import { Button } from "@/components/ui/button";
 import {
@@ -11,13 +18,6 @@ import {
   FormMessage,
 } from "@/components/ui/form.client";
 import { Input } from "@/components/ui/input";
-import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
-import { Eye, EyeOff } from "lucide-react";
-import { useRouter } from "next/navigation";
-import React, { use, useState } from "react";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import * as z from "zod";
 import { useAuthClient } from "../hooks/use-auth-client";
 import { resetPasswordSchema } from "../lib/validators";
 

package/src/modules/auth/components/update-password-command.tsx

@@ -1,5 +1,9 @@
 "use client";
 
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import type { DefaultError, MutationOptions } from "@tanstack/react-query";
+import type React from "react";
+import { useForm } from "react-hook-form";
 import {
   Form,
   FormControl,
@@ -19,11 +23,7 @@ import {
   CommandFormDialogTitle,
   CommandFormDialogTrigger,
 } from "@/modules/commands/components/form-dialog-command.client";
-import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
-import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import React from "react";
-import { useForm } from "react-hook-form";
-import { updatePasswordSchema, UpdatePasswordSchema } from "../lib/validators";
+import { type UpdatePasswordSchema, updatePasswordSchema } from "../lib/validators";
 
 export type UpdatePasswordCommandProps<
   TData = unknown,

package/src/modules/auth/db/schema.ts

@@ -1,6 +1,6 @@
-import { baseColumns } from "@/modules/config/entry";
-import { relations, sql, SQL } from "drizzle-orm";
+import { relations, type SQL, sql } from "drizzle-orm";
 import { pgTable } from "drizzle-orm/pg-core";
+import { baseColumns } from "@/modules/config/entry";
 
 /**
  * Users

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

@@ -2,8 +2,8 @@
  * Components
  */
 export * from "./components/auth-layout.server";
-export * from "./components/guard-first-user.server";
 export * from "./components/guard.server";
+export * from "./components/guard-first-user.server";
 
 /**
  * Handlers

package/src/modules/auth/handler/create-client.client.ts

@@ -1,11 +1,11 @@
 import "client-only";
 
-import { url } from "@/lib/utils/url";
 import { passkeyClient } from "@better-auth/passkey/client";
 import { adminClient, emailOTPClient, inferAdditionalFields } from "better-auth/client/plugins";
-import { AccessControl, Role } from "better-auth/plugins";
+import type { AccessControl, Role } from "better-auth/plugins";
 import { createAuthClient as createBetterAuthClient } from "better-auth/react";
-import { AuthClient } from "./init";
+import { url } from "@/lib/utils/url";
+import type { AuthClient } from "./init";
 
 /**
  * Create auth client

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

@@ -1,16 +1,16 @@
-import ForgetPasswordEmail from "@/components/emails/forget-password-email";
-import { url } from "@/lib/utils/url";
-import { TDatabaseSchema } from "@/modules/config/entry";
-import { DatabaseClient, EmailClient } from "@/modules/config/entry.server";
-import { TulipConfig } from "@/modules/config/lib/config";
 import { passkey } from "@better-auth/passkey";
 import { drizzleAdapter } from "better-auth/adapters/drizzle";
 import { betterAuth } from "better-auth/minimal";
 import { nextCookies } from "better-auth/next-js";
 import { admin, createAuthMiddleware, emailOTP } from "better-auth/plugins";
 import { eq } from "drizzle-orm";
+import ForgetPasswordEmail from "@/components/emails/forget-password-email";
+import { url } from "@/lib/utils/url";
+import type { TDatabaseSchema } from "@/modules/config/entry";
+import type { DatabaseClient, EmailClient } from "@/modules/config/entry.server";
+import type { TulipConfig } from "@/modules/config/lib/config";
 import { users } from "../entry";
-import { createAccessControl, Role } from "../lib/permissions";
+import type { createAccessControl, Role } from "../lib/permissions";
 
 export const authCookiePrefix = "tulip";
 

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

@@ -1,6 +1,5 @@
 import { getSessionCookie } from "better-auth/cookies";
-import { NextRequest, NextResponse } from "next/server";
-import { URLPattern } from "urlpattern-polyfill";
+import { type NextRequest, NextResponse } from "next/server";
 import { authCookiePrefix } from "./init";
 
 /**

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

@@ -1,7 +1,7 @@
 import { toNextJsHandler } from "better-auth/next-js";
-import { NextRequest } from "next/server";
+import type { NextRequest } from "next/server";
 import "server-cli-only";
-import { AuthClient } from "./init";
+import type { AuthClient } from "./init";
 
 /**
  * Handle the auth routes

package/src/modules/auth/hooks/use-auth-client.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { AccessControl, Role } from "better-auth/plugins";
-import { createContext, PropsWithChildren, use } from "react";
-import { ClientAuth } from "../handler/create-client.client";
+import type { AccessControl, Role } from "better-auth/plugins";
+import { createContext, type PropsWithChildren, use } from "react";
+import type { ClientAuth } from "../handler/create-client.client";
 
 /**
  * Auth client context

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

@@ -1,6 +1,6 @@
 "use client";
 
-import { type Permission } from "../lib/permissions";
+import type { Permission } from "../lib/permissions";
 import { useAuthClient } from "./use-auth-client";
 import { useSession } from "./use-session";
 

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

@@ -1,14 +1,13 @@
 "use client";
 
 import { useSuspenseQuery } from "@tanstack/react-query";
-import { ClientAuth } from "../entry.client";
+import type { ClientAuth } from "../entry.client";
 
 export function useSession(authClient: ClientAuth<never, never>) {
   const session = useSuspenseQuery({
     queryKey: ["session"],
     queryFn: async () => {
       const session = await authClient.getSession();
-      
 
       if (session.error) {
         console.error(session.error);

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

@@ -1,12 +1,12 @@
 import "server-cli-only";
 
-import { type TDatabaseSchema } from "@/modules/config/db/types";
-import { TulipContext } from "@/modules/config/entry";
-import { ServerError } from "@/modules/router/lib/error.server";
 import { eq } from "drizzle-orm";
 import { headers } from "next/headers";
+import type { TDatabaseSchema } from "@/modules/config/db/types";
+import type { TulipContext } from "@/modules/config/entry";
+import { ServerError } from "@/modules/router/lib/error.server";
 import { users } from "../entry";
-import { CreateUserSchema, UpdateUserSchema } from "./validators";
+import type { CreateUserSchema, UpdateUserSchema } from "./validators";
 
 /**
  * Get the session

package/src/modules/commands/components/alert-dialog-command.client.tsx

@@ -1,5 +1,13 @@
 "use client";
 
+import type {
+  AlertDialogCancelProps,
+  AlertDialogContentProps,
+  AlertDialogProps,
+} from "@radix-ui/react-alert-dialog";
+import type { DefaultError, MutationOptions } from "@tanstack/react-query";
+import React from "react";
+import { type Keys, useHotkeys } from "react-hotkeys-hook";
 import { Icons } from "@/components/common/icons";
 import {
   AlertDialog,
@@ -16,14 +24,6 @@ import { buttonVariants } from "@/components/ui/button";
 import { ContextMenuItem } from "@/components/ui/context-menu";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
-import {
-  AlertDialogCancelProps,
-  AlertDialogContentProps,
-  AlertDialogProps,
-} from "@radix-ui/react-alert-dialog";
-import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import React from "react";
-import { Keys, useHotkeys } from "react-hotkeys-hook";
 import { useCommand } from "../hooks/context.client";
 import { useCommandMutation } from "../hooks/use-command-mutation.client";
 import { CommandTrigger } from "./command-trigger.client";

package/src/modules/commands/components/click-command.client.tsx

@@ -1,11 +1,11 @@
 "use client";
 
+import type { DefaultError, MutationOptions } from "@tanstack/react-query";
+import type React from "react";
+import { type Keys, useHotkeys } from "react-hotkeys-hook";
 import { Button } from "@/components/ui/button";
 import { ContextMenuItem } from "@/components/ui/context-menu";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
-import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import React from "react";
-import { Keys, useHotkeys } from "react-hotkeys-hook";
 import { useCommand } from "../hooks/context.client";
 import { useCommandMutation } from "../hooks/use-command-mutation.client";
 import { CommandTrigger } from "./command-trigger.client";

package/src/modules/commands/components/command-trigger.client.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { createContext, type PropsWithChildren, useContext } from "react";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip.client";
-import { createContext, PropsWithChildren, useContext } from "react";
 import { useCommand } from "../hooks/context.client";
 
 /**

package/src/modules/commands/components/dialog-command.client.tsx

@@ -1,5 +1,8 @@
 "use client";
 
+import type { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
+import React from "react";
+import { type Keys, useHotkeys } from "react-hotkeys-hook";
 import { buttonVariants } from "@/components/ui/button";
 import { ContextMenuItem } from "@/components/ui/context-menu";
 import {
@@ -13,9 +16,6 @@ import {
 } from "@/components/ui/dialog.client";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
-import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
-import React from "react";
-import { Keys, useHotkeys } from "react-hotkeys-hook";
 import { useCommand } from "../hooks/context.client";
 import { CommandTrigger } from "./command-trigger.client";
 

package/src/modules/commands/components/dropdown-command.client.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import type { DefaultError, MutationOptions } from "@tanstack/react-query";
+import React from "react";
 import { buttonVariants } from "@/components/ui/button";
 import {
   ContextMenuItem,
@@ -17,8 +19,6 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
-import { DefaultError, MutationOptions } from "@tanstack/react-query";
-import React from "react";
 import { useCommand } from "../hooks/context.client";
 import { useCommandMutation } from "../hooks/use-command-mutation.client";
 import { CommandTrigger } from "./command-trigger.client";

package/src/modules/commands/components/empty-command.client.tsx

@@ -1,9 +1,9 @@
 "use client";
 
+import type React from "react";
 import { Button } from "@/components/ui/button";
 import { ContextMenuItem } from "@/components/ui/context-menu";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
-import React from "react";
 import { useCommand } from "../hooks/context.client";
 import { CommandTrigger } from "./command-trigger.client";
 

package/src/modules/commands/components/form-dialog-command.client.tsx

@@ -1,5 +1,10 @@
 "use client";
 
+import type { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
+import type { DefaultError, MutationOptions } from "@tanstack/react-query";
+import React, { type ComponentProps } from "react";
+import { type FieldValues, Form, useFormContext } from "react-hook-form";
+import { type Keys, useHotkeys } from "react-hotkeys-hook";
 import { Icons } from "@/components/common/icons";
 import { Button, buttonVariants } from "@/components/ui/button";
 import { ContextMenuItem } from "@/components/ui/context-menu";
@@ -14,11 +19,6 @@ import {
 } from "@/components/ui/dialog.client";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
-import type { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
-import { type DefaultError, type MutationOptions } from "@tanstack/react-query";
-import React, { type ComponentProps } from "react";
-import { type FieldValues, Form, useFormContext } from "react-hook-form";
-import { type Keys, useHotkeys } from "react-hotkeys-hook";
 import { useCommandMutation } from "../entry.client";
 import { useCommand } from "../hooks/context.client";
 import { CommandTrigger } from "./command-trigger.client";

package/src/modules/commands/components/render-command.tsx

@@ -1,6 +1,6 @@
-import { Allowed } from "@/modules/auth/components/allowed.client";
 import { Fragment } from "react/jsx-runtime";
-import { CommandDef } from "../lib/definitions";
+import { Allowed } from "@/modules/auth/components/allowed.client";
+import type { CommandDef } from "../lib/definitions";
 
 type RenderCommandProps<TData, TMeta> = {
   command: CommandDef<TData, TMeta>;

package/src/modules/commands/entry.client.ts

@@ -1,3 +1,6 @@
+/**
+ * Components
+ */
 export * from "./components/alert-dialog-command.client";
 export * from "./components/click-command.client";
 export * from "./components/command-trigger.client";
@@ -5,11 +8,24 @@ export * from "./components/dialog-command.client";
 export * from "./components/dropdown-command.client";
 export * from "./components/empty-command.client";
 export * from "./components/form-dialog-command.client";
+
+/**
+ * Hooks
+ */
 export * from "./hooks/use-command-mutation.client";
+
+/**
+ * Menus
+ */
 export * from "./menus/context-menu.client";
 export * from "./menus/dropdown-menu.client";
+export * from "./menus/floating-menu.client";
 export * from "./menus/inline-menu.client";
 export * from "./menus/responsive-menu.client";
+
+/**
+ * Utils
+ */
 export * from "./utils/archive-command.client";
 export * from "./utils/delete-command.client";
 export * from "./utils/send-mail-command.client";

package/src/modules/commands/hooks/context.client.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 
 export type CommandContextValue = {
   // data: TData[]

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

@@ -1,9 +1,9 @@
 "use client";
 
-import {
-  type BulkCommandDefRenderParams,
-  type CommandDef,
-  type SingleCommandDefRenderParams,
+import type {
+  BulkCommandDefRenderParams,
+  CommandDef,
+  SingleCommandDefRenderParams,
 } from "../lib/definitions";
 
 /**
@@ -13,12 +13,14 @@ export type SingleCommandMenuProps<TData, TMeta> = {
   data: TData;
   commands: CommandDef<TData, TMeta>[];
   meta?: TMeta;
+  onSuccess?: () => void;
 };
 
 export type BulkCommandMenuProps<TData, TMeta> = {
   data: TData[];
   commands: CommandDef<TData, TMeta>[];
   meta?: TMeta;
+  onSuccess?: () => void;
 };
 
 /**

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

@@ -1,8 +1,8 @@
 "use client";
 
-import { useAction } from "@/lib/hooks/use-action";
 import type { DefaultError, MutationFunction, MutationOptions } from "@tanstack/react-query";
 import { useRouter } from "next/navigation";
+import { useAction } from "@/lib/hooks/use-action";
 import { useCommand } from "./context.client";
 
 export type CommandActionResult = Promise<unknown>;

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

@@ -1,5 +1,7 @@
 "use client";
 
+import type { ContextMenuContentProps } from "@radix-ui/react-context-menu";
+import { useState } from "react";
 import {
   ContextMenu,
   ContextMenuContent,
@@ -7,11 +9,12 @@ import {
   ContextMenuTrigger,
 } from "@/components/ui/context-menu";
 import { cn } from "@/lib/entry";
-import { ContextMenuContentProps } from "@radix-ui/react-context-menu";
-import { Fragment, useState } from "react";
 import { RenderCommand } from "../components/render-command";
 import { CommandContextProvider } from "../hooks/context.client";
-import { SingleCommandMenuProps, useSingleCommandMenu } from "../hooks/use-command-menu.client";
+import {
+  type SingleCommandMenuProps,
+  useSingleCommandMenu,
+} from "../hooks/use-command-menu.client";
 
 /**
  * ContextCommandMenu
@@ -40,7 +43,7 @@ export function ContextCommandMenuContent<TData, TMeta>({
   if (!hasCommands) {
     return (
       <CommandContextProvider value={{ menu: "context" }}>
-        <ContextMenuContent {...props} className={cn("min-w-[10rem]", className)}>
+        <ContextMenuContent {...props} className={cn("min-w-40", className)}>
           <ContextMenuItem className="font-medium" disabled>
             Geen acties beschikbaar
           </ContextMenuItem>
@@ -50,20 +53,18 @@ export function ContextCommandMenuContent<TData, TMeta>({
   }
 
   return (
-    <Fragment>
-      <CommandContextProvider value={{ menu: "context" }}>
-        <ContextMenuContent
-          {...props}
-          className={cn("min-w-[10rem]", className)}
-          ref={(ref) => {
-            if (ref?.childNodes.length === 0) setHasCommands(false);
-          }}
-        >
-          {validCommands.map((command) => (
-            <RenderCommand key={command.name} command={command} render={renderCommand} />
-          ))}
-        </ContextMenuContent>
-      </CommandContextProvider>
-    </Fragment>
+    <CommandContextProvider value={{ menu: "context" }}>
+      <ContextMenuContent
+        {...props}
+        className={cn("min-w-40", className)}
+        ref={(ref) => {
+          if (ref?.childNodes.length === 0) setHasCommands(false);
+        }}
+      >
+        {validCommands.map((command) => (
+          <RenderCommand key={command.name} command={command} render={renderCommand} />
+        ))}
+      </ContextMenuContent>
+    </CommandContextProvider>
   );
 }

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

@@ -1,5 +1,7 @@
 "use client";
 
+import { MoreHorizontal } from "lucide-react";
+import React, { type ComponentProps } from "react";
 import { Skeleton } from "@/components/entry";
 import { Button } from "@/components/ui/button";
 import {
@@ -8,11 +10,12 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { cn } from "@/lib/utils/cn";
-import { MoreHorizontal } from "lucide-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 {
+  type SingleCommandMenuProps,
+  useSingleCommandMenu,
+} from "../hooks/use-command-menu.client";
 
 export function DropdownCommandMenu<TData, TMeta>({
   data,