@tulip-systems/core 0.8.3 → 0.10.0

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

@@ -0,0 +1,22 @@
+"use client";
+
+import { DropdownCommandMenu, DropdownCommandMenuLoading } from "./dropdown-menu.client.mjs";
+import { InlineCommandMenu, InlineCommandMenuLoading } from "./inline-menu.client.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#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",
+		...props
+	}), /* @__PURE__ */ jsx(DropdownCommandMenu, {
+		className: "xl:hidden",
+		...props
+	})] });
+}
+function ResponsiveCommandMenuLoading() {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InlineCommandMenuLoading, { className: "hidden xl:flex" }), /* @__PURE__ */ jsx(DropdownCommandMenuLoading, { className: "xl:hidden" })] });
+}
+
+//#endregion
+export { ResponsiveCommandMenu, ResponsiveCommandMenuLoading };

package/dist/src/modules/commands/components/primitives/alert-dialog-command.client.d.mts

@@ -0,0 +1,65 @@
+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/primitives/alert-dialog-command.client.d.ts
+declare function CommandAlertDialog({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialog>): react_jsx_runtime0.JSX.Element;
+type CommandAlertDialogTriggerProps = {
+  children: React.ReactNode;
+  className?: string;
+  label?: string;
+  hotkey?: Keys;
+  disabled?: boolean;
+};
+declare function CommandAlertDialogTrigger({
+  label,
+  hotkey,
+  children,
+  disabled,
+  ...props
+}: CommandAlertDialogTriggerProps): react_jsx_runtime0.JSX.Element;
+declare function CommandAlertDialogContent({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialogContent>): react_jsx_runtime0.JSX.Element;
+declare function CommandAlertDialogHeader({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialogHeader>): react_jsx_runtime0.JSX.Element;
+declare function CommandAlertDialogTitle({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialogTitle>): react_jsx_runtime0.JSX.Element;
+declare function CommandAlertDialogDescription({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialogDescription>): react_jsx_runtime0.JSX.Element;
+declare function CommandAlertDialogFooter({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialogFooter>): react_jsx_runtime0.JSX.Element;
+declare function CommandAlertDialogCancel({
+  children,
+  ...props
+}: ComponentProps<typeof AlertDialogCancel>): react_jsx_runtime0.JSX.Element;
+type CommandAlertDialogActionProps<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = {
+  variables: TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+  children: React.ReactNode;
+  className?: string;
+  disabled?: boolean;
+};
+declare function CommandAlertDialogAction<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown>({
+  variables,
+  mutation,
+  children,
+  disabled,
+  ...props
+}: CommandAlertDialogActionProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CommandAlertDialog, CommandAlertDialogAction, CommandAlertDialogCancel, CommandAlertDialogContent, CommandAlertDialogDescription, CommandAlertDialogFooter, CommandAlertDialogHeader, CommandAlertDialogTitle, CommandAlertDialogTrigger };

package/dist/src/modules/commands/components/primitives/alert-dialog-command.client.mjs

@@ -0,0 +1,138 @@
+"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/use-command.client.mjs";
+import { useCommandMutation } from "../../hooks/use-command-mutation.client.mjs";
+import { CommandTrigger } from "./command-trigger.client.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/primitives/alert-dialog-command.client.tsx
+const CommandAlertDialogContext = React.createContext({});
+function CommandAlertDialog({ children, ...props }) {
+	const [open, setOpen] = React.useState(false);
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		...props,
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsx(CommandAlertDialogContext.Provider, {
+			value: {
+				open,
+				setOpen
+			},
+			children
+		})
+	});
+}
+function CommandAlertDialogTrigger({ label, hotkey, children, disabled, ...props }) {
+	const { status, ui, disabled: commandDisabled } = useCommand();
+	const { setOpen } = React.useContext(CommandAlertDialogContext);
+	const isDisabled = disabled || commandDisabled || status === "pending";
+	useHotkeys(hotkey ?? "", () => setOpen(true), { enabled: !isDisabled && hotkey !== void 0 });
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			...props,
+			disabled: isDisabled,
+			className: cn(buttonVariants({
+				variant: "outline",
+				size: "sm"
+			}), props.className),
+			children
+		})
+	});
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(DropdownMenuItem, {
+				...props,
+				disabled: isDisabled,
+				onClick: (e) => {
+					e.preventDefault();
+					setOpen(true);
+				},
+				children
+			})
+		})
+	});
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(AlertDialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ContextMenuItem, {
+				...props,
+				disabled: isDisabled,
+				onClick: (e) => {
+					e.preventDefault();
+					setOpen(true);
+				},
+				children
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function CommandAlertDialogContent({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogContent, {
+		...props,
+		children
+	});
+}
+function CommandAlertDialogHeader({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogHeader, {
+		...props,
+		children
+	});
+}
+function CommandAlertDialogTitle({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogTitle, {
+		...props,
+		children
+	});
+}
+function CommandAlertDialogDescription({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogDescription, {
+		...props,
+		children
+	});
+}
+function CommandAlertDialogFooter({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogFooter, {
+		...props,
+		children
+	});
+}
+function CommandAlertDialogCancel({ children, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogCancel, {
+		...props,
+		children
+	});
+}
+function CommandAlertDialogAction({ variables, mutation, children, disabled, ...props }) {
+	const { setOpen } = React.useContext(CommandAlertDialogContext);
+	const { status, disabled: commandDisabled } = useCommand();
+	const { mutateAsync } = useCommandMutation({
+		...mutation,
+		onSuccess: async (...params) => {
+			setOpen(false);
+			return await mutation?.onSuccess?.(...params);
+		}
+	});
+	const isDisabled = disabled || commandDisabled || status === "pending";
+	return /* @__PURE__ */ jsxs(AlertDialogAction, {
+		...props,
+		disabled: isDisabled,
+		onClick: () => mutateAsync(variables),
+		children: [status === "pending" && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), children]
+	});
+}
+
+//#endregion
+export { CommandAlertDialog, CommandAlertDialogAction, CommandAlertDialogCancel, CommandAlertDialogContent, CommandAlertDialogDescription, CommandAlertDialogFooter, CommandAlertDialogHeader, CommandAlertDialogTitle, CommandAlertDialogTrigger };

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

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+import { DefaultError, MutationOptions } from "@tanstack/react-query";
+import { Keys } from "react-hotkeys-hook";
+
+//#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;
+  disabled?: boolean;
+  variables: TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+  label?: string;
+  hotkey?: Keys;
+};
+declare function CommandClick<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown>({
+  children,
+  variables,
+  mutation,
+  label,
+  hotkey,
+  disabled,
+  ...props
+}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CommandClick, CommandClickProps };

package/dist/src/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/src/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/src/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/src/modules/commands/components/primitives/dialog-command.client.d.mts

@@ -0,0 +1,53 @@
+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/primitives/dialog-command.client.d.ts
+type CommandDialogOpenState = {
+  open: boolean;
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+declare function CommandDialog({
+  children,
+  openState,
+  ...props
+}: Omit<ComponentProps<typeof Dialog>, "open" | "onOpenChange"> & {
+  openState?: CommandDialogOpenState;
+}): react_jsx_runtime0.JSX.Element;
+type CommandDialogTriggerProps = {
+  children: React.ReactNode;
+  className?: string;
+  label?: string;
+  hotkey?: Keys;
+  disabled?: boolean;
+};
+declare function CommandDialogTrigger({
+  label,
+  hotkey,
+  children,
+  disabled,
+  ...props
+}: CommandDialogTriggerProps): react_jsx_runtime0.JSX.Element;
+declare function CommandDialogContent({
+  children,
+  ...props
+}: ComponentProps<typeof DialogContent>): react_jsx_runtime0.JSX.Element;
+declare function CommandDialogHeader({
+  children,
+  ...props
+}: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
+declare function CommandDialogTitle({
+  children,
+  ...props
+}: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
+declare function CommandDialogDescription({
+  children,
+  ...props
+}: ComponentProps<typeof DialogDescription>): react_jsx_runtime0.JSX.Element;
+declare function CommandDialogFooter({
+  children,
+  ...props
+}: ComponentProps<typeof DialogFooter>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CommandDialog, CommandDialogContent, CommandDialogDescription, CommandDialogFooter, CommandDialogHeader, CommandDialogTitle, CommandDialogTrigger };

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

@@ -0,0 +1,116 @@
+"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/use-command.client.mjs";
+import { CommandTrigger } from "./command-trigger.client.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/primitives/dialog-command.client.tsx
+const CommandDialogContext = React.createContext({});
+function CommandDialog({ children, openState, ...props }) {
+	const state = React.useState(false);
+	const { open, setOpen } = openState ?? {
+		open: state[0],
+		setOpen: state[1]
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		...props,
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsx(CommandDialogContext.Provider, {
+			value: { openState: {
+				open,
+				setOpen
+			} },
+			children
+		})
+	});
+}
+function CommandDialogTrigger({ label, hotkey, children, disabled, ...props }) {
+	const { status, ui, disabled: commandDisabled } = useCommand();
+	const { openState } = React.useContext(CommandDialogContext);
+	const isDisabled = disabled || commandDisabled || status === "pending";
+	useHotkeys(hotkey ?? "", () => openState.setOpen(true), { enabled: !isDisabled && hotkey !== void 0 });
+	if (ui === "inline" || ui === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(DialogTrigger, {
+			...props,
+			disabled: isDisabled,
+			className: cn(buttonVariants({
+				variant: "outline",
+				size: "sm"
+			}), props.className),
+			children
+		})
+	});
+	if (ui === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(DropdownMenuItem, {
+				...props,
+				disabled: isDisabled,
+				onClick: (e) => {
+					e.preventDefault();
+					openState.setOpen(true);
+				},
+				children
+			})
+		})
+	});
+	if (ui === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ContextMenuItem, {
+				...props,
+				disabled: isDisabled,
+				onClick: (e) => {
+					e.preventDefault();
+					openState.setOpen(true);
+				},
+				children
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function CommandDialogContent({ children, ...props }) {
+	return /* @__PURE__ */ jsx(DialogContent, {
+		...props,
+		children
+	});
+}
+function CommandDialogHeader({ children, ...props }) {
+	return /* @__PURE__ */ jsx(DialogHeader, {
+		...props,
+		children
+	});
+}
+function CommandDialogTitle({ children, ...props }) {
+	return /* @__PURE__ */ jsx(DialogTitle, {
+		...props,
+		children
+	});
+}
+function CommandDialogDescription({ children, ...props }) {
+	return /* @__PURE__ */ jsx(DialogDescription, {
+		...props,
+		children
+	});
+}
+function CommandDialogFooter({ children, ...props }) {
+	return /* @__PURE__ */ jsx(DialogFooter, {
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { CommandDialog, CommandDialogContent, CommandDialogDescription, CommandDialogFooter, CommandDialogHeader, CommandDialogTitle, CommandDialogTrigger };

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

@@ -0,0 +1,47 @@
+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/primitives/dropdown-command.client.d.ts
+type CommandDropdownProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+declare function CommandDropdown({
+  children,
+  ...props
+}: CommandDropdownProps): react_jsx_runtime0.JSX.Element;
+type CommandDropdownContentProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+declare function CommandDropdownContent({
+  children,
+  ...props
+}: CommandDropdownContentProps): react_jsx_runtime0.JSX.Element;
+type CommandDropdownTriggerProps = {
+  children: React.ReactNode;
+  className?: string;
+  label?: string;
+  disabled?: boolean;
+};
+declare function CommandDropdownTrigger({
+  label,
+  disabled,
+  children,
+  ...props
+}: CommandDropdownTriggerProps): react_jsx_runtime0.JSX.Element;
+type CommandDropdownItemProps<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown> = {
+  variables: TVariables;
+  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;
+  children: React.ReactNode;
+  className?: string;
+};
+declare function CommandDropdownItem<TData = unknown, TError = DefaultError, TVariables = undefined, TOnMutateResult = unknown>({
+  variables,
+  mutation,
+  children,
+  ...props
+}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CommandDropdown, CommandDropdownContent, CommandDropdownItem, CommandDropdownProps, CommandDropdownTrigger };