@tulip-systems/core 0.8.2 → 0.9.0

package/dist/src/modules/auth/lib/validators.d.mts

@@ -0,0 +1,299 @@
+import { users } from "../db/schema.mjs";
+import * as drizzle_orm_pg_core0 from "drizzle-orm/pg-core";
+import * as drizzle_zod0 from "drizzle-zod";
+import { z as z$1 } from "zod";
+
+//#region src/modules/auth/lib/validators.d.ts
+/**
+ * User type
+ */
+type User = typeof users.$inferSelect;
+/**
+ * Select user schema
+ */
+declare const selectUserSchema: drizzle_zod0.BuildSchema<"insert", {
+  name: drizzle_orm_pg_core0.PgColumn<{
+    name: "name";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgVarchar";
+    data: string;
+    driverParam: string;
+    notNull: true;
+    hasDefault: true;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: {
+      type: "always";
+    };
+  }, {}, {
+    length: undefined;
+  }>;
+  firstName: drizzle_orm_pg_core0.PgColumn<{
+    name: "firstName";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgVarchar";
+    data: string;
+    driverParam: string;
+    notNull: true;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {
+    length: undefined;
+  }>;
+  lastName: drizzle_orm_pg_core0.PgColumn<{
+    name: "lastName";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgVarchar";
+    data: string;
+    driverParam: string;
+    notNull: true;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {
+    length: undefined;
+  }>;
+  email: drizzle_orm_pg_core0.PgColumn<{
+    name: "email";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgText";
+    data: string;
+    driverParam: string;
+    notNull: true;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  emailVerified: drizzle_orm_pg_core0.PgColumn<{
+    name: "emailVerified";
+    tableName: "users";
+    dataType: "boolean";
+    columnType: "PgBoolean";
+    data: boolean;
+    driverParam: boolean;
+    notNull: true;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: undefined;
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  image: drizzle_orm_pg_core0.PgColumn<{
+    name: "image";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgText";
+    data: string;
+    driverParam: string;
+    notNull: false;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  role: drizzle_orm_pg_core0.PgColumn<{
+    name: "role";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgText";
+    data: string;
+    driverParam: string;
+    notNull: false;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  banned: drizzle_orm_pg_core0.PgColumn<{
+    name: "banned";
+    tableName: "users";
+    dataType: "boolean";
+    columnType: "PgBoolean";
+    data: boolean;
+    driverParam: boolean;
+    notNull: false;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: undefined;
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  banReason: drizzle_orm_pg_core0.PgColumn<{
+    name: "banReason";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgText";
+    data: string;
+    driverParam: string;
+    notNull: false;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: [string, ...string[]];
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  banExpires: drizzle_orm_pg_core0.PgColumn<{
+    name: "banExpires";
+    tableName: "users";
+    dataType: "date";
+    columnType: "PgTimestamp";
+    data: Date;
+    driverParam: string;
+    notNull: false;
+    hasDefault: false;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: undefined;
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  id: drizzle_orm_pg_core0.PgColumn<{
+    name: "id";
+    tableName: "users";
+    dataType: "string";
+    columnType: "PgUUID";
+    data: string;
+    driverParam: string;
+    notNull: true;
+    hasDefault: true;
+    isPrimaryKey: true;
+    isAutoincrement: false;
+    hasRuntimeDefault: true;
+    enumValues: undefined;
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  createdAt: drizzle_orm_pg_core0.PgColumn<{
+    name: "createdAt";
+    tableName: "users";
+    dataType: "date";
+    columnType: "PgTimestamp";
+    data: Date;
+    driverParam: string;
+    notNull: true;
+    hasDefault: true;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: undefined;
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+  updatedAt: drizzle_orm_pg_core0.PgColumn<{
+    name: "updatedAt";
+    tableName: "users";
+    dataType: "date";
+    columnType: "PgTimestamp";
+    data: Date;
+    driverParam: string;
+    notNull: true;
+    hasDefault: true;
+    isPrimaryKey: false;
+    isAutoincrement: false;
+    hasRuntimeDefault: false;
+    enumValues: undefined;
+    baseColumn: never;
+    identity: undefined;
+    generated: undefined;
+  }, {}, {}>;
+}, undefined, undefined>;
+type SelectUserSchema = z$1.infer<typeof selectUserSchema>;
+/**
+ * Login schema
+ */
+declare const loginSchema: z$1.ZodObject<{
+  email: z$1.ZodEmail;
+  password: z$1.ZodString;
+}, z$1.core.$strip>;
+/**
+ * Reset password schema
+ */
+declare const resetPasswordSchema: z$1.ZodObject<{
+  password: z$1.ZodString;
+  passwordConfirmation: z$1.ZodString;
+}, z$1.core.$strip>;
+/**
+ * Forgot password schema
+ */
+declare const forgotPasswordSchema: z$1.ZodObject<{
+  email: z$1.ZodEmail;
+}, z$1.core.$strip>;
+/**
+ * Create user schema
+ */
+declare const createUserSchema: z$1.ZodObject<{
+  email: z$1.ZodPipe<z$1.ZodString, z$1.ZodTransform<string, string>>;
+  image: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
+  firstName: z$1.ZodString;
+  lastName: z$1.ZodString;
+  password: z$1.ZodString;
+  role: z$1.ZodOptional<z$1.ZodString>;
+}, z$1.core.$strip>;
+type CreateUserSchema = z$1.infer<typeof createUserSchema>;
+/**
+ * Update user schema
+ */
+declare const updateUserSchema: z$1.ZodObject<{
+  email: z$1.ZodString;
+  image: z$1.ZodOptional<z$1.ZodNullable<z$1.ZodString>>;
+  firstName: z$1.ZodString;
+  lastName: z$1.ZodString;
+}, {
+  out: {};
+  in: {};
+}>;
+type UpdateUserSchema = z$1.infer<typeof updateUserSchema>;
+/**
+ * Update password input validation
+ */
+declare const updatePasswordSchema: z$1.ZodObject<{
+  password: z$1.ZodString;
+}, z$1.core.$strip>;
+type UpdatePasswordSchema = z$1.infer<typeof updatePasswordSchema>;
+//#endregion
+export { CreateUserSchema, SelectUserSchema, UpdatePasswordSchema, UpdateUserSchema, User, createUserSchema, forgotPasswordSchema, loginSchema, resetPasswordSchema, selectUserSchema, updatePasswordSchema, updateUserSchema };

package/dist/src/modules/auth/lib/validators.mjs

@@ -0,0 +1,59 @@
+import { users } from "../db/schema.mjs";
+import { createInsertSchema } from "drizzle-zod";
+import { z as z$1 } from "zod";
+import { userSchema } from "better-auth/db";
+
+//#region src/modules/auth/lib/validators.ts
+/**
+* Select user schema
+*/
+const selectUserSchema = createInsertSchema(users);
+/**
+* Login schema
+*/
+const loginSchema = z$1.object({
+	email: z$1.email({ message: "Email moet een geldig email adres zijn" }).min(2, { message: "Email moet langer zijn dan 2 karakters" }).max(50, { message: "Email mag niet langer zijn dan 50 karakters" }),
+	password: z$1.string().min(2, { message: "Wachtwoord moet langer zijn dan 2 karakters" }).max(50, { message: "Wachtwoord mag niet langer zijn dan 50 karakters" })
+});
+/**
+* Reset password schema
+*/
+const resetPasswordSchema = z$1.object({
+	password: z$1.string().min(2, { message: "Wachtwoord moet langer zijn dan 2 karakters" }).max(50, { message: "Wachtwoord mag niet langer zijn dan 50 karakters" }),
+	passwordConfirmation: z$1.string().min(2, { message: "Wachtwoord moet langer zijn dan 2 karakters" }).max(50, { message: "Wachtwoord mag niet langer zijn dan 50 karakters" })
+}).refine((data) => data.password === data.passwordConfirmation, {
+	message: "Wachtwoorden komen niet overeen",
+	path: ["passwordConfirmation"]
+});
+/**
+* Forgot password schema
+*/
+const forgotPasswordSchema = z$1.object({ email: z$1.email({ error: "Email moet een geldig email adres zijn" }).min(2, { message: "Email moet langer zijn dan 2 karakters" }).max(50, { message: "Email mag niet langer zijn dan 50 karakters" }) });
+/**
+* Create user schema
+*/
+const createUserSchema = userSchema.pick({
+	email: true,
+	image: true
+}).extend({
+	firstName: z$1.string().min(2, { message: "Voornaam moet langer zijn dan 2 karakters" }).max(50, { message: "Voornaam mag niet langer zijn dan 50 karakters" }),
+	lastName: z$1.string().min(2, { message: "Achternaam moet langer zijn dan 2 karakters" }).max(50, { message: "Achternaam mag niet langer zijn dan 50 karakters" }),
+	password: z$1.string().min(6, { message: "Wachtwoord moet minimaal 6 karakters hebben" }),
+	role: z$1.string().optional()
+});
+/**
+* Update user schema
+*/
+const updateUserSchema = createInsertSchema(users).pick({
+	firstName: true,
+	lastName: true,
+	email: true,
+	image: true
+});
+/**
+* Update password input validation
+*/
+const updatePasswordSchema = z$1.object({ password: z$1.string().min(6, { message: "Wachtwoord moet minimaal 6 karakters hebben" }) });
+
+//#endregion
+export { createUserSchema, forgotPasswordSchema, loginSchema, resetPasswordSchema, selectUserSchema, updatePasswordSchema, updateUserSchema };

package/dist/src/modules/commands/components/menus/context-menu.client.d.mts

@@ -0,0 +1,40 @@
+import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from "../../../../components/ui/context-menu.client.mjs";
+import { CommandDef } from "../../lib/builder.mjs";
+import { CommandContextLifecycle } from "../../hooks/use-command.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ReactNode } from "react";
+import z from "zod";
+
+//#region src/modules/commands/components/menus/context-menu.client.d.ts
+type ContextCommandMenuContentProps<TSchema extends z.ZodTypeAny, TMeta> = ComponentProps<typeof ContextMenuContent> & CommandContextLifecycle & {
+  data: unknown;
+  commands: Array<CommandDef<z.ZodTypeAny, TMeta>>;
+  meta?: TMeta;
+  fallback?: ReactNode;
+  emptyLabel?: string;
+};
+/**
+ * ContextCommandMenu
+ */
+declare const ContextCommandMenu: typeof ContextMenu;
+/**
+ * ContextCommandMenuTrigger
+ */
+declare const ContextCommandMenuTrigger: typeof ContextMenuTrigger;
+/**
+ * ContextCommandMenuContent
+ */
+declare function ContextCommandMenuContent<TSchema extends z.ZodTypeAny, TMeta>({
+  data,
+  commands,
+  meta,
+  fallback,
+  onSuccess,
+  onError,
+  onSettled,
+  className,
+  emptyLabel,
+  ...props
+}: ContextCommandMenuContentProps<TSchema, TMeta>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuContentProps, ContextCommandMenuTrigger };

package/dist/src/modules/commands/components/menus/context-menu.client.mjs

@@ -0,0 +1,47 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../../components/ui/context-menu.client.mjs";
+import { RenderCommand } from "../render-command.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/commands/components/menus/context-menu.client.tsx
+/**
+* ContextCommandMenu
+*/
+const ContextCommandMenu = ContextMenu;
+/**
+* ContextCommandMenuTrigger
+*/
+const ContextCommandMenuTrigger = ContextMenuTrigger;
+/**
+* ContextCommandMenuContent
+*/
+function ContextCommandMenuContent({ data, commands, meta, fallback, onSuccess, onError, onSettled, className, emptyLabel = "Geen acties beschikbaar", ...props }) {
+	if (!commands.length) return /* @__PURE__ */ jsx(ContextMenuContent, {
+		...props,
+		className: cn("min-w-40", className),
+		children: /* @__PURE__ */ jsx(ContextMenuItem, {
+			className: "font-medium",
+			disabled: true,
+			children: emptyLabel
+		})
+	});
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		...props,
+		className: cn("min-w-40", className),
+		children: commands.map((command, index) => /* @__PURE__ */ jsx(RenderCommand, {
+			command,
+			data,
+			meta,
+			fallback,
+			ui: "context",
+			onSuccess,
+			onError,
+			onSettled
+		}, index))
+	});
+}
+
+//#endregion
+export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger };

package/dist/src/modules/commands/components/menus/dropdown-menu.client.d.mts

@@ -0,0 +1,30 @@
+import { CommandDef } from "../../lib/builder.mjs";
+import { CommandContextLifecycle } from "../../hooks/use-command.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import z from "zod";
+
+//#region src/modules/commands/components/menus/dropdown-menu.client.d.ts
+type DropdownCommandMenuProps<TSchema extends z.ZodTypeAny, TMeta> = HTMLAttributes<HTMLElement> & CommandContextLifecycle & {
+  data: unknown;
+  commands: Array<CommandDef<z.ZodTypeAny, TMeta>>;
+  meta?: TMeta;
+  fallback?: ReactNode;
+};
+declare function DropdownCommandMenu<TSchema extends z.ZodTypeAny, TMeta>({
+  data,
+  commands,
+  meta,
+  fallback,
+  onSuccess,
+  onError,
+  onSettled,
+  className,
+  ...props
+}: DropdownCommandMenuProps<TSchema, TMeta>): react_jsx_runtime0.JSX.Element | null;
+declare function DropdownCommandMenuLoading({
+  className,
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DropdownCommandMenu, DropdownCommandMenuLoading, DropdownCommandMenuProps };

package/dist/src/modules/commands/components/menus/dropdown-menu.client.mjs

@@ -0,0 +1,58 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Button } from "../../../../components/ui/button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../../../../components/ui/dropdown-menu.client.mjs";
+import { Skeleton } from "../../../../components/ui/skeleton.mjs";
+import { RenderCommand } from "../render-command.mjs";
+import { MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/commands/components/menus/dropdown-menu.client.tsx
+function DropdownCommandMenu({ data, commands, meta, fallback, onSuccess, onError, onSettled, className, ...props }) {
+	const [open, setOpen] = React.useState(false);
+	if (!commands.length) return null;
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				...props,
+				variant: "ghost",
+				className: cn("size-8 p-0 data-[state=open]:bg-secondary", className),
+				children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Open menu"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			align: "end",
+			className: "min-w-[10rem]",
+			children: commands.map((command, index) => /* @__PURE__ */ jsx(RenderCommand, {
+				command,
+				data,
+				meta,
+				fallback,
+				ui: "dropdown",
+				onSuccess: async () => {
+					setOpen(false);
+					await onSuccess?.();
+				},
+				onError,
+				onSettled
+			}, index))
+		})]
+	});
+}
+function DropdownCommandMenuLoading({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex w-fit items-center", className),
+		children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" })
+	});
+}
+
+//#endregion
+export { DropdownCommandMenu, DropdownCommandMenuLoading };

package/dist/src/modules/commands/components/menus/floating-menu.client.d.mts

@@ -0,0 +1,30 @@
+import { CommandDef } from "../../lib/builder.mjs";
+import { CommandContextLifecycle } from "../../hooks/use-command.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { HTMLAttributes, ReactNode } from "react";
+import z from "zod";
+
+//#region src/modules/commands/components/menus/floating-menu.client.d.ts
+type FloatingCommandMenuProps<TSchema extends z.ZodTypeAny, TMeta> = HTMLAttributes<HTMLElement> & CommandContextLifecycle & {
+  data: unknown;
+  commands: Array<CommandDef<z.ZodTypeAny, TMeta>>;
+  meta?: TMeta;
+  fallback?: ReactNode;
+  state: "open" | "closed";
+  emptyLabel?: string;
+};
+declare function FloatingCommandMenu<TSchema extends z.ZodTypeAny, TMeta>({
+  data,
+  commands,
+  meta,
+  fallback,
+  onSuccess,
+  onError,
+  onSettled,
+  state,
+  className,
+  emptyLabel,
+  ...props
+}: FloatingCommandMenuProps<TSchema, TMeta>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FloatingCommandMenu, FloatingCommandMenuProps };

package/dist/src/modules/commands/components/menus/floating-menu.client.mjs

@@ -0,0 +1,33 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { RenderCommand } from "../render-command.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/commands/components/menus/floating-menu.client.tsx
+function FloatingCommandMenu({ data, commands, meta, fallback, onSuccess, onError, onSettled, state, className, emptyLabel = "Geen acties beschikbaar", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"data-state": state,
+		className: cn("fixed right-0 bottom-12 left-0 z-50 mx-auto flex w-fit items-center rounded-xl border bg-muted/80 px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2",
+			children: [commands.map((command, index) => /* @__PURE__ */ jsx(RenderCommand, {
+				command,
+				data,
+				meta,
+				fallback,
+				ui: "table",
+				onSuccess,
+				onError,
+				onSettled
+			}, index)), !commands.length && /* @__PURE__ */ jsx("span", {
+				className: "font-medium text-sm",
+				children: emptyLabel
+			})]
+		})
+	});
+}
+
+//#endregion
+export { FloatingCommandMenu };

package/dist/src/modules/commands/components/menus/inline-menu.client.d.mts

@@ -0,0 +1,30 @@
+import { CommandDef } from "../../lib/builder.mjs";
+import { CommandContextLifecycle } from "../../hooks/use-command.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+import z from "zod";
+
+//#region src/modules/commands/components/menus/inline-menu.client.d.ts
+type InlineCommandMenuProps<TSchema extends z.ZodTypeAny, TMeta> = HTMLAttributes<HTMLElement> & CommandContextLifecycle & {
+  data: unknown;
+  commands: Array<CommandDef<z.ZodTypeAny, TMeta>>;
+  meta?: TMeta;
+  fallback?: ReactNode;
+};
+declare function InlineCommandMenu<TSchema extends z.ZodTypeAny, TMeta>({
+  data,
+  meta,
+  commands,
+  fallback,
+  onSuccess,
+  onError,
+  onSettled,
+  className,
+  ...props
+}: InlineCommandMenuProps<TSchema, TMeta>): react_jsx_runtime0.JSX.Element | null;
+declare function InlineCommandMenuLoading({
+  className,
+  ...props
+}: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { InlineCommandMenu, InlineCommandMenuLoading, InlineCommandMenuProps };

package/dist/src/modules/commands/components/menus/inline-menu.client.mjs

@@ -0,0 +1,41 @@
+"use client";
+
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Skeleton } from "../../../../components/ui/skeleton.mjs";
+import { RenderCommand } from "../render-command.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/commands/components/menus/inline-menu.client.tsx
+function InlineCommandMenu({ data, meta, commands, fallback, onSuccess, onError, onSettled, className, ...props }) {
+	if (!commands.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex w-fit items-center", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex gap-2",
+			children: commands.map((command, index) => /* @__PURE__ */ jsx(RenderCommand, {
+				command,
+				data,
+				meta,
+				fallback,
+				ui: "inline",
+				onSuccess,
+				onError,
+				onSettled
+			}, index))
+		})
+	});
+}
+function InlineCommandMenuLoading({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex w-fit items-center", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex gap-2",
+			children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" }, index))
+		})
+	});
+}
+
+//#endregion
+export { InlineCommandMenu, InlineCommandMenuLoading };

package/dist/src/modules/commands/components/menus/responsive-menu.client.d.mts

@@ -0,0 +1,17 @@
+import { CommandDef } from "../../lib/builder.mjs";
+import { CommandContextLifecycle } from "../../hooks/use-command.client.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import z from "zod";
+
+//#region src/modules/commands/components/menus/responsive-menu.client.d.ts
+type ResponsiveCommandMenuProps<TSchema extends z.ZodTypeAny, TMeta> = CommandContextLifecycle & {
+  data: unknown;
+  commands: Array<CommandDef<z.ZodTypeAny, TMeta>>;
+  meta?: TMeta;
+  fallback?: ReactNode;
+};
+declare function ResponsiveCommandMenu<TSchema extends z.ZodTypeAny, TMeta>(props: ResponsiveCommandMenuProps<TSchema, TMeta>): react_jsx_runtime0.JSX.Element;
+declare function ResponsiveCommandMenuLoading(): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResponsiveCommandMenu, ResponsiveCommandMenuLoading, ResponsiveCommandMenuProps };