@tulip-systems/core 0.6.0 → 0.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  AlertDialogCancelProps,\n  AlertDialogContentProps,\n  AlertDialogProps,\n} from \"@radix-ui/react-alert-dialog\";\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandAlertDialogContext\n */\ntype CommandAlertDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandAlertDialogContext = React.createContext({} as CommandAlertDialogContextValue);\n\n/**\n * CommandAlertDialog\n */\nexport function CommandAlertDialog({ children, ...props }: AlertDialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <AlertDialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandAlertDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandAlertDialogContext.Provider>\n    </AlertDialog>\n  );\n}\n\n/**\n * CommandAlertDialogTrigger\n */\ntype CommandAlertDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandAlertDialogContent\n */\nexport function CommandAlertDialogContent({ children, ...props }: AlertDialogContentProps) {\n  return <AlertDialogContent {...props}>{children}</AlertDialogContent>;\n}\n\n/**\n * CommandAlertDialogHeader\n */\nexport function CommandAlertDialogHeader({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogHeader {...props}>{children}</AlertDialogHeader>;\n}\n\n/**\n * CommandAlertDialogTitle\n */\nexport function CommandAlertDialogTitle({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogTitle {...props}>{children}</AlertDialogTitle>;\n}\n\n/**\n * CommandAlertDialogDescription\n */\nexport function CommandAlertDialogDescription({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogDescription {...props}>{children}</AlertDialogDescription>;\n}\n\n/**\n * CommandAlertDialogFooter\n */\nexport function CommandAlertDialogFooter({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <AlertDialogFooter {...props}>{children}</AlertDialogFooter>;\n}\n\n/**\n * CommandAlertDialogCancel\n */\nexport function CommandAlertDialogCancel({ children, ...props }: AlertDialogCancelProps) {\n  return <AlertDialogCancel {...props}>{children}</AlertDialogCancel>;\n}\n\n/**\n * CommandAlertDialogAction\n */\ntype CommandAlertDialogActionProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogAction<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogActionProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n  const { status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <AlertDialogAction {...props} disabled={isDisabled} onClick={() => mutateAsync(variables)}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </AlertDialogAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAM,4BAA4B,MAAM,cAAc,EAAE,CAAmC;;;;AAK3F,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA2B;CAC3E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,oBAAC;EAAY,GAAI;EAAa;EAAM,cAAc;YAChD,oBAAC,0BAA0B;GAAS,OAAO;IAAE;IAAM;IAAS;GACzD;IACkC;GACzB;;AAelB,SAAgB,0BAA0B,EACxC,OACA,QACA,UACA,UACA,GAAG,SAC8B;CACjC,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAE/D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,QAAQ,KAAK,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACkB;GACN;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACgB;IACA;GACN;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACe;IACC;GACN;;;;;AAQvB,SAAgB,0BAA0B,EAAE,UAAU,GAAG,SAAkC;AACzF,QAAO,oBAAC;EAAmB,GAAI;EAAQ;GAA8B;;;;;AAMvE,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,wBAAwB,EAAE,UAAU,GAAG,SAA4C;AACjG,QAAO,oBAAC;EAAiB,GAAI;EAAQ;GAA4B;;;;;AAMnE,SAAgB,8BAA8B,EAC5C,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;;;;;AAM/E,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,yBAAyB,EAAE,UAAU,GAAG,SAAiC;AACvF,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAmBrE,SAAgB,yBAKd,EACA,WACA,UACA,UACA,UACA,GAAG,SACyE;CAC5E,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAC/D,MAAM,EAAE,WAAW,YAAY;CAE/B,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;CAEF,MAAM,aAAa,YAAY,WAAW;AAE1C,QACE,qBAAC;EAAkB,GAAI;EAAO,UAAU;EAAY,eAAe,YAAY,UAAU;aACtF,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACiB"}
+{"version":3,"file":"alert-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React, { type ComponentProps } from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/components/ui/alert-dialog.client\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandAlertDialogContext\n */\ntype CommandAlertDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandAlertDialogContext = React.createContext({} as CommandAlertDialogContextValue);\n\n/**\n * CommandAlertDialog\n */\nexport function CommandAlertDialog({ children, ...props }: ComponentProps<typeof AlertDialog>) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <AlertDialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandAlertDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandAlertDialogContext.Provider>\n    </AlertDialog>\n  );\n}\n\n/**\n * CommandAlertDialogTrigger\n */\ntype CommandAlertDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <AlertDialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </AlertDialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandAlertDialogContent\n */\nexport function CommandAlertDialogContent({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogContent>) {\n  return <AlertDialogContent {...props}>{children}</AlertDialogContent>;\n}\n\n/**\n * CommandAlertDialogHeader\n */\nexport function CommandAlertDialogHeader({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogHeader>) {\n  return <AlertDialogHeader {...props}>{children}</AlertDialogHeader>;\n}\n\n/**\n * CommandAlertDialogTitle\n */\nexport function CommandAlertDialogTitle({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogTitle>) {\n  return <AlertDialogTitle {...props}>{children}</AlertDialogTitle>;\n}\n\n/**\n * CommandAlertDialogDescription\n */\nexport function CommandAlertDialogDescription({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogDescription>) {\n  return <AlertDialogDescription {...props}>{children}</AlertDialogDescription>;\n}\n\n/**\n * CommandAlertDialogFooter\n */\nexport function CommandAlertDialogFooter({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogFooter>) {\n  return <AlertDialogFooter {...props}>{children}</AlertDialogFooter>;\n}\n\n/**\n * CommandAlertDialogCancel\n */\nexport function CommandAlertDialogCancel({\n  children,\n  ...props\n}: ComponentProps<typeof AlertDialogCancel>) {\n  return <AlertDialogCancel {...props}>{children}</AlertDialogCancel>;\n}\n\n/**\n * CommandAlertDialogAction\n */\ntype CommandAlertDialogActionProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogAction<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogActionProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n  const { status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <AlertDialogAction {...props} disabled={isDisabled} onClick={() => mutateAsync(variables)}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </AlertDialogAction>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAM,4BAA4B,MAAM,cAAc,EAAE,CAAmC;;;;AAK3F,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA6C;CAC7F,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,oBAAC;EAAY,GAAI;EAAa;EAAM,cAAc;YAChD,oBAAC,0BAA0B;GAAS,OAAO;IAAE;IAAM;IAAS;GACzD;IACkC;GACzB;;AAelB,SAAgB,0BAA0B,EACxC,OACA,QACA,UACA,UACA,GAAG,SAC8B;CACjC,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAE/D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,QAAQ,KAAK,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACkB;GACN;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACgB;IACA;GACN;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAmB;aAClB,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACe;IACC;GACN;;;;;AAQvB,SAAgB,0BAA0B,EACxC,UACA,GAAG,SACyC;AAC5C,QAAO,oBAAC;EAAmB,GAAI;EAAQ;GAA8B;;;;;AAMvE,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACuC;AAC1C,QAAO,oBAAC;EAAiB,GAAI;EAAQ;GAA4B;;;;;AAMnE,SAAgB,8BAA8B,EAC5C,UACA,GAAG,SAC6C;AAChD,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;;;;;AAM/E,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAmBrE,SAAgB,yBAKd,EACA,WACA,UACA,UACA,UACA,GAAG,SACyE;CAC5E,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAC/D,MAAM,EAAE,WAAW,YAAY;CAE/B,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;CAEF,MAAM,aAAa,YAAY,WAAW;AAE1C,QACE,qBAAC;EAAkB,GAAI;EAAO,UAAU;EAAY,eAAe,YAAY,UAAU;aACtF,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACiB"}

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

@@ -1,8 +1,8 @@
 "use client";
 
 import { Button } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.mjs";
+import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
 import { useCommand } from "../hooks/context.client.mjs";
 import { useCommandMutation } from "../hooks/use-command-mutation.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"click-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/click-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport type React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandClickProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  label?: string;\n  hotkey?: Keys;\n};\n\nexport function CommandClick<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  children,\n  variables,\n  mutation,\n  label,\n  hotkey,\n  disabled,\n  ...props\n}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { menu, status } = useCommand();\n  const { mutate } = useCommandMutation(mutation);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  const handleClick = () => mutate(variables);\n\n  useHotkeys(hotkey ?? \"\", () => handleClick(), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,SAAgB,aAKd,EACA,UACA,WACA,UACA,OACA,QACA,UACA,GAAG,SAC6D;CAChE,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,WAAW,mBAAmB,SAAS;CAE/C,MAAM,aAAa,YAAY,WAAW;CAE1C,MAAM,oBAAoB,OAAO,UAAU;AAE3C,YAAW,UAAU,UAAU,aAAa,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GAAY,SAAS;GACzD;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GAAY,SAAS;GACxD;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,QAAO"}
+{"version":3,"file":"click-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/click-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport type React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandClickProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  label?: string;\n  hotkey?: Keys;\n};\n\nexport function CommandClick<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  children,\n  variables,\n  mutation,\n  label,\n  hotkey,\n  disabled,\n  ...props\n}: CommandClickProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { menu, status } = useCommand();\n  const { mutate } = useCommandMutation(mutation);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  const handleClick = () => mutate(variables);\n\n  useHotkeys(hotkey ?? \"\", () => handleClick(), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled} onClick={handleClick}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,SAAgB,aAKd,EACA,UACA,WACA,UACA,OACA,QACA,UACA,GAAG,SAC6D;CAChE,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,WAAW,mBAAmB,SAAS;CAE/C,MAAM,aAAa,YAAY,WAAW;CAE1C,MAAM,oBAAoB,OAAO,UAAU;AAE3C,YAAW,UAAU,UAAU,aAAa,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GAAY,SAAS;GACzD;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GAAY,SAAS;GACxD;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GAAY,SAAS;GAC3E;IACM;GACM;AAIrB,QAAO"}

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

@@ -1,6 +1,6 @@
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../../components/ui/dialog.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
-import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
+import React, { ComponentProps } from "react";
 import { Keys } from "react-hotkeys-hook";
 
 //#region src/modules/commands/components/dialog-command.client.d.ts
@@ -18,7 +18,7 @@ declare function CommandDialog({
   children,
   openState,
   ...props
-}: Omit<DialogProps, "open" | "onOpenChange"> & {
+}: Omit<ComponentProps<typeof Dialog>, "open" | "onOpenChange"> & {
   openState?: CommandDialogOpenState;
 }): react_jsx_runtime0.JSX.Element;
 /**
@@ -44,35 +44,35 @@ declare function CommandDialogTrigger({
 declare function CommandDialogContent({
   children,
   ...props
-}: DialogContentProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogContent>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogHeader
  */
 declare function CommandDialogHeader({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogTitle
  */
 declare function CommandDialogTitle({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogDescription
  */
 declare function CommandDialogDescription({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogDescription>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandDialogFooter
  */
 declare function CommandDialogFooter({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogFooter>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandDialog, CommandDialogContent, CommandDialogDescription, CommandDialogFooter, CommandDialogHeader, CommandDialogTitle, CommandDialogTrigger };
 //# sourceMappingURL=dialog-command.client.d.mts.map

package/dist/modules/commands/components/dialog-command.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"mappings":";;;;;;;;;KAwBK,sBAAA;EACH,IAAA;EACA,OAAA,EAAS,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;AAAA;;;;iBAYhB,aAAA,CAAA;EACd,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,WAAA;EAA0C,SAAA,GAAY,sBAAA;AAAA,IAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAJtF;KAqBK,yBAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAkEZ,oBAAA,CAAA;EAAuB,QAAA;EAAA,GAAa;AAAA,GAAS,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO/D,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO7E,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO5E,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOpB,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"mappings":";;;;;;;;;KAuBK,sBAAA;EACH,IAAA;EACA,OAAA,EAAS,KAAA,CAAM,QAAA,CAAS,KAAA,CAAM,cAAA;AAAA;;;;iBAYhB,aAAA,CAAA;EACd,QAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,QAAsB,MAAA;EAC5B,SAAA,GAAY,sBAAA;AAAA,IACb,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAND;KAuBK,yBAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,MAAA,GAAS,IAAA;EACT,QAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAkEZ,oBAAA,CAAA;EAAuB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO/E,kBAAA,CAAA;EAAqB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAO7E,wBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;AA7G1C;;iBAoHe,mBAAA,CAAA;EAAsB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -2,8 +2,8 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.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 { CommandTrigger } from "./command-trigger.client.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DialogContentProps, DialogProps } from \"@radix-ui/react-dialog\";\nimport React from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDialogContext\n */\ntype CommandDialogOpenState = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ntype CommandDialogContextValue = {\n  openState: CommandDialogOpenState;\n};\n\nconst CommandDialogContext = React.createContext({} as CommandDialogContextValue);\n\n/**\n * CommandDialog\n */\nexport function CommandDialog({\n  children,\n  openState,\n  ...props\n}: Omit<DialogProps, \"open\" | \"onOpenChange\"> & { openState?: CommandDialogOpenState }) {\n  const state = React.useState(false);\n\n  const { open, setOpen } = openState ?? { open: state[0], setOpen: state[1] };\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandDialogContext.Provider value={{ openState: { open, setOpen } }}>\n        {children}\n      </CommandDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandDialogTrigger\n */\ntype CommandDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { openState } = React.useContext(CommandDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => openState.setOpen(true), {\n    enabled: !isDisabled && hotkey !== undefined,\n  });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              openState.setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              openState.setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandDialogContent\n */\nexport function CommandDialogContent({ children, ...props }: DialogContentProps) {\n  return <DialogContent {...props}>{children}</DialogContent>;\n}\n\n/**\n * CommandDialogHeader\n */\nexport function CommandDialogHeader({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandDialogTitle\n */\nexport function CommandDialogTitle({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandDialogDescription\n */\nexport function CommandDialogDescription({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\n/**\n * CommandDialogFooter\n */\nexport function CommandDialogFooter({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAM,uBAAuB,MAAM,cAAc,EAAE,CAA8B;;;;AAKjF,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,SACmF;CACtF,MAAM,QAAQ,MAAM,SAAS,MAAM;CAEnC,MAAM,EAAE,MAAM,YAAY,aAAa;EAAE,MAAM,MAAM;EAAI,SAAS,MAAM;EAAI;AAE5E,QACE,oBAAC;EAAO,GAAI;EAAa;EAAM,cAAc;YAC3C,oBAAC,qBAAqB;GAAS,OAAO,EAAE,WAAW;IAAE;IAAM;IAAS,EAAE;GACnE;IAC6B;GACzB;;AAeb,SAAgB,qBAAqB,EACnC,OACA,QACA,UACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,cAAc,MAAM,WAAW,qBAAqB;CAE5D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,UAAU,QAAQ,KAAK,EAAE,EACtD,SAAS,CAAC,cAAc,WAAW,QACpC,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACa;GACD;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACgB;IACL;GACD;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACe;IACJ;GACD;;;;;AAQvB,SAAgB,qBAAqB,EAAE,UAAU,GAAG,SAA6B;AAC/E,QAAO,oBAAC;EAAc,GAAI;EAAQ;GAAyB;;;;;AAM7D,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA4C;AAC7F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA4C;AAC5F,QAAO,oBAAC;EAAY,GAAI;EAAQ;GAAuB;;;;;AAMzD,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA4C;AAC7F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB"}
+{"version":3,"file":"dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { type ComponentProps } from \"react\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDialogContext\n */\ntype CommandDialogOpenState = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ntype CommandDialogContextValue = {\n  openState: CommandDialogOpenState;\n};\n\nconst CommandDialogContext = React.createContext({} as CommandDialogContextValue);\n\n/**\n * CommandDialog\n */\nexport function CommandDialog({\n  children,\n  openState,\n  ...props\n}: Omit<ComponentProps<typeof Dialog>, \"open\" | \"onOpenChange\"> & {\n  openState?: CommandDialogOpenState;\n}) {\n  const state = React.useState(false);\n\n  const { open, setOpen } = openState ?? { open: state[0], setOpen: state[1] };\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandDialogContext.Provider value={{ openState: { open, setOpen } }}>\n        {children}\n      </CommandDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandDialogTrigger\n */\ntype CommandDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  hotkey?: Keys;\n  disabled?: boolean;\n};\n\nexport function CommandDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { openState } = React.useContext(CommandDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => openState.setOpen(true), {\n    enabled: !isDisabled && hotkey !== undefined,\n  });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              openState.setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              openState.setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandDialogContent\n */\nexport function CommandDialogContent({ children, ...props }: ComponentProps<typeof DialogContent>) {\n  return <DialogContent {...props}>{children}</DialogContent>;\n}\n\n/**\n * CommandDialogHeader\n */\nexport function CommandDialogHeader({ children, ...props }: ComponentProps<typeof DialogHeader>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandDialogTitle\n */\nexport function CommandDialogTitle({ children, ...props }: ComponentProps<typeof DialogTitle>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandDialogDescription\n */\nexport function CommandDialogDescription({\n  children,\n  ...props\n}: ComponentProps<typeof DialogDescription>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\n/**\n * CommandDialogFooter\n */\nexport function CommandDialogFooter({ children, ...props }: ComponentProps<typeof DialogFooter>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,uBAAuB,MAAM,cAAc,EAAE,CAA8B;;;;AAKjF,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,SAGF;CACD,MAAM,QAAQ,MAAM,SAAS,MAAM;CAEnC,MAAM,EAAE,MAAM,YAAY,aAAa;EAAE,MAAM,MAAM;EAAI,SAAS,MAAM;EAAI;AAE5E,QACE,oBAAC;EAAO,GAAI;EAAa;EAAM,cAAc;YAC3C,oBAAC,qBAAqB;GAAS,OAAO,EAAE,WAAW;IAAE;IAAM;IAAS,EAAE;GACnE;IAC6B;GACzB;;AAeb,SAAgB,qBAAqB,EACnC,OACA,QACA,UACA,UACA,GAAG,SACyB;CAC5B,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,cAAc,MAAM,WAAW,qBAAqB;CAE5D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,UAAU,QAAQ,KAAK,EAAE,EACtD,SAAS,CAAC,cAAc,WAAW,QACpC,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACa;GACD;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACgB;IACL;GACD;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,eAAU,QAAQ,KAAK;;IAGxB;KACe;IACJ;GACD;;;;;AAQvB,SAAgB,qBAAqB,EAAE,UAAU,GAAG,SAA+C;AACjG,QAAO,oBAAC;EAAc,GAAI;EAAQ;GAAyB;;;;;AAM7D,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA8C;AAC/F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,mBAAmB,EAAE,UAAU,GAAG,SAA6C;AAC7F,QAAO,oBAAC;EAAY,GAAI;EAAQ;GAAuB;;;;;AAMzD,SAAgB,yBAAyB,EACvC,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,oBAAoB,EAAE,UAAU,GAAG,SAA8C;AAC/F,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB"}

package/dist/modules/commands/components/dropdown-command.client.mjs

@@ -2,8 +2,8 @@
 
 import { cn } from "../../../lib/utils/cn.mjs";
 import { buttonVariants } from "../../../components/ui/button.mjs";
-import { ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.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 { CommandTrigger } from "./command-trigger.client.mjs";

package/dist/modules/commands/components/dropdown-command.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dropdown-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport {\n  ContextMenuItem,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n} from \"@/components/ui/context-menu\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDropdownContext\n */\ntype CommandDropdownContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandDropdownContext = React.createContext({} as CommandDropdownContextValue);\n\n/**\n * CommandDropdown\n */\nexport type CommandDropdownProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdown({ children, ...props }: CommandDropdownProps) {\n  const [open, setOpen] = React.useState(false);\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <DropdownMenu {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenu>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <DropdownMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenuSub>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </ContextMenuSub>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownContent\n */\ntype CommandDropdownContentProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownContent({ children, ...props }: CommandDropdownContentProps) {\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return <DropdownMenuContent {...props}>{children}</DropdownMenuContent>;\n  }\n\n  if (menu === \"dropdown\") {\n    return <DropdownMenuSubContent {...props}>{children}</DropdownMenuSubContent>;\n  }\n\n  if (menu === \"context\") {\n    return <ContextMenuSubContent {...props}>{children}</ContextMenuSubContent>;\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownTrigger\n */\ntype CommandDropdownTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n};\n\nexport function CommandDropdownTrigger({\n  label,\n  disabled,\n  children,\n  ...props\n}: CommandDropdownTriggerProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled || status === \"pending\";\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DropdownMenuTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownItem\n */\ntype CommandDropdownItemProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownItem<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandDropdownContext);\n  const { menu, status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (menu === \"inline\" || menu === \"table\" || menu === \"dropdown\") {\n    return (\n      <DropdownMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </DropdownMenuItem>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </ContextMenuItem>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,yBAAyB,MAAM,cAAc,EAAE,CAAgC;AAUrF,SAAgB,gBAAgB,EAAE,UAAU,GAAG,SAA+B;CAC5E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAa,GAAI;EAAa;EAAM,cAAc;YACjD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACrB;AAInB,KAAI,SAAS,WACX,QACE,oBAAC;EAAgB,GAAI;EAAa;EAAM,cAAc;YACpD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GAClB;AAItB,KAAI,SAAS,UACX,QACE,oBAAC;EAAe,GAAI;EAAa;EAAM,cAAc;YACnD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACnB;AAIrB,QAAO;;AAWT,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAAsC;CAC1F,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QAAO,oBAAC;EAAoB,GAAI;EAAQ;GAA+B;AAGzE,KAAI,SAAS,WACX,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;AAG/E,KAAI,SAAS,UACX,QAAO,oBAAC;EAAsB,GAAI;EAAQ;GAAiC;AAG7E,QAAO;;AAaT,SAAgB,uBAAuB,EACrC,OACA,UACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACmB;GACP;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAuB,GAAI;GAAO,UAAU;GAC1C;IACsB;GACV;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAsB,GAAI;GAAO,UAAU;GACzC;IACqB;GACT;AAIrB,QAAO;;AAkBT,SAAgB,oBAKd,EACA,WACA,UACA,UACA,GAAG,SACoE;CACvE,MAAM,EAAE,YAAY,MAAM,WAAW,uBAAuB;CAC5D,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,WAAW,SAAS,WACpD,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACgB;AAIvB,KAAI,SAAS,UACX,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACe;AAItB,QAAO"}
+{"version":3,"file":"dropdown-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/dropdown-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React from \"react\";\nimport { buttonVariants } from \"@/components/ui/button\";\nimport {\n  ContextMenuItem,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n} from \"@/components/ui/context-menu.client\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { useCommandMutation } from \"../hooks/use-command-mutation.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandDropdownContext\n */\ntype CommandDropdownContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandDropdownContext = React.createContext({} as CommandDropdownContextValue);\n\n/**\n * CommandDropdown\n */\nexport type CommandDropdownProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdown({ children, ...props }: CommandDropdownProps) {\n  const [open, setOpen] = React.useState(false);\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <DropdownMenu {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenu>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <DropdownMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </DropdownMenuSub>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuSub {...props} open={open} onOpenChange={setOpen}>\n        <CommandDropdownContext.Provider value={{ open, setOpen }}>\n          {children}\n        </CommandDropdownContext.Provider>\n      </ContextMenuSub>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownContent\n */\ntype CommandDropdownContentProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownContent({ children, ...props }: CommandDropdownContentProps) {\n  const { menu } = useCommand();\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return <DropdownMenuContent {...props}>{children}</DropdownMenuContent>;\n  }\n\n  if (menu === \"dropdown\") {\n    return <DropdownMenuSubContent {...props}>{children}</DropdownMenuSubContent>;\n  }\n\n  if (menu === \"context\") {\n    return <ContextMenuSubContent {...props}>{children}</ContextMenuSubContent>;\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownTrigger\n */\ntype CommandDropdownTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n};\n\nexport function CommandDropdownTrigger({\n  label,\n  disabled,\n  children,\n  ...props\n}: CommandDropdownTriggerProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled || status === \"pending\";\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DropdownMenuTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuSubTrigger {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuSubTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n\n/**\n * CommandDropdownItem\n */\ntype CommandDropdownItemProps<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = {\n  variables: TVariables;\n  mutation: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function CommandDropdownItem<\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandDropdownItemProps<TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandDropdownContext);\n  const { menu, status } = useCommand();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (menu === \"inline\" || menu === \"table\" || menu === \"dropdown\") {\n    return (\n      <DropdownMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </DropdownMenuItem>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <ContextMenuItem\n        {...props}\n        disabled={status === \"pending\"}\n        onClick={() => mutateAsync(variables)}\n      >\n        {children}\n      </ContextMenuItem>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,yBAAyB,MAAM,cAAc,EAAE,CAAgC;AAUrF,SAAgB,gBAAgB,EAAE,UAAU,GAAG,SAA+B;CAC5E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAa,GAAI;EAAa;EAAM,cAAc;YACjD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACrB;AAInB,KAAI,SAAS,WACX,QACE,oBAAC;EAAgB,GAAI;EAAa;EAAM,cAAc;YACpD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GAClB;AAItB,KAAI,SAAS,UACX,QACE,oBAAC;EAAe,GAAI;EAAa;EAAM,cAAc;YACnD,oBAAC,uBAAuB;GAAS,OAAO;IAAE;IAAM;IAAS;GACtD;IAC+B;GACnB;AAIrB,QAAO;;AAWT,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAAsC;CAC1F,MAAM,EAAE,SAAS,YAAY;AAE7B,KAAI,SAAS,YAAY,SAAS,QAChC,QAAO,oBAAC;EAAoB,GAAI;EAAQ;GAA+B;AAGzE,KAAI,SAAS,WACX,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;AAG/E,KAAI,SAAS,UACX,QAAO,oBAAC;EAAsB,GAAI;EAAQ;GAAiC;AAG7E,QAAO;;AAaT,SAAgB,uBAAuB,EACrC,OACA,UACA,UACA,GAAG,SAC2B;CAC9B,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACmB;GACP;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAuB,GAAI;GAAO,UAAU;GAC1C;IACsB;GACV;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAsB,GAAI;GAAO,UAAU;GACzC;IACqB;GACT;AAIrB,QAAO;;AAkBT,SAAgB,oBAKd,EACA,WACA,UACA,UACA,GAAG,SACoE;CACvE,MAAM,EAAE,YAAY,MAAM,WAAW,uBAAuB;CAC5D,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;AAEF,KAAI,SAAS,YAAY,SAAS,WAAW,SAAS,WACpD,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACgB;AAIvB,KAAI,SAAS,UACX,QACE,oBAAC;EACC,GAAI;EACJ,UAAU,WAAW;EACrB,eAAe,YAAY,UAAU;EAEpC;GACe;AAItB,QAAO"}

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

@@ -1,8 +1,8 @@
 "use client";
 
 import { Button } from "../../../components/ui/button.mjs";
-import { ContextMenuItem } from "../../../components/ui/context-menu.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.mjs";
+import { ContextMenuItem } from "../../../components/ui/context-menu.client.mjs";
+import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.client.mjs";
 import { useCommand } from "../hooks/context.client.mjs";
 import { CommandTrigger } from "./command-trigger.client.mjs";
 import { jsx } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"empty-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/empty-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandEmptyProps = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n};\n\nexport function CommandEmpty({ label, children, disabled, ...props }: CommandEmptyProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled ?? status === \"pending\";\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,aAAa,EAAE,OAAO,UAAU,UAAU,GAAG,SAA4B;CACvF,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GACpC;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GACnC;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,QAAO"}
+{"version":3,"file":"empty-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/empty-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\nexport type CommandEmptyProps = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n};\n\nexport function CommandEmpty({ label, children, disabled, ...props }: CommandEmptyProps) {\n  const { menu, status } = useCommand();\n\n  const isDisabled = disabled ?? status === \"pending\";\n\n  if (menu === \"inline\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DropdownMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </DropdownMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <ContextMenuItem {...props} disabled={isDisabled}>\n          {children}\n        </ContextMenuItem>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <Button {...props} variant=\"outline\" size=\"sm\" disabled={isDisabled}>\n          {children}\n        </Button>\n      </CommandTrigger>\n    );\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,aAAa,EAAE,OAAO,UAAU,UAAU,GAAG,SAA4B;CACvF,MAAM,EAAE,MAAM,WAAW,YAAY;CAErC,MAAM,aAAa,YAAY,WAAW;AAE1C,KAAI,SAAS,SACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAiB,GAAI;GAAO,UAAU;GACpC;IACgB;GACJ;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAgB,GAAI;GAAO,UAAU;GACnC;IACe;GACH;AAIrB,KAAI,SAAS,QACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAO,GAAI;GAAO,SAAQ;GAAU,MAAK;GAAK,UAAU;GACtD;IACM;GACM;AAIrB,QAAO"}

package/dist/modules/commands/components/form-dialog-command.client.d.mts

@@ -1,7 +1,7 @@
+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 { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
 import { FieldValues, Form } from "react-hook-form";
 import { Keys } from "react-hotkeys-hook";
 
@@ -12,7 +12,7 @@ import { Keys } from "react-hotkeys-hook";
 declare function CommandFormDialog({
   children,
   ...props
-}: DialogProps): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Dialog>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogTrigger
  */
@@ -36,26 +36,26 @@ declare function CommandFormDialogTrigger({
 declare function CommandFormDialogHeader({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogHeader>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogTitle
  */
 declare function CommandFormDialogTitle({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogTitle>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogDescription
  */
 declare function CommandFormDialogDescription({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: 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> = DialogContentProps & {
+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>;
   children: React.ReactNode;
@@ -80,21 +80,23 @@ declare function CommandFormDialogFields({
 declare function CommandFormDialogFooter({
   children,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof DialogFooter>): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogCancel
  */
 declare function CommandFormDialogCancel({
   children,
+  onClick,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: Omit<ComponentProps<"button">, "type">): react_jsx_runtime0.JSX.Element;
 /**
  * CommandFormDialogSubmit
  */
 declare function CommandFormDialogSubmit({
   children,
+  disabled,
   ...props
-}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime0.JSX.Element;
+}: Omit<ComponentProps<"button">, "type">): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CommandFormDialog, CommandFormDialogCancel, CommandFormDialogContent, CommandFormDialogContentProps, CommandFormDialogContentProvider, CommandFormDialogDescription, CommandFormDialogFields, CommandFormDialogFooter, CommandFormDialogHeader, CommandFormDialogSubmit, CommandFormDialogTitle, CommandFormDialogTrigger };
 //# sourceMappingURL=form-dialog-command.client.d.mts.map

package/dist/modules/commands/components/form-dialog-command.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"mappings":";;;;;;;;;;;iBAsCgB,iBAAA,CAAA;EAAoB,QAAA;EAAA,GAAa;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAehE,6BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA,GAAS,IAAA;AAAA;AAAA,iBAGK,wBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,GAA6B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEhB,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAnFhG;;;AAAA,iBA0Fe,sBAAA,CAAA;EAAyB,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOhF,4BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIvB,gCAAA,SAAgC,IAAA;;;;KAKjC,6BAAA,iBACM,WAAA,4BAEP,YAAA,uDAGP,kBAAA;EACF,SAAA,GAAY,MAAA,EAAQ,OAAA,KAAY,UAAA;EAChC,QAAA,GAAW,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACtD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,iBASF,wBAAA,iBACE,WAAA,4BAEP,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAmCrE,uBAAA,CAAA;EAA0B,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAWhF,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAsBjF,uBAAA,CAAA;EAA0B,QAAA;EAAA,GAAa;AAAA,GAAS,KAAA,CAAM,cAAA,CAAe,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"form-dialog-command.client.d.mts","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"mappings":";;;;;;;;;;;iBAqCgB,iBAAA,CAAA;EAAoB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,MAAA,IAAO,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;KAelF,6BAAA;EACH,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA,GAAS,IAAA;AAAA;AAAA,iBAGK,wBAAA,CAAA;EACd,KAAA;EACA,MAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,GAA6B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAgEhB,uBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAtFrC;iBA6Fe,sBAAA,CAAA;EAAyB,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,QAAsB,WAAA,IAAY,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOjF,4BAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,iBAAA,IAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI9B,gCAAA,SAAgC,IAAA;;;;KAKjC,6BAAA,iBACM,WAAA,4BAEP,YAAA,uDAGP,cAAA,QAAsB,aAAA;EACxB,SAAA,GAAY,MAAA,EAAQ,OAAA,KAAY,UAAA;EAChC,QAAA,GAAW,eAAA,CAAgB,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA;EACtD,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,iBASF,wBAAA,iBACE,WAAA,4BAEP,YAAA,oDAAA,CAAA;EAIT,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,6BAAA,CAA8B,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,UAAA,EAAY,eAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAmCrE,uBAAA,CAAA;EAA0B,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAWhF,uBAAA,CAAA;EACd,QAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,YAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAOtB,uBAAA,CAAA;EACd,QAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,sBAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAuBzB,uBAAA,CAAA;EACd,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,IAAA,CAAK,cAAA,sBAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -3,8 +3,8 @@
 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.mjs";
-import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.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";
@@ -154,16 +154,17 @@ function CommandFormDialogFooter({ children, ...props }) {
 /**
 * CommandFormDialogCancel
 */
-function CommandFormDialogCancel({ children, ...props }) {
+function CommandFormDialogCancel({ children, onClick, ...props }) {
 	const { setOpen } = React.useContext(CommandFormDialogContext);
 	const form = useFormContext();
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		variant: "ghost",
 		type: "button",
-		onClick: () => {
+		onClick: (e) => {
 			form.reset();
 			setOpen(false);
+			onClick?.(e);
 		},
 		children
 	});
@@ -171,12 +172,13 @@ function CommandFormDialogCancel({ children, ...props }) {
 /**
 * CommandFormDialogSubmit
 */
-function CommandFormDialogSubmit({ children, ...props }) {
+function CommandFormDialogSubmit({ children, disabled, ...props }) {
 	const { status } = useCommand();
+	const isDisabled = disabled || status === "pending";
 	return /* @__PURE__ */ jsxs(Button, {
 		...props,
-		disabled: status === "pending",
 		type: "submit",
+		disabled: isDisabled,
 		children: [status === "pending" && /* @__PURE__ */ jsx(Icons.spinner, { className: "mr-2 h-4 w-4 animate-spin" }), children]
 	});
 }

package/dist/modules/commands/components/form-dialog-command.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DialogContentProps, DialogProps } from \"@radix-ui/react-dialog\";\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React, { type ComponentProps } from \"react\";\nimport { type FieldValues, Form, useFormContext } from \"react-hook-form\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommandMutation } from \"../entry.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandFormDialogContext\n */\ntype CommandFormDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandFormDialogContext = React.createContext({} as CommandFormDialogContextValue);\n\n/**\n * CommandFormDialog\n */\nexport function CommandFormDialog({ children, ...props }: DialogProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandFormDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandFormDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandFormDialogTrigger\n */\ntype CommandFormDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n  hotkey?: Keys;\n};\n\nexport function CommandFormDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandFormDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandFormDialogHeader\n */\nexport function CommandFormDialogHeader({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandFormDialogTitle\n */\nexport function CommandFormDialogTitle({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandFormDialogDescription\n */\nexport function CommandFormDialogDescription({\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLElement>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\nexport const CommandFormDialogContentProvider = Form;\n\n/**\n * CommandFormDialogContent\n */\nexport type CommandFormDialogContentProps<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = DialogContentProps & {\n  variables: (values: TValues) => TVariables;\n  mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n};\n// export type CommandFormDialogContentProps<TSchema extends FieldValues> = DialogContentProps & {\n//   action: CommandAction<TSchema>;\n//   mutation?: MutationOptions<TSchema>;\n//   message?: string;\n//   children: React.ReactNode;\n// };\n\nexport function CommandFormDialogContent<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandFormDialogContentProps<TValues, TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext<TValues>();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      form.reset();\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (Object.keys(form?.formState?.errors || {})?.length > 0) {\n    console.error(form.formState.errors);\n  }\n\n  return (\n    <DialogContent {...props}>\n      <form\n        onSubmit={form.handleSubmit((data) => {\n          const params = variables(data);\n          mutateAsync(params);\n        })}\n      >\n        {children}\n      </form>\n    </DialogContent>\n  );\n}\n\n/**\n * FormDialogFields\n */\nexport function CommandFormDialogFields({ children, className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div {...props} className={cn(\"space-y-5 py-10\", className)}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * CommandFormDialogFooter\n */\nexport function CommandFormDialogFooter({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n\n/**\n * CommandFormDialogCancel\n */\nexport function CommandFormDialogCancel({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext();\n\n  return (\n    <Button\n      {...props}\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={() => {\n        form.reset();\n        setOpen(false);\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n\n/**\n * CommandFormDialogSubmit\n */\nexport function CommandFormDialogSubmit({ children, ...props }: React.HTMLAttributes<HTMLElement>) {\n  const { status } = useCommand();\n\n  return (\n    <Button {...props} disabled={status === \"pending\"} type=\"submit\">\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,MAAM,2BAA2B,MAAM,cAAc,EAAE,CAAkC;;;;AAKzF,SAAgB,kBAAkB,EAAE,UAAU,GAAG,SAAsB;CACrE,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,oBAAC;EAAO,GAAI;EAAa;EAAM,cAAc;YAC3C,oBAAC,yBAAyB;GAAS,OAAO;IAAE;IAAM;IAAS;GACxD;IACiC;GAC7B;;AAeb,SAAgB,yBAAyB,EACvC,OACA,QACA,UACA,UACA,GAAG,SAC6B;CAChC,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,YAAY,MAAM,WAAW,yBAAyB;CAE9D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,QAAQ,KAAK,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACa;GACD;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACgB;IACL;GACD;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACe;IACJ;GACD;;;;;AAQvB,SAAgB,wBAAwB,EAAE,UAAU,GAAG,SAA4C;AACjG,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAA4C;AAChG,QAAO,oBAAC;EAAY,GAAI;EAAQ;GAAuB;;;;;AAMzD,SAAgB,6BAA6B,EAC3C,UACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAGrE,MAAa,mCAAmC;AAuBhD,SAAgB,yBAMd,EACA,WACA,UACA,UACA,GAAG,SACkF;CACrF,MAAM,EAAE,YAAY,MAAM,WAAW,yBAAyB;CAC9D,MAAM,OAAO,gBAAyB;CAEtC,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,QAAK,OAAO;AACZ,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;AAEF,KAAI,OAAO,KAAK,MAAM,WAAW,UAAU,EAAE,CAAC,EAAE,SAAS,EACvD,SAAQ,MAAM,KAAK,UAAU,OAAO;AAGtC,QACE,oBAAC;EAAc,GAAI;YACjB,oBAAC;GACC,UAAU,KAAK,cAAc,SAAS;AAEpC,gBADe,UAAU,KAAK,CACX;KACnB;GAED;IACI;GACO;;;;;AAOpB,SAAgB,wBAAwB,EAAE,UAAU,WAAW,GAAG,SAAgC;AAChG,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,UAAU;EACxD;GACG;;;;;AAOV,SAAgB,wBAAwB,EAAE,UAAU,GAAG,SAA4C;AACjG,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,wBAAwB,EAAE,UAAU,GAAG,SAA4C;CACjG,MAAM,EAAE,YAAY,MAAM,WAAW,yBAAyB;CAC9D,MAAM,OAAO,gBAAgB;AAE7B,QACE,oBAAC;EACC,GAAI;EACJ,SAAQ;EACR,MAAK;EACL,eAAe;AACb,QAAK,OAAO;AACZ,WAAQ,MAAM;;EAGf;GACM;;;;;AAOb,SAAgB,wBAAwB,EAAE,UAAU,GAAG,SAA4C;CACjG,MAAM,EAAE,WAAW,YAAY;AAE/B,QACE,qBAAC;EAAO,GAAI;EAAO,UAAU,WAAW;EAAW,MAAK;aACrD,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACM"}
+{"version":3,"file":"form-dialog-command.client.mjs","names":[],"sources":["../../../../src/modules/commands/components/form-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DefaultError, MutationOptions } from \"@tanstack/react-query\";\nimport React, { type ComponentProps } from \"react\";\nimport { type FieldValues, Form, useFormContext } from \"react-hook-form\";\nimport { type Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { Icons } from \"@/components/common/icons\";\nimport { Button, buttonVariants } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu.client\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog.client\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu.client\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useCommandMutation } from \"../entry.client\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\n\n/**\n * CommandFormDialogContext\n */\ntype CommandFormDialogContextValue = {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst CommandFormDialogContext = React.createContext({} as CommandFormDialogContextValue);\n\n/**\n * CommandFormDialog\n */\nexport function CommandFormDialog({ children, ...props }: ComponentProps<typeof Dialog>) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Dialog {...props} open={open} onOpenChange={setOpen}>\n      <CommandFormDialogContext.Provider value={{ open, setOpen }}>\n        {children}\n      </CommandFormDialogContext.Provider>\n    </Dialog>\n  );\n}\n\n/**\n * CommandFormDialogTrigger\n */\ntype CommandFormDialogTriggerProps = {\n  children: React.ReactNode;\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n  hotkey?: Keys;\n};\n\nexport function CommandFormDialogTrigger({\n  label,\n  hotkey,\n  children,\n  disabled,\n  ...props\n}: CommandFormDialogTriggerProps) {\n  const { menu, status } = useCommand();\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n\n  const isDisabled = disabled || status === \"pending\";\n\n  useHotkeys(hotkey ?? \"\", () => setOpen(true), { enabled: !isDisabled && hotkey !== undefined });\n\n  if (menu === \"inline\" || menu === \"table\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger\n          {...props}\n          disabled={isDisabled}\n          className={cn(buttonVariants({ variant: \"outline\", size: \"sm\" }), props.className)}\n        >\n          {children}\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"dropdown\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <DropdownMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </DropdownMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n\n  if (menu === \"context\") {\n    return (\n      <CommandTrigger label={label}>\n        <DialogTrigger asChild>\n          <ContextMenuItem\n            {...props}\n            disabled={isDisabled}\n            onClick={(e) => {\n              e.preventDefault();\n              setOpen(true);\n            }}\n          >\n            {children}\n          </ContextMenuItem>\n        </DialogTrigger>\n      </CommandTrigger>\n    );\n  }\n}\n\n/**\n * CommandFormDialogHeader\n */\nexport function CommandFormDialogHeader({\n  children,\n  ...props\n}: ComponentProps<typeof DialogHeader>) {\n  return <DialogHeader {...props}>{children}</DialogHeader>;\n}\n\n/**\n * CommandFormDialogTitle\n */\nexport function CommandFormDialogTitle({ children, ...props }: ComponentProps<typeof DialogTitle>) {\n  return <DialogTitle {...props}>{children}</DialogTitle>;\n}\n\n/**\n * CommandFormDialogDescription\n */\nexport function CommandFormDialogDescription({\n  children,\n  ...props\n}: ComponentProps<typeof DialogDescription>) {\n  return <DialogDescription {...props}>{children}</DialogDescription>;\n}\n\nexport const CommandFormDialogContentProvider = Form;\n\n/**\n * CommandFormDialogContent\n */\nexport type CommandFormDialogContentProps<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n> = ComponentProps<typeof DialogContent> & {\n  variables: (values: TValues) => TVariables;\n  mutation?: MutationOptions<TData, TError, TVariables, TOnMutateResult>;\n  children: React.ReactNode;\n};\n// export type CommandFormDialogContentProps<TSchema extends FieldValues> = DialogContentProps & {\n//   action: CommandAction<TSchema>;\n//   mutation?: MutationOptions<TSchema>;\n//   message?: string;\n//   children: React.ReactNode;\n// };\n\nexport function CommandFormDialogContent<\n  TValues extends FieldValues,\n  TData = unknown,\n  TError = DefaultError,\n  TVariables = undefined,\n  TOnMutateResult = unknown,\n>({\n  variables,\n  mutation,\n  children,\n  ...props\n}: CommandFormDialogContentProps<TValues, TData, TError, TVariables, TOnMutateResult>) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext<TValues>();\n\n  const { mutateAsync } = useCommandMutation({\n    ...mutation,\n    onSuccess: async (...params) => {\n      form.reset();\n      setOpen(false);\n\n      return await mutation?.onSuccess?.(...params);\n    },\n  });\n\n  if (Object.keys(form?.formState?.errors || {})?.length > 0) {\n    console.error(form.formState.errors);\n  }\n\n  return (\n    <DialogContent {...props}>\n      <form\n        onSubmit={form.handleSubmit((data) => {\n          const params = variables(data);\n          mutateAsync(params);\n        })}\n      >\n        {children}\n      </form>\n    </DialogContent>\n  );\n}\n\n/**\n * FormDialogFields\n */\nexport function CommandFormDialogFields({ children, className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div {...props} className={cn(\"space-y-5 py-10\", className)}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * CommandFormDialogFooter\n */\nexport function CommandFormDialogFooter({\n  children,\n  ...props\n}: ComponentProps<typeof DialogFooter>) {\n  return <DialogFooter {...props}>{children}</DialogFooter>;\n}\n\n/**\n * CommandFormDialogCancel\n */\nexport function CommandFormDialogCancel({\n  children,\n  onClick,\n  ...props\n}: Omit<ComponentProps<\"button\">, \"type\">) {\n  const { setOpen } = React.useContext(CommandFormDialogContext);\n  const form = useFormContext();\n\n  return (\n    <Button\n      {...props}\n      variant=\"ghost\"\n      type=\"button\"\n      onClick={(e) => {\n        form.reset();\n        setOpen(false);\n        onClick?.(e);\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n\n/**\n * CommandFormDialogSubmit\n */\nexport function CommandFormDialogSubmit({\n  children,\n  disabled,\n  ...props\n}: Omit<ComponentProps<\"button\">, \"type\">) {\n  const { status } = useCommand();\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <Button {...props} type=\"submit\" disabled={isDisabled}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,MAAM,2BAA2B,MAAM,cAAc,EAAE,CAAkC;;;;AAKzF,SAAgB,kBAAkB,EAAE,UAAU,GAAG,SAAwC;CACvF,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;AAE7C,QACE,oBAAC;EAAO,GAAI;EAAa;EAAM,cAAc;YAC3C,oBAAC,yBAAyB;GAAS,OAAO;IAAE;IAAM;IAAS;GACxD;IACiC;GAC7B;;AAeb,SAAgB,yBAAyB,EACvC,OACA,QACA,UACA,UACA,GAAG,SAC6B;CAChC,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,EAAE,YAAY,MAAM,WAAW,yBAAyB;CAE9D,MAAM,aAAa,YAAY,WAAW;AAE1C,YAAW,UAAU,UAAU,QAAQ,KAAK,EAAE,EAAE,SAAS,CAAC,cAAc,WAAW,QAAW,CAAC;AAE/F,KAAI,SAAS,YAAY,SAAS,QAChC,QACE,oBAAC;EAAsB;YACrB,oBAAC;GACC,GAAI;GACJ,UAAU;GACV,WAAW,GAAG,eAAe;IAAE,SAAS;IAAW,MAAM;IAAM,CAAC,EAAE,MAAM,UAAU;GAEjF;IACa;GACD;AAIrB,KAAI,SAAS,WACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACgB;IACL;GACD;AAIrB,KAAI,SAAS,UACX,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAc;aACb,oBAAC;IACC,GAAI;IACJ,UAAU;IACV,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,aAAQ,KAAK;;IAGd;KACe;IACJ;GACD;;;;;AAQvB,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACmC;AACtC,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,uBAAuB,EAAE,UAAU,GAAG,SAA6C;AACjG,QAAO,oBAAC;EAAY,GAAI;EAAQ;GAAuB;;;;;AAMzD,SAAgB,6BAA6B,EAC3C,UACA,GAAG,SACwC;AAC3C,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAGrE,MAAa,mCAAmC;AAuBhD,SAAgB,yBAMd,EACA,WACA,UACA,UACA,GAAG,SACkF;CACrF,MAAM,EAAE,YAAY,MAAM,WAAW,yBAAyB;CAC9D,MAAM,OAAO,gBAAyB;CAEtC,MAAM,EAAE,gBAAgB,mBAAmB;EACzC,GAAG;EACH,WAAW,OAAO,GAAG,WAAW;AAC9B,QAAK,OAAO;AACZ,WAAQ,MAAM;AAEd,UAAO,MAAM,UAAU,YAAY,GAAG,OAAO;;EAEhD,CAAC;AAEF,KAAI,OAAO,KAAK,MAAM,WAAW,UAAU,EAAE,CAAC,EAAE,SAAS,EACvD,SAAQ,MAAM,KAAK,UAAU,OAAO;AAGtC,QACE,oBAAC;EAAc,GAAI;YACjB,oBAAC;GACC,UAAU,KAAK,cAAc,SAAS;AAEpC,gBADe,UAAU,KAAK,CACX;KACnB;GAED;IACI;GACO;;;;;AAOpB,SAAgB,wBAAwB,EAAE,UAAU,WAAW,GAAG,SAAgC;AAChG,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,mBAAmB,UAAU;EACxD;GACG;;;;;AAOV,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACmC;AACtC,QAAO,oBAAC;EAAa,GAAI;EAAQ;GAAwB;;;;;AAM3D,SAAgB,wBAAwB,EACtC,UACA,SACA,GAAG,SACsC;CACzC,MAAM,EAAE,YAAY,MAAM,WAAW,yBAAyB;CAC9D,MAAM,OAAO,gBAAgB;AAE7B,QACE,oBAAC;EACC,GAAI;EACJ,SAAQ;EACR,MAAK;EACL,UAAU,MAAM;AACd,QAAK,OAAO;AACZ,WAAQ,MAAM;AACd,aAAU,EAAE;;EAGb;GACM;;;;;AAOb,SAAgB,wBAAwB,EACtC,UACA,UACA,GAAG,SACsC;CACzC,MAAM,EAAE,WAAW,YAAY;CAE/B,MAAM,aAAa,YAAY,WAAW;AAE1C,QACE,qBAAC;EAAO,GAAI;EAAO,MAAK;EAAS,UAAU;aACxC,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACM"}

package/dist/modules/commands/hooks/use-command-menu.client.d.mts

@@ -11,7 +11,14 @@ type SingleCommandMenuProps<TData, TMeta> = {
   data: TData;
   commands: CommandDef<TData, TMeta>[];
   meta?: TMeta;
+  onSuccess?: () => void;
+};
+type BulkCommandMenuProps<TData, TMeta> = {
+  data: TData[];
+  commands: CommandDef<TData, TMeta>[];
+  meta?: TMeta;
+  onSuccess?: () => void;
 };
 //#endregion
-export { SingleCommandMenuProps };
+export { BulkCommandMenuProps, SingleCommandMenuProps };
 //# sourceMappingURL=use-command-menu.client.d.mts.map

package/dist/modules/commands/hooks/use-command-menu.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-command-menu.client.d.mts","names":[],"sources":["../../../../src/modules/commands/hooks/use-command-menu.client.tsx"],"mappings":";;;;;;;;;KAWY,sBAAA;EACV,IAAA,EAAM,KAAA;EACN,QAAA,EAAU,UAAA,CAAW,KAAA,EAAO,KAAA;EAC5B,IAAA,GAAO,KAAA;AAAA"}
+{"version":3,"file":"use-command-menu.client.d.mts","names":[],"sources":["../../../../src/modules/commands/hooks/use-command-menu.client.tsx"],"mappings":";;;;;;;;;KAWY,sBAAA;EACV,IAAA,EAAM,KAAA;EACN,QAAA,EAAU,UAAA,CAAW,KAAA,EAAO,KAAA;EAC5B,IAAA,GAAO,KAAA;EACP,SAAA;AAAA;AAAA,KAGU,oBAAA;EACV,IAAA,EAAM,KAAA;EACN,QAAA,EAAU,UAAA,CAAW,KAAA,EAAO,KAAA;EAC5B,IAAA,GAAO,KAAA;EACP,SAAA;AAAA"}

package/dist/modules/commands/hooks/use-command-menu.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-command-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/hooks/use-command-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  BulkCommandDefRenderParams,\n  CommandDef,\n  SingleCommandDefRenderParams,\n} from \"../lib/definitions\";\n\n/**\n * Command menu props\n */\nexport type SingleCommandMenuProps<TData, TMeta> = {\n  data: TData;\n  commands: CommandDef<TData, TMeta>[];\n  meta?: TMeta;\n};\n\nexport type BulkCommandMenuProps<TData, TMeta> = {\n  data: TData[];\n  commands: CommandDef<TData, TMeta>[];\n  meta?: TMeta;\n};\n\n/**\n * Check if a command has an id field in the data\n */\nfunction dataHasId<TData>(data: TData) {\n  return data && typeof data === \"object\" && \"id\" in data && typeof data.id === \"string\";\n}\n\n/**\n * Single command validation\n */\ntype ValidateSingleCommandParams<TData, TMeta> = {\n  data: TData;\n  command: CommandDef<TData, TMeta> & { mode: \"single\" };\n};\n\nfunction validateSingleCommand<TData, TMeta>({\n  data,\n  command,\n}: ValidateSingleCommandParams<TData, TMeta>) {\n  const valid = command.conditions?.({ data });\n  return Array.isArray(valid) ? valid.every(Boolean) : (valid ?? true);\n}\n\n/**\n * Single command rendering\n */\ntype RenderSingleCommandParams<TData, TMeta> = {\n  data: TData;\n  meta?: TMeta;\n  command: CommandDef<TData, TMeta> & { mode: \"single\" };\n};\n\nfunction renderSingleCommand<TData, TMeta>({\n  data,\n  command,\n  meta,\n}: RenderSingleCommandParams<TData, TMeta>) {\n  return command.render({\n    data,\n    meta: meta ?? ({} as TMeta),\n    ...(dataHasId(data) ? { id: (data as TData & { id: string }).id } : {}),\n  } as SingleCommandDefRenderParams<TData, TMeta>);\n}\n\n/**\n * Bulk command validation\n */\ntype ValidateBulkCommandParams<TData, TMeta> = {\n  data: TData[];\n  command: CommandDef<TData, TMeta> & { mode: \"bulk\" };\n};\n\nfunction validateBulkCommand<TData, TMeta>({\n  data,\n  command,\n}: ValidateBulkCommandParams<TData, TMeta>) {\n  const valid = command.conditions?.({ data });\n  return Array.isArray(valid) ? valid.every(Boolean) : (valid ?? true);\n}\n\n/**\n * Bulk command rendering\n */\ntype RenderBulkCommandParams<TData, TMeta> = {\n  data: TData[];\n  command: CommandDef<TData, TMeta> & { mode: \"bulk\" };\n  meta?: TMeta;\n};\n\nfunction renderBulkCommand<TData, TMeta>({\n  data,\n  command,\n  meta,\n}: RenderBulkCommandParams<TData, TMeta>) {\n  const ids = data.filter(dataHasId).map((data) => (data as TData & { id: string }).id);\n\n  return command.render({\n    data,\n    meta: meta ?? ({} as TMeta),\n    ...(ids.length > 0 ? { ids } : {}),\n  } as BulkCommandDefRenderParams<TData, TMeta>);\n}\n\n/**\n * useSingleCommandMenu\n */\nexport function useSingleCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n}: SingleCommandMenuProps<TData, TMeta> & { data: TData }) {\n  // filter out commands that don't have valid conditions\n  const validCommands = commands.filter((command) =>\n    command.mode === \"single\"\n      ? validateSingleCommand({ data, command })\n      : validateBulkCommand({ data: [data], command }),\n  );\n\n  function renderCommand(command: (typeof validCommands)[number]) {\n    return command.mode === \"single\"\n      ? renderSingleCommand({ command, data, meta })\n      : renderBulkCommand({ command, data: [data], meta });\n  }\n\n  return [validCommands, renderCommand] as const;\n}\n\n/**\n * useBulkCommandMenu\n */\nexport function useBulkCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n}: BulkCommandMenuProps<TData, TMeta>) {\n  /**\n   * Filter out commands that don't have valid conditions\n   */\n  const validCommands = commands\n    // filter out commands that have mode \"bulk\"\n    .filter((command) => command.mode === \"bulk\")\n    // filter out commands that don't have valid conditions\n    .filter((command) => command.mode === \"bulk\" && validateBulkCommand({ data, command }));\n\n  /**\n   * Render command\n   */\n  function renderCommand(command: (typeof commands)[number]) {\n    if (command.mode === \"single\") return null;\n\n    return renderBulkCommand({ command, data, meta });\n  }\n\n  return [validCommands, renderCommand] as const;\n}\n\n// export function useBulkCommandMenu<TData, TMeta>({\n//   data,\n//   commands,\n//   meta,\n// }: BulkCommandMenuProps<TData, TMeta>) {\n//   /**\n//    * Filter out commands that don't have valid conditions\n//    */\n//   const validCommands = useSuspenseQueries({\n//     queries: commands.flatMap((command) => ({\n//       queryKey: [\"command\", command],\n//       queryFn: async () => {\n//         const { mode, permission } = command;\n\n//         // filter out commands that have mode \"bulk\"\n//         if (mode !== \"bulk\") return null;\n\n//         // filter out commands that don't have valid conditions\n//         if (!validateBulkCommand({ data, command })) return null;\n\n//         // filter out commands that don't have a  permissions defined\n//         if (!permission) return command;\n\n//         // filter out commands that don't have valid permissions\n//         const session = await authClient.getSession();\n//         const userId = session.data?.user.id;\n//         const hasPermission = await authClient.admin.hasPermission({ permission, userId });\n//         if (!hasPermission.data?.success) return null;\n\n//         return command;\n//       },\n//     })),\n//     combine: (items) =>\n//       items.filter(({ data }) => data).map(({ data }) => data as NonNullable<typeof data>),\n//   });\n\n//   /**\n//    * Render command\n//    */\n//   const renderCommand = (command: (typeof validCommands)[number]) =>\n//     renderBulkCommand({ command, data, meta });\n\n//   return [validCommands, renderCommand] as const;\n// }\n\n//  */\n// export function useSingleCommandMenu<TData, TMeta>({\n//   data,\n//   commands,\n//   meta,\n// }: SingleCommandMenuProps<TData, TMeta> & { data: TData }) {\n//   /**\n//    * Filter out commands that don't have valid conditions\n//    */\n//   const validCommands = useSuspenseQueries({\n//     queries: commands.flatMap((command) => ({\n//       queryKey: [\"command\", command],\n//       queryFn: async () => {\n//         const { mode, permission } = command;\n\n//         // filter out commands that don't have valid conditions\n//         if (mode === \"single\" && !validateSingleCommand({ data, command })) return null;\n//         if (mode === \"bulk\" && !validateBulkCommand({ data: [data], command })) return null;\n\n//         // filter out commands that don't have a  permissions defined\n//         if (!permission) return command;\n\n//         // filter out commands that don't have valid permissions\n//         const session = await authClient.getSession();\n//         const userId = session.data?.user.id;\n//         const hasPermission = await authClient.admin.hasPermission({ permission, userId });\n//         if (!hasPermission.data?.success) return null;\n\n//         return command;\n//       },\n//     })),\n//     combine: (items) =>\n//       items.filter(({ data }) => data).map(({ data }) => data as NonNullable<typeof data>),\n//   });\n\n//   /**\n//    * Render command\n//    */\n//   function renderCommand(command: (typeof validCommands)[number]) {\n//     return command.mode === \"single\"\n//       ? renderSingleCommand({ command, data, meta })\n//       : renderBulkCommand({ command, data: [data], meta });\n//   }\n\n//   return [validCommands, renderCommand] as const;\n// }\n"],"mappings":";;;;;;AA0BA,SAAS,UAAiB,MAAa;AACrC,QAAO,QAAQ,OAAO,SAAS,YAAY,QAAQ,QAAQ,OAAO,KAAK,OAAO;;AAWhF,SAAS,sBAAoC,EAC3C,MACA,WAC4C;CAC5C,MAAM,QAAQ,QAAQ,aAAa,EAAE,MAAM,CAAC;AAC5C,QAAO,MAAM,QAAQ,MAAM,GAAG,MAAM,MAAM,QAAQ,GAAI,SAAS;;AAYjE,SAAS,oBAAkC,EACzC,MACA,SACA,QAC0C;AAC1C,QAAO,QAAQ,OAAO;EACpB;EACA,MAAM,QAAS,EAAE;EACjB,GAAI,UAAU,KAAK,GAAG,EAAE,IAAK,KAAgC,IAAI,GAAG,EAAE;EACvE,CAA+C;;AAWlD,SAAS,oBAAkC,EACzC,MACA,WAC0C;CAC1C,MAAM,QAAQ,QAAQ,aAAa,EAAE,MAAM,CAAC;AAC5C,QAAO,MAAM,QAAQ,MAAM,GAAG,MAAM,MAAM,QAAQ,GAAI,SAAS;;AAYjE,SAAS,kBAAgC,EACvC,MACA,SACA,QACwC;CACxC,MAAM,MAAM,KAAK,OAAO,UAAU,CAAC,KAAK,SAAU,KAAgC,GAAG;AAErF,QAAO,QAAQ,OAAO;EACpB;EACA,MAAM,QAAS,EAAE;EACjB,GAAI,IAAI,SAAS,IAAI,EAAE,KAAK,GAAG,EAAE;EAClC,CAA6C;;;;;AAMhD,SAAgB,qBAAmC,EACjD,MACA,UACA,QACyD;CAEzD,MAAM,gBAAgB,SAAS,QAAQ,YACrC,QAAQ,SAAS,WACb,sBAAsB;EAAE;EAAM;EAAS,CAAC,GACxC,oBAAoB;EAAE,MAAM,CAAC,KAAK;EAAE;EAAS,CAAC,CACnD;CAED,SAAS,cAAc,SAAyC;AAC9D,SAAO,QAAQ,SAAS,WACpB,oBAAoB;GAAE;GAAS;GAAM;GAAM,CAAC,GAC5C,kBAAkB;GAAE;GAAS,MAAM,CAAC,KAAK;GAAE;GAAM,CAAC;;AAGxD,QAAO,CAAC,eAAe,cAAc;;;;;AAMvC,SAAgB,mBAAiC,EAC/C,MACA,UACA,QACqC;;;;CAIrC,MAAM,gBAAgB,SAEnB,QAAQ,YAAY,QAAQ,SAAS,OAAO,CAE5C,QAAQ,YAAY,QAAQ,SAAS,UAAU,oBAAoB;EAAE;EAAM;EAAS,CAAC,CAAC;;;;CAKzF,SAAS,cAAc,SAAoC;AACzD,MAAI,QAAQ,SAAS,SAAU,QAAO;AAEtC,SAAO,kBAAkB;GAAE;GAAS;GAAM;GAAM,CAAC;;AAGnD,QAAO,CAAC,eAAe,cAAc"}
+{"version":3,"file":"use-command-menu.client.mjs","names":[],"sources":["../../../../src/modules/commands/hooks/use-command-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  BulkCommandDefRenderParams,\n  CommandDef,\n  SingleCommandDefRenderParams,\n} from \"../lib/definitions\";\n\n/**\n * Command menu props\n */\nexport type SingleCommandMenuProps<TData, TMeta> = {\n  data: TData;\n  commands: CommandDef<TData, TMeta>[];\n  meta?: TMeta;\n  onSuccess?: () => void;\n};\n\nexport type BulkCommandMenuProps<TData, TMeta> = {\n  data: TData[];\n  commands: CommandDef<TData, TMeta>[];\n  meta?: TMeta;\n  onSuccess?: () => void;\n};\n\n/**\n * Check if a command has an id field in the data\n */\nfunction dataHasId<TData>(data: TData) {\n  return data && typeof data === \"object\" && \"id\" in data && typeof data.id === \"string\";\n}\n\n/**\n * Single command validation\n */\ntype ValidateSingleCommandParams<TData, TMeta> = {\n  data: TData;\n  command: CommandDef<TData, TMeta> & { mode: \"single\" };\n};\n\nfunction validateSingleCommand<TData, TMeta>({\n  data,\n  command,\n}: ValidateSingleCommandParams<TData, TMeta>) {\n  const valid = command.conditions?.({ data });\n  return Array.isArray(valid) ? valid.every(Boolean) : (valid ?? true);\n}\n\n/**\n * Single command rendering\n */\ntype RenderSingleCommandParams<TData, TMeta> = {\n  data: TData;\n  meta?: TMeta;\n  command: CommandDef<TData, TMeta> & { mode: \"single\" };\n};\n\nfunction renderSingleCommand<TData, TMeta>({\n  data,\n  command,\n  meta,\n}: RenderSingleCommandParams<TData, TMeta>) {\n  return command.render({\n    data,\n    meta: meta ?? ({} as TMeta),\n    ...(dataHasId(data) ? { id: (data as TData & { id: string }).id } : {}),\n  } as SingleCommandDefRenderParams<TData, TMeta>);\n}\n\n/**\n * Bulk command validation\n */\ntype ValidateBulkCommandParams<TData, TMeta> = {\n  data: TData[];\n  command: CommandDef<TData, TMeta> & { mode: \"bulk\" };\n};\n\nfunction validateBulkCommand<TData, TMeta>({\n  data,\n  command,\n}: ValidateBulkCommandParams<TData, TMeta>) {\n  const valid = command.conditions?.({ data });\n  return Array.isArray(valid) ? valid.every(Boolean) : (valid ?? true);\n}\n\n/**\n * Bulk command rendering\n */\ntype RenderBulkCommandParams<TData, TMeta> = {\n  data: TData[];\n  command: CommandDef<TData, TMeta> & { mode: \"bulk\" };\n  meta?: TMeta;\n};\n\nfunction renderBulkCommand<TData, TMeta>({\n  data,\n  command,\n  meta,\n}: RenderBulkCommandParams<TData, TMeta>) {\n  const ids = data.filter(dataHasId).map((data) => (data as TData & { id: string }).id);\n\n  return command.render({\n    data,\n    meta: meta ?? ({} as TMeta),\n    ...(ids.length > 0 ? { ids } : {}),\n  } as BulkCommandDefRenderParams<TData, TMeta>);\n}\n\n/**\n * useSingleCommandMenu\n */\nexport function useSingleCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n}: SingleCommandMenuProps<TData, TMeta> & { data: TData }) {\n  // filter out commands that don't have valid conditions\n  const validCommands = commands.filter((command) =>\n    command.mode === \"single\"\n      ? validateSingleCommand({ data, command })\n      : validateBulkCommand({ data: [data], command }),\n  );\n\n  function renderCommand(command: (typeof validCommands)[number]) {\n    return command.mode === \"single\"\n      ? renderSingleCommand({ command, data, meta })\n      : renderBulkCommand({ command, data: [data], meta });\n  }\n\n  return [validCommands, renderCommand] as const;\n}\n\n/**\n * useBulkCommandMenu\n */\nexport function useBulkCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n}: BulkCommandMenuProps<TData, TMeta>) {\n  /**\n   * Filter out commands that don't have valid conditions\n   */\n  const validCommands = commands\n    // filter out commands that have mode \"bulk\"\n    .filter((command) => command.mode === \"bulk\")\n    // filter out commands that don't have valid conditions\n    .filter((command) => command.mode === \"bulk\" && validateBulkCommand({ data, command }));\n\n  /**\n   * Render command\n   */\n  function renderCommand(command: (typeof commands)[number]) {\n    if (command.mode === \"single\") return null;\n\n    return renderBulkCommand({ command, data, meta });\n  }\n\n  return [validCommands, renderCommand] as const;\n}\n\n// export function useBulkCommandMenu<TData, TMeta>({\n//   data,\n//   commands,\n//   meta,\n// }: BulkCommandMenuProps<TData, TMeta>) {\n//   /**\n//    * Filter out commands that don't have valid conditions\n//    */\n//   const validCommands = useSuspenseQueries({\n//     queries: commands.flatMap((command) => ({\n//       queryKey: [\"command\", command],\n//       queryFn: async () => {\n//         const { mode, permission } = command;\n\n//         // filter out commands that have mode \"bulk\"\n//         if (mode !== \"bulk\") return null;\n\n//         // filter out commands that don't have valid conditions\n//         if (!validateBulkCommand({ data, command })) return null;\n\n//         // filter out commands that don't have a  permissions defined\n//         if (!permission) return command;\n\n//         // filter out commands that don't have valid permissions\n//         const session = await authClient.getSession();\n//         const userId = session.data?.user.id;\n//         const hasPermission = await authClient.admin.hasPermission({ permission, userId });\n//         if (!hasPermission.data?.success) return null;\n\n//         return command;\n//       },\n//     })),\n//     combine: (items) =>\n//       items.filter(({ data }) => data).map(({ data }) => data as NonNullable<typeof data>),\n//   });\n\n//   /**\n//    * Render command\n//    */\n//   const renderCommand = (command: (typeof validCommands)[number]) =>\n//     renderBulkCommand({ command, data, meta });\n\n//   return [validCommands, renderCommand] as const;\n// }\n\n//  */\n// export function useSingleCommandMenu<TData, TMeta>({\n//   data,\n//   commands,\n//   meta,\n// }: SingleCommandMenuProps<TData, TMeta> & { data: TData }) {\n//   /**\n//    * Filter out commands that don't have valid conditions\n//    */\n//   const validCommands = useSuspenseQueries({\n//     queries: commands.flatMap((command) => ({\n//       queryKey: [\"command\", command],\n//       queryFn: async () => {\n//         const { mode, permission } = command;\n\n//         // filter out commands that don't have valid conditions\n//         if (mode === \"single\" && !validateSingleCommand({ data, command })) return null;\n//         if (mode === \"bulk\" && !validateBulkCommand({ data: [data], command })) return null;\n\n//         // filter out commands that don't have a  permissions defined\n//         if (!permission) return command;\n\n//         // filter out commands that don't have valid permissions\n//         const session = await authClient.getSession();\n//         const userId = session.data?.user.id;\n//         const hasPermission = await authClient.admin.hasPermission({ permission, userId });\n//         if (!hasPermission.data?.success) return null;\n\n//         return command;\n//       },\n//     })),\n//     combine: (items) =>\n//       items.filter(({ data }) => data).map(({ data }) => data as NonNullable<typeof data>),\n//   });\n\n//   /**\n//    * Render command\n//    */\n//   function renderCommand(command: (typeof validCommands)[number]) {\n//     return command.mode === \"single\"\n//       ? renderSingleCommand({ command, data, meta })\n//       : renderBulkCommand({ command, data: [data], meta });\n//   }\n\n//   return [validCommands, renderCommand] as const;\n// }\n"],"mappings":";;;;;;AA4BA,SAAS,UAAiB,MAAa;AACrC,QAAO,QAAQ,OAAO,SAAS,YAAY,QAAQ,QAAQ,OAAO,KAAK,OAAO;;AAWhF,SAAS,sBAAoC,EAC3C,MACA,WAC4C;CAC5C,MAAM,QAAQ,QAAQ,aAAa,EAAE,MAAM,CAAC;AAC5C,QAAO,MAAM,QAAQ,MAAM,GAAG,MAAM,MAAM,QAAQ,GAAI,SAAS;;AAYjE,SAAS,oBAAkC,EACzC,MACA,SACA,QAC0C;AAC1C,QAAO,QAAQ,OAAO;EACpB;EACA,MAAM,QAAS,EAAE;EACjB,GAAI,UAAU,KAAK,GAAG,EAAE,IAAK,KAAgC,IAAI,GAAG,EAAE;EACvE,CAA+C;;AAWlD,SAAS,oBAAkC,EACzC,MACA,WAC0C;CAC1C,MAAM,QAAQ,QAAQ,aAAa,EAAE,MAAM,CAAC;AAC5C,QAAO,MAAM,QAAQ,MAAM,GAAG,MAAM,MAAM,QAAQ,GAAI,SAAS;;AAYjE,SAAS,kBAAgC,EACvC,MACA,SACA,QACwC;CACxC,MAAM,MAAM,KAAK,OAAO,UAAU,CAAC,KAAK,SAAU,KAAgC,GAAG;AAErF,QAAO,QAAQ,OAAO;EACpB;EACA,MAAM,QAAS,EAAE;EACjB,GAAI,IAAI,SAAS,IAAI,EAAE,KAAK,GAAG,EAAE;EAClC,CAA6C;;;;;AAMhD,SAAgB,qBAAmC,EACjD,MACA,UACA,QACyD;CAEzD,MAAM,gBAAgB,SAAS,QAAQ,YACrC,QAAQ,SAAS,WACb,sBAAsB;EAAE;EAAM;EAAS,CAAC,GACxC,oBAAoB;EAAE,MAAM,CAAC,KAAK;EAAE;EAAS,CAAC,CACnD;CAED,SAAS,cAAc,SAAyC;AAC9D,SAAO,QAAQ,SAAS,WACpB,oBAAoB;GAAE;GAAS;GAAM;GAAM,CAAC,GAC5C,kBAAkB;GAAE;GAAS,MAAM,CAAC,KAAK;GAAE;GAAM,CAAC;;AAGxD,QAAO,CAAC,eAAe,cAAc;;;;;AAMvC,SAAgB,mBAAiC,EAC/C,MACA,UACA,QACqC;;;;CAIrC,MAAM,gBAAgB,SAEnB,QAAQ,YAAY,QAAQ,SAAS,OAAO,CAE5C,QAAQ,YAAY,QAAQ,SAAS,UAAU,oBAAoB;EAAE;EAAM;EAAS,CAAC,CAAC;;;;CAKzF,SAAS,cAAc,SAAoC;AACzD,MAAI,QAAQ,SAAS,SAAU,QAAO;AAEtC,SAAO,kBAAkB;GAAE;GAAS;GAAM;GAAM,CAAC;;AAGnD,QAAO,CAAC,eAAe,cAAc"}

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

@@ -1,7 +1,7 @@
-import { ContextMenu, ContextMenuTrigger } from "../../../components/ui/context-menu.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuTrigger } from "../../../components/ui/context-menu.client.mjs";
 import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ContextMenuContentProps } from "@radix-ui/react-context-menu";
+import { ComponentProps } from "react";
 
 //#region src/modules/commands/menus/context-menu.client.d.ts
 /**
@@ -21,7 +21,7 @@ declare function ContextCommandMenuContent<TData, TMeta>({
   meta,
   className,
   ...props
-}: SingleCommandMenuProps<TData, TMeta> & ContextMenuContentProps): react_jsx_runtime0.JSX.Element;
+}: SingleCommandMenuProps<TData, TMeta> & ComponentProps<typeof ContextMenuContent>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger };
 //# sourceMappingURL=context-menu.client.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context-menu.client.d.mts","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"mappings":";;;;;;;;;cAqBa,kBAAA,SAAkB,WAAA;;;;cAKlB,yBAAA,SAAyB,kBAAA;AAAtC;;;AAAA,iBAKgB,yBAAA,cAAA,CAAA;EACd,IAAA;EACA,QAAA;EACA,IAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,sBAAA,CAAuB,KAAA,EAAO,KAAA,IAAS,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"context-menu.client.d.mts","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"mappings":";;;;;;;;;cAoBa,kBAAA,SAAkB,WAAA;;;;cAKlB,yBAAA,SAAyB,kBAAA;AAAtC;;;AAAA,iBAKgB,yBAAA,cAAA,CAAA;EACd,IAAA;EACA,QAAA;EACA,IAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,sBAAA,CAAuB,KAAA,EAAO,KAAA,IAAS,cAAA,QAAsB,kBAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "../../../lib/utils/cn.mjs";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../components/ui/context-menu.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../components/ui/context-menu.client.mjs";
 import { CommandContextProvider } from "../hooks/context.client.mjs";
 import { RenderCommand } from "../components/render-command.mjs";
 import { useSingleCommandMenu } from "../hooks/use-command-menu.client.mjs";