@tulip-systems/core 0.10.1 → 0.10.2

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

@@ -1,22 +0,0 @@
-"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

@@ -1,65 +0,0 @@
-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

@@ -1,138 +0,0 @@
-"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

@@ -1,26 +0,0 @@
-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

@@ -1,52 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-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

@@ -1,42 +0,0 @@
-"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

@@ -1,53 +0,0 @@
-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

@@ -1,116 +0,0 @@
-"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

@@ -1,47 +0,0 @@
-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 };