@tulip-systems/core 0.8.3 → 0.10.0

package/dist/modules/commands/components/{dialog-command.client.mjs → primitives/dialog-command.client.mjs}

@@ -1,21 +1,18 @@
 "use client";
 
-import { cn } from "../../../lib/utils/cn.mjs";
-import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../../components/ui/dialog.client.mjs";
-import { useCommand } from "../hooks/context.client.mjs";
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { buttonVariants } from "../../../../components/ui/button.mjs";
+import { ContextMenuItem } from "../../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../../components/ui/dropdown-menu.client.mjs";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../../../components/ui/dialog.client.mjs";
+import { useCommand } from "../../hooks/use-command.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import React from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/dialog-command.client.tsx
+//#region src/modules/commands/components/primitives/dialog-command.client.tsx
 const CommandDialogContext = React.createContext({});
-/**
-* CommandDialog
-*/
 function CommandDialog({ children, openState, ...props }) {
 	const state = React.useState(false);
 	const { open, setOpen } = openState ?? {
@@ -36,11 +33,11 @@ function CommandDialog({ children, openState, ...props }) {
 	});
 }
 function CommandDialogTrigger({ label, hotkey, children, disabled, ...props }) {
-	const { menu, status } = useCommand();
+	const { status, ui, disabled: commandDisabled } = useCommand();
 	const { openState } = React.useContext(CommandDialogContext);
-	const isDisabled = disabled || status === "pending";
+	const isDisabled = disabled || commandDisabled || status === "pending";
 	useHotkeys(hotkey ?? "", () => openState.setOpen(true), { enabled: !isDisabled && hotkey !== void 0 });
-	if (menu === "inline" || menu === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			...props,
@@ -52,7 +49,7 @@ function CommandDialogTrigger({ label, hotkey, children, disabled, ...props }) {
 			children
 		})
 	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			asChild: true,
@@ -67,7 +64,7 @@ function CommandDialogTrigger({ label, hotkey, children, disabled, ...props }) {
 			})
 		})
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			asChild: true,
@@ -82,46 +79,32 @@ function CommandDialogTrigger({ label, hotkey, children, disabled, ...props }) {
 			})
 		})
 	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
-/**
-* CommandDialogContent
-*/
 function CommandDialogContent({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogContent, {
 		...props,
 		children
 	});
 }
-/**
-* CommandDialogHeader
-*/
 function CommandDialogHeader({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogHeader, {
 		...props,
 		children
 	});
 }
-/**
-* CommandDialogTitle
-*/
 function CommandDialogTitle({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogTitle, {
 		...props,
 		children
 	});
 }
-/**
-* CommandDialogDescription
-*/
 function CommandDialogDescription({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogDescription, {
 		...props,
 		children
 	});
 }
-/**
-* CommandDialogFooter
-*/
 function CommandDialogFooter({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogFooter, {
 		...props,

package/dist/modules/commands/components/{dropdown-command.client.d.mts → primitives/dropdown-command.client.d.mts}

@@ -2,10 +2,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
 
-//#region src/modules/commands/components/dropdown-command.client.d.ts
-/**
- * CommandDropdown
- */
+//#region src/modules/commands/components/primitives/dropdown-command.client.d.ts
 type CommandDropdownProps = {
   children: React.ReactNode;
   className?: string;
@@ -13,10 +10,7 @@ type CommandDropdownProps = {
 declare function CommandDropdown({
   children,
   ...props
-}: CommandDropdownProps): react_jsx_runtime0.JSX.Element | null;
-/**
- * CommandDropdownContent
- */
+}: CommandDropdownProps): react_jsx_runtime0.JSX.Element;
 type CommandDropdownContentProps = {
   children: React.ReactNode;
   className?: string;
@@ -24,10 +18,7 @@ type CommandDropdownContentProps = {
 declare function CommandDropdownContent({
   children,
   ...props
-}: CommandDropdownContentProps): react_jsx_runtime0.JSX.Element | null;
-/**
- * CommandDropdownTrigger
- */
+}: CommandDropdownContentProps): react_jsx_runtime0.JSX.Element;
 type CommandDropdownTriggerProps = {
   children: React.ReactNode;
   className?: string;
@@ -39,10 +30,7 @@ declare function CommandDropdownTrigger({
   disabled,
   children,
   ...props
-}: CommandDropdownTriggerProps): react_jsx_runtime0.JSX.Element | null;
-/**
- * CommandDropdownItem
- */
+}: CommandDropdownTriggerProps): react_jsx_runtime0.JSX.Element;
 type CommandDropdownItemProps<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = {
   variables: TVariables;
   mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
@@ -54,6 +42,6 @@ declare function CommandDropdownItem<TData = unknown, TError = DefaultError, TVa
   mutation,
   children,
   ...props
-}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element | null;
+}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandDropdown, CommandDropdownContent, CommandDropdownItem, CommandDropdownProps, CommandDropdownTrigger };

package/dist/modules/commands/components/{dropdown-command.client.mjs → primitives/dropdown-command.client.mjs}

@@ -1,21 +1,21 @@
 "use client";
 
-import { cn } from "../../../lib/utils/cn.mjs";
-import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../../components/ui/context-menu.client.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.client.mjs";
-import { useCommand } from "../hooks/context.client.mjs";
-import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { buttonVariants } from "../../../../components/ui/button.mjs";
+import { ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../../../components/ui/context-menu.client.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../../../components/ui/dropdown-menu.client.mjs";
+import { useCommand } from "../../hooks/use-command.client.mjs";
+import { useCommandMutation } from "../../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import React from "react";
 
-//#region src/modules/commands/components/dropdown-command.client.tsx
+//#region src/modules/commands/components/primitives/dropdown-command.client.tsx
 const CommandDropdownContext = React.createContext({});
 function CommandDropdown({ children, ...props }) {
+	const { ui } = useCommand();
 	const [open, setOpen] = React.useState(false);
-	const { menu } = useCommand();
-	if (menu === "inline" || menu === "table") return /* @__PURE__ */ jsx(DropdownMenu, {
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(DropdownMenu, {
 		...props,
 		open,
 		onOpenChange: setOpen,
@@ -27,7 +27,7 @@ function CommandDropdown({ children, ...props }) {
 			children
 		})
 	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(DropdownMenuSub, {
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(DropdownMenuSub, {
 		...props,
 		open,
 		onOpenChange: setOpen,
@@ -39,7 +39,7 @@ function CommandDropdown({ children, ...props }) {
 			children
 		})
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(ContextMenuSub, {
+	if (ui === "context") return /* @__PURE__ */ jsx(ContextMenuSub, {
 		...props,
 		open,
 		onOpenChange: setOpen,
@@ -51,28 +51,28 @@ function CommandDropdown({ children, ...props }) {
 			children
 		})
 	});
-	return null;
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function CommandDropdownContent({ children, ...props }) {
-	const { menu } = useCommand();
-	if (menu === "inline" || menu === "table") return /* @__PURE__ */ jsx(DropdownMenuContent, {
+	const { ui } = useCommand();
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(DropdownMenuContent, {
 		...props,
 		children
 	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(DropdownMenuSubContent, {
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(DropdownMenuSubContent, {
 		...props,
 		children
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(ContextMenuSubContent, {
+	if (ui === "context") return /* @__PURE__ */ jsx(ContextMenuSubContent, {
 		...props,
 		children
 	});
-	return null;
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function CommandDropdownTrigger({ label, disabled, children, ...props }) {
-	const { menu, status } = useCommand();
-	const isDisabled = disabled || status === "pending";
-	if (menu === "inline" || menu === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+	const { status, ui, disabled: commandDisabled } = useCommand();
+	const isDisabled = disabled || commandDisabled || status === "pending";
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DropdownMenuTrigger, {
 			...props,
@@ -84,7 +84,7 @@ function CommandDropdownTrigger({ label, disabled, children, ...props }) {
 			children
 		})
 	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DropdownMenuSubTrigger, {
 			...props,
@@ -92,7 +92,7 @@ function CommandDropdownTrigger({ label, disabled, children, ...props }) {
 			children
 		})
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(ContextMenuSubTrigger, {
 			...props,
@@ -100,11 +100,11 @@ function CommandDropdownTrigger({ label, disabled, children, ...props }) {
 			children
 		})
 	});
-	return null;
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function CommandDropdownItem({ variables, mutation, children, ...props }) {
 	const { setOpen } = React.useContext(CommandDropdownContext);
-	const { menu, status } = useCommand();
+	const { status, ui, disabled: commandDisabled } = useCommand();
 	const { mutateAsync } = useCommandMutation({
 		...mutation,
 		onSuccess: async (...params) => {
@@ -112,19 +112,19 @@ function CommandDropdownItem({ variables, mutation, children, ...props }) {
 			return await mutation?.onSuccess?.(...params);
 		}
 	});
-	if (menu === "inline" || menu === "table" || menu === "dropdown") return /* @__PURE__ */ jsx(DropdownMenuItem, {
+	if (ui === "inline" || ui === "table" || ui === "dropdown") return /* @__PURE__ */ jsx(DropdownMenuItem, {
 		...props,
-		disabled: status === "pending",
+		disabled: commandDisabled || status === "pending",
 		onClick: () => mutateAsync(variables),
 		children
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(ContextMenuItem, {
+	if (ui === "context") return /* @__PURE__ */ jsx(ContextMenuItem, {
 		...props,
-		disabled: status === "pending",
+		disabled: commandDisabled || status === "pending",
 		onClick: () => mutateAsync(variables),
 		children
 	});
-	return null;
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
 //#endregion

package/dist/modules/commands/components/{empty-command.client.d.mts → primitives/empty-command.client.d.mts}

@@ -1,8 +1,10 @@
+import { CommandUI } from "../../lib/builder.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
-//#region src/modules/commands/components/empty-command.client.d.ts
+//#region src/modules/commands/components/primitives/empty-command.client.d.ts
 type CommandEmptyProps = {
+  ui?: CommandUI;
   children: React.ReactNode;
   className?: string;
   disabled?: boolean;
@@ -13,6 +15,6 @@ declare function CommandEmpty({
   children,
   disabled,
   ...props
-}: CommandEmptyProps): react_jsx_runtime0.JSX.Element | null;
+}: CommandEmptyProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandEmpty, CommandEmptyProps };

package/dist/modules/commands/components/primitives/empty-command.client.mjs

@@ -0,0 +1,44 @@
+"use client";
+
+import { Button } from "../../../../components/ui/button.mjs";
+import { ContextMenuItem } from "../../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../../components/ui/dropdown-menu.client.mjs";
+import { useCommand } from "../../hooks/use-command.client.mjs";
+import { CommandTrigger } from "./command-trigger.client.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/modules/commands/components/primitives/empty-command.client.tsx
+function CommandEmpty({ label, children, disabled, ...props }) {
+	const { status, ui, disabled: commandDisabled } = useCommand();
+	const isDisabled = disabled ?? (commandDisabled || status === "pending");
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "outline",
+			size: "sm",
+			disabled: isDisabled,
+			children
+		})
+	});
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(DropdownMenuItem, {
+			...props,
+			disabled: isDisabled,
+			children
+		})
+	});
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(ContextMenuItem, {
+			...props,
+			disabled: isDisabled,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { CommandEmpty };

package/dist/modules/commands/components/{form-dialog-command.client.d.mts → primitives/form-dialog-command.client.d.mts}

@@ -1,21 +1,15 @@
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../../components/ui/dialog.client.mjs";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../../../components/ui/dialog.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React, { ComponentProps } from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
 import { FieldValues, Form } from "react-hook-form";
 import { Keys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/form-dialog-command.client.d.ts
-/**
- * CommandFormDialog
- */
+//#region src/modules/commands/components/primitives/form-dialog-command.client.d.ts
 declare function CommandFormDialog({
   children,
   ...props
 }: ComponentProps<typeof Dialog>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandFormDialogTrigger
- */
 type CommandFormDialogTriggerProps = {
   children: React.ReactNode;
   className?: string;
@@ -29,32 +23,20 @@ declare function CommandFormDialogTrigger({
   children,
   disabled,
   ...props
-}: CommandFormDialogTriggerProps): react_jsx_runtime0.JSX.Element | undefined;
-/**
- * CommandFormDialogHeader
- */
+}: CommandFormDialogTriggerProps): react_jsx_runtime0.JSX.Element;
 declare function CommandFormDialogHeader({
   children,
   ...props
 }: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandFormDialogTitle
- */
 declare function CommandFormDialogTitle({
   children,
   ...props
 }: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandFormDialogDescription
- */
 declare function CommandFormDialogDescription({
   children,
   ...props
 }: ComponentProps<typeof DialogDescription>): react_jsx_runtime0.JSX.Element;
 declare const CommandFormDialogContentProvider: typeof Form;
-/**
- * CommandFormDialogContent
- */
 type CommandFormDialogContentProps<TValues extends FieldValues, TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = ComponentProps<typeof DialogContent> & {
   variables: (values: TValues) => TVariables;
   mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
@@ -66,32 +48,20 @@ declare function CommandFormDialogContent<TValues extends FieldValues, TData = u
   children,
   ...props
 }: CommandFormDialogContentProps<TValues, TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
-/**
- * FormDialogFields
- */
 declare function CommandFormDialogFields({
   children,
   className,
   ...props
 }: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
-/**
- * CommandFormDialogFooter
- */
 declare function CommandFormDialogFooter({
   children,
   ...props
 }: ComponentProps<typeof DialogFooter>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandFormDialogCancel
- */
 declare function CommandFormDialogCancel({
   children,
   onClick,
   ...props
 }: Omit<ComponentProps<"button">, "type">): react_jsx_runtime0.JSX.Element;
-/**
- * CommandFormDialogSubmit
- */
 declare function CommandFormDialogSubmit({
   children,
   disabled,

package/dist/modules/commands/components/{form-dialog-command.client.mjs → primitives/form-dialog-command.client.mjs}

@@ -1,24 +1,21 @@
 "use client";
 
-import { Icons } from "../../../components/common/icons.mjs";
-import { cn } from "../../../lib/utils/cn.mjs";
-import { Button, buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../../components/ui/dialog.client.mjs";
-import { useCommand } from "../hooks/context.client.mjs";
-import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
+import { Icons } from "../../../../components/common/icons.mjs";
+import { cn } from "../../../../lib/utils/cn.mjs";
+import { Button, buttonVariants } from "../../../../components/ui/button.mjs";
+import { ContextMenuItem } from "../../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../../components/ui/dropdown-menu.client.mjs";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../../../../components/ui/dialog.client.mjs";
+import { useCommand } from "../../hooks/use-command.client.mjs";
+import { useCommandMutation } from "../../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { Form, useFormContext } from "react-hook-form";
 import { useHotkeys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/form-dialog-command.client.tsx
+//#region src/modules/commands/components/primitives/form-dialog-command.client.tsx
 const CommandFormDialogContext = React.createContext({});
-/**
-* CommandFormDialog
-*/
 function CommandFormDialog({ children, ...props }) {
 	const [open, setOpen] = React.useState(false);
 	return /* @__PURE__ */ jsx(Dialog, {
@@ -35,11 +32,11 @@ function CommandFormDialog({ children, ...props }) {
 	});
 }
 function CommandFormDialogTrigger({ label, hotkey, children, disabled, ...props }) {
-	const { menu, status } = useCommand();
+	const { status, ui, disabled: commandDisabled } = useCommand();
 	const { setOpen } = React.useContext(CommandFormDialogContext);
-	const isDisabled = disabled || status === "pending";
+	const isDisabled = disabled || commandDisabled || status === "pending";
 	useHotkeys(hotkey ?? "", () => setOpen(true), { enabled: !isDisabled && hotkey !== void 0 });
-	if (menu === "inline" || menu === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			...props,
@@ -51,7 +48,7 @@ function CommandFormDialogTrigger({ label, hotkey, children, disabled, ...props
 			children
 		})
 	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			asChild: true,
@@ -66,7 +63,7 @@ function CommandFormDialogTrigger({ label, hotkey, children, disabled, ...props
 			})
 		})
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(DialogTrigger, {
 			asChild: true,
@@ -81,28 +78,20 @@ function CommandFormDialogTrigger({ label, hotkey, children, disabled, ...props
 			})
 		})
 	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
-/**
-* CommandFormDialogHeader
-*/
 function CommandFormDialogHeader({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogHeader, {
 		...props,
 		children
 	});
 }
-/**
-* CommandFormDialogTitle
-*/
 function CommandFormDialogTitle({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogTitle, {
 		...props,
 		children
 	});
 }
-/**
-* CommandFormDialogDescription
-*/
 function CommandFormDialogDescription({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogDescription, {
 		...props,
@@ -121,7 +110,6 @@ function CommandFormDialogContent({ variables, mutation, children, ...props }) {
 			return await mutation?.onSuccess?.(...params);
 		}
 	});
-	if (Object.keys(form?.formState?.errors || {})?.length > 0) console.error(form.formState.errors);
 	return /* @__PURE__ */ jsx(DialogContent, {
 		...props,
 		children: /* @__PURE__ */ jsx("form", {
@@ -132,9 +120,6 @@ function CommandFormDialogContent({ variables, mutation, children, ...props }) {
 		})
 	});
 }
-/**
-* FormDialogFields
-*/
 function CommandFormDialogFields({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
@@ -142,18 +127,12 @@ function CommandFormDialogFields({ children, className, ...props }) {
 		children
 	});
 }
-/**
-* CommandFormDialogFooter
-*/
 function CommandFormDialogFooter({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DialogFooter, {
 		...props,
 		children
 	});
 }
-/**
-* CommandFormDialogCancel
-*/
 function CommandFormDialogCancel({ children, onClick, ...props }) {
 	const { setOpen } = React.useContext(CommandFormDialogContext);
 	const form = useFormContext();
@@ -169,12 +148,9 @@ function CommandFormDialogCancel({ children, onClick, ...props }) {
 		children
 	});
 }
-/**
-* CommandFormDialogSubmit
-*/
 function CommandFormDialogSubmit({ children, disabled, ...props }) {
-	const { status } = useCommand();
-	const isDisabled = disabled || status === "pending";
+	const { status, disabled: commandDisabled } = useCommand();
+	const isDisabled = disabled || commandDisabled || status === "pending";
 	return /* @__PURE__ */ jsxs(Button, {
 		...props,
 		type: "submit",

package/dist/modules/commands/components/render-command.mjs

@@ -1,14 +1,47 @@
+"use client";
+
 import { Allowed } from "../../auth/components/allowed.client.mjs";
+import { CommandContextProvider } from "../hooks/use-command.client.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/modules/commands/components/render-command.tsx
-function RenderCommand({ command, render }) {
-	const children = /* @__PURE__ */ jsx(Fragment, { children: render(command) }, command.name);
-	if (!command.permission) return children;
+/**
+* Command renderer.
+*
+* It applies cheap visibility/disabled rules, exposes command status via context,
+* and then renders the command content. Validation belongs at execution boundaries.
+*/
+function RenderCommand(props) {
+	const data = props.command.transform ? props.command.transform(props.data) : props.data;
+	const meta = props.meta ?? {};
+	const visibleResult = props.command.visibleWhen?.({
+		data,
+		meta
+	});
+	const disabledResult = props.command.disabledWhen?.({
+		data,
+		meta
+	});
+	if (!(Array.isArray(visibleResult) ? visibleResult.every(Boolean) : visibleResult ?? true)) return /* @__PURE__ */ jsx(Fragment, { children: props.fallback });
+	const isDisabled = Array.isArray(disabledResult) ? disabledResult.every(Boolean) : disabledResult ?? false;
+	const children = /* @__PURE__ */ jsx(CommandContextProvider, {
+		ui: props.ui,
+		disabled: isDisabled,
+		onSuccess: props.onSuccess,
+		onError: props.onError,
+		onSettled: props.onSettled,
+		children: props.command.render({
+			data,
+			meta,
+			ui: props.ui
+		})
+	});
+	if (!props.command.permission) return children;
 	return /* @__PURE__ */ jsx(Allowed, {
-		permission: command.permission,
+		permission: props.command.permission,
+		fallback: props.fallback,
 		children
-	}, command.name);
+	});
 }
 
 //#endregion