@tulip-systems/core 0.8.3 → 0.9.0

package/dist/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/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/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/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 };

package/dist/modules/commands/{menus → components/menus}/responsive-menu.client.mjs

@@ -4,7 +4,7 @@ import { DropdownCommandMenu, DropdownCommandMenuLoading } from "./dropdown-menu
 import { InlineCommandMenu, InlineCommandMenuLoading } from "./inline-menu.client.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/modules/commands/menus/responsive-menu.client.tsx
+//#region src/modules/commands/components/menus/responsive-menu.client.tsx
 function ResponsiveCommandMenu(props) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InlineCommandMenu, {
 		className: "hidden xl:flex",

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

@@ -1,20 +1,14 @@
-import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../../components/ui/alert-dialog.client.mjs";
+import { AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../../../components/ui/alert-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 { Keys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/alert-dialog-command.client.d.ts
-/**
- * CommandAlertDialog
- */
+//#region src/modules/commands/components/primitives/alert-dialog-command.client.d.ts
 declare function CommandAlertDialog({
   children,
   ...props
 }: ComponentProps<typeof AlertDialog>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogTrigger
- */
 type CommandAlertDialogTriggerProps = {
   children: React.ReactNode;
   className?: string;
@@ -28,52 +22,31 @@ declare function CommandAlertDialogTrigger({
   children,
   disabled,
   ...props
-}: CommandAlertDialogTriggerProps): react_jsx_runtime0.JSX.Element | undefined;
-/**
- * CommandAlertDialogContent
- */
+}: CommandAlertDialogTriggerProps): react_jsx_runtime0.JSX.Element;
 declare function CommandAlertDialogContent({
   children,
   ...props
 }: ComponentProps<typeof AlertDialogContent>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogHeader
- */
 declare function CommandAlertDialogHeader({
   children,
   ...props
 }: ComponentProps<typeof AlertDialogHeader>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogTitle
- */
 declare function CommandAlertDialogTitle({
   children,
   ...props
 }: ComponentProps<typeof AlertDialogTitle>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogDescription
- */
 declare function CommandAlertDialogDescription({
   children,
   ...props
 }: ComponentProps<typeof AlertDialogDescription>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogFooter
- */
 declare function CommandAlertDialogFooter({
   children,
   ...props
 }: ComponentProps<typeof AlertDialogFooter>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogCancel
- */
 declare function CommandAlertDialogCancel({
   children,
   ...props
 }: ComponentProps<typeof AlertDialogCancel>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandAlertDialogAction
- */
 type CommandAlertDialogActionProps<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = {
   variables: TVariables;
   mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;

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

@@ -1,23 +1,20 @@
 "use client";
 
-import { Icons } from "../../../components/common/icons.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 { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../components/ui/alert-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 { 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 { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../../../../components/ui/alert-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 { useHotkeys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/alert-dialog-command.client.tsx
+//#region src/modules/commands/components/primitives/alert-dialog-command.client.tsx
 const CommandAlertDialogContext = React.createContext({});
-/**
-* CommandAlertDialog
-*/
 function CommandAlertDialog({ children, ...props }) {
 	const [open, setOpen] = React.useState(false);
 	return /* @__PURE__ */ jsx(AlertDialog, {
@@ -34,11 +31,11 @@ function CommandAlertDialog({ children, ...props }) {
 	});
 }
 function CommandAlertDialogTrigger({ label, hotkey, children, disabled, ...props }) {
-	const { menu, status } = useCommand();
+	const { status, ui, disabled: commandDisabled } = useCommand();
 	const { setOpen } = React.useContext(CommandAlertDialogContext);
-	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(AlertDialogTrigger, {
 			...props,
@@ -50,7 +47,7 @@ function CommandAlertDialogTrigger({ label, hotkey, children, disabled, ...props
 			children
 		})
 	});
-	if (menu === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
 			asChild: true,
@@ -65,7 +62,7 @@ function CommandAlertDialogTrigger({ label, hotkey, children, disabled, ...props
 			})
 		})
 	});
-	if (menu === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
 		label,
 		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
 			asChild: true,
@@ -80,55 +77,38 @@ function CommandAlertDialogTrigger({ label, hotkey, children, disabled, ...props
 			})
 		})
 	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
-/**
-* CommandAlertDialogContent
-*/
 function CommandAlertDialogContent({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogContent, {
 		...props,
 		children
 	});
 }
-/**
-* CommandAlertDialogHeader
-*/
 function CommandAlertDialogHeader({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogHeader, {
 		...props,
 		children
 	});
 }
-/**
-* CommandAlertDialogTitle
-*/
 function CommandAlertDialogTitle({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogTitle, {
 		...props,
 		children
 	});
 }
-/**
-* CommandAlertDialogDescription
-*/
 function CommandAlertDialogDescription({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogDescription, {
 		...props,
 		children
 	});
 }
-/**
-* CommandAlertDialogFooter
-*/
 function CommandAlertDialogFooter({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogFooter, {
 		...props,
 		children
 	});
 }
-/**
-* CommandAlertDialogCancel
-*/
 function CommandAlertDialogCancel({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogCancel, {
 		...props,
@@ -137,7 +117,7 @@ function CommandAlertDialogCancel({ children, ...props }) {
 }
 function CommandAlertDialogAction({ variables, mutation, children, disabled, ...props }) {
 	const { setOpen } = React.useContext(CommandAlertDialogContext);
-	const { status } = useCommand();
+	const { status, disabled: commandDisabled } = useCommand();
 	const { mutateAsync } = useCommandMutation({
 		...mutation,
 		onSuccess: async (...params) => {
@@ -145,7 +125,7 @@ function CommandAlertDialogAction({ variables, mutation, children, disabled, ...
 			return await mutation?.onSuccess?.(...params);
 		}
 	});
-	const isDisabled = disabled || status === "pending";
+	const isDisabled = disabled || commandDisabled || status === "pending";
 	return /* @__PURE__ */ jsxs(AlertDialogAction, {
 		...props,
 		disabled: isDisabled,

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

@@ -3,7 +3,7 @@ import React from "react";
 import { DefaultError, MutationOptions } from "@tanstack/react-query";
 import { Keys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/click-command.client.d.ts
+//#region src/modules/commands/components/primitives/click-command.client.d.ts
 type CommandClickProps<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = {
   children: React.ReactNode;
   className?: string;
@@ -21,6 +21,6 @@ declare function CommandClick<TData = unknown, TError = DefaultError, TVariables
   hotkey,
   disabled,
   ...props
-}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element | null;
+}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandClick, CommandClickProps };

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

@@ -0,0 +1,52 @@
+"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 { useCommandMutation } from "../../hooks/use-command-mutation.client.mjs";
+import { CommandTrigger } from "./command-trigger.client.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useHotkeys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/primitives/click-command.client.tsx
+function CommandClick({ children, variables, mutation, label, hotkey, disabled, ...props }) {
+	const { status, ui, disabled: commandDisabled } = useCommand();
+	const { mutate } = useCommandMutation(mutation);
+	const isDisabled = disabled || commandDisabled || status === "pending";
+	const handleClick = () => mutate(variables);
+	useHotkeys(hotkey ?? "", () => handleClick(), { enabled: !isDisabled && hotkey !== void 0 });
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "outline",
+			size: "sm",
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(DropdownMenuItem, {
+			...props,
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(ContextMenuItem, {
+			...props,
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+//#endregion
+export { CommandClick };

package/dist/modules/commands/components/primitives/command-trigger.client.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/modules/commands/components/primitives/command-trigger.client.d.ts
+type CommandTriggerProps = PropsWithChildren<{
+  label?: string;
+}>;
+declare function CommandTrigger({
+  label,
+  children
+}: CommandTriggerProps): react_jsx_runtime0.JSX.Element;
+declare function CommandLabel(): react_jsx_runtime0.JSX.Element | null;
+declare function CommandIcon({
+  children
+}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CommandIcon, CommandLabel, CommandTrigger };

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

@@ -0,0 +1,42 @@
+"use client";
+
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../../components/ui/tooltip.client.mjs";
+import { useCommand } from "../../hooks/use-command.client.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+
+//#region src/modules/commands/components/primitives/command-trigger.client.tsx
+const CommandTriggerContext = createContext(null);
+function CommandTrigger({ label, children }) {
+	const { ui } = useCommand();
+	const showTooltip = label && ui !== "dropdown" && ui !== "context";
+	return /* @__PURE__ */ jsx(CommandTriggerContext.Provider, {
+		value: { label },
+		children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children
+		}), showTooltip && /* @__PURE__ */ jsx(TooltipContent, { children: label })] }) })
+	});
+}
+function CommandLabel() {
+	const { ui } = useCommand();
+	const context = useContext(CommandTriggerContext);
+	if (!context) return null;
+	if (!(context.label && (ui === "dropdown" || ui === "context"))) return null;
+	return /* @__PURE__ */ jsx("span", {
+		className: "ml-3",
+		children: context.label
+	});
+}
+function CommandIcon({ children }) {
+	const { ui } = useCommand();
+	const context = useContext(CommandTriggerContext);
+	if (!context) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [children, context.label && (ui === "dropdown" || ui === "context") && /* @__PURE__ */ jsx("span", {
+		className: "ml-3",
+		children: context.label
+	})] });
+}
+
+//#endregion
+export { CommandIcon, CommandLabel, CommandTrigger };

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

@@ -1,19 +1,13 @@
-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 { Keys } from "react-hotkeys-hook";
 
-//#region src/modules/commands/components/dialog-command.client.d.ts
-/**
- * CommandDialogContext
- */
+//#region src/modules/commands/components/primitives/dialog-command.client.d.ts
 type CommandDialogOpenState = {
   open: boolean;
   setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
-/**
- * CommandDialog
- */
 declare function CommandDialog({
   children,
   openState,
@@ -21,9 +15,6 @@ declare function CommandDialog({
 }: Omit<ComponentProps<typeof Dialog>, "open" | "onOpenChange"> & {
   openState?: CommandDialogOpenState;
 }): react_jsx_runtime0.JSX.Element;
-/**
- * CommandDialogTrigger
- */
 type CommandDialogTriggerProps = {
   children: React.ReactNode;
   className?: string;
@@ -37,38 +28,23 @@ declare function CommandDialogTrigger({
   children,
   disabled,
   ...props
-}: CommandDialogTriggerProps): react_jsx_runtime0.JSX.Element | undefined;
-/**
- * CommandDialogContent
- */
+}: CommandDialogTriggerProps): react_jsx_runtime0.JSX.Element;
 declare function CommandDialogContent({
   children,
   ...props
 }: ComponentProps<typeof DialogContent>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandDialogHeader
- */
 declare function CommandDialogHeader({
   children,
   ...props
 }: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandDialogTitle
- */
 declare function CommandDialogTitle({
   children,
   ...props
 }: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandDialogDescription
- */
 declare function CommandDialogDescription({
   children,
   ...props
 }: ComponentProps<typeof DialogDescription>): react_jsx_runtime0.JSX.Element;
-/**
- * CommandDialogFooter
- */
 declare function CommandDialogFooter({
   children,
   ...props

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,