@tulip-systems/core 0.2.0

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

@@ -0,0 +1,93 @@
+import { CommandAction } from "../hooks/use-command-action.client.js";
+import * as react_jsx_runtime176 from "react/jsx-runtime";
+import React from "react";
+import { AlertDialogCancelProps, AlertDialogContentProps, AlertDialogProps } from "@radix-ui/react-alert-dialog";
+import { Keys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/alert-dialog-command.client.d.ts
+/**
+ * CommandAlertDialog
+ */
+declare function CommandAlertDialog({
+  children,
+  ...props
+}: AlertDialogProps): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogTrigger
+ */
+type CommandAlertDialogTriggerProps = {
+  children: React.ReactNode;
+  className?: string;
+  label?: string;
+  hotkey?: Keys;
+  disabled?: boolean;
+};
+declare function CommandAlertDialogTrigger({
+  label,
+  hotkey,
+  children,
+  disabled,
+  ...props
+}: CommandAlertDialogTriggerProps): react_jsx_runtime176.JSX.Element | undefined;
+/**
+ * CommandAlertDialogContent
+ */
+declare function CommandAlertDialogContent({
+  children,
+  ...props
+}: AlertDialogContentProps): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogHeader
+ */
+declare function CommandAlertDialogHeader({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogTitle
+ */
+declare function CommandAlertDialogTitle({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogDescription
+ */
+declare function CommandAlertDialogDescription({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogFooter
+ */
+declare function CommandAlertDialogFooter({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogCancel
+ */
+declare function CommandAlertDialogCancel({
+  children,
+  ...props
+}: AlertDialogCancelProps): react_jsx_runtime176.JSX.Element;
+/**
+ * CommandAlertDialogAction
+ */
+type CommandAlertDialogActionProps = {
+  children: React.ReactNode;
+  className?: string;
+  action: CommandAction;
+  message?: string;
+  disabled?: boolean;
+};
+declare function CommandAlertDialogAction({
+  action,
+  message,
+  children,
+  disabled,
+  ...props
+}: CommandAlertDialogActionProps): react_jsx_runtime176.JSX.Element;
+//#endregion
+export { CommandAlertDialog, CommandAlertDialogAction, CommandAlertDialogCancel, CommandAlertDialogContent, CommandAlertDialogDescription, CommandAlertDialogFooter, CommandAlertDialogHeader, CommandAlertDialogTitle, CommandAlertDialogTrigger };
+//# sourceMappingURL=alert-dialog-command.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-command.client.d.ts","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AA0CgB,iBAAA,kBAAA,CAAkB;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAyB,gBAAzB,CAAA,EAAyC,oBAAA,CAAA,GAAA,CAAA,OAAzC;;;;KAe7B,8BAAA,GAfsE;EAAA,QAAA,EAgB/D,KAAA,CAAM,SAhByD;EAetE,SAAA,CAAA,EAAA,MAAA;EAA8B,KAAA,CAAA,EAAA,MAAA;QACvB,CAAA,EAGD,IAHO;UAGP,CAAA,EAAA,OAAA;CAAI;AAIC,iBAAA,yBAAA,CAAyB;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMtC,8BANsC,CAAA,EAMR,oBAAA,CAAA,GAAA,CAAA,OAAA,GANQ,SAAA;;;;AAGvC,iBAmEc,yBAAA,CAnEd;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAmEgE,uBAnEhE,CAAA,EAmEuF,oBAAA,CAAA,GAAA,CAAA,OAnEvF;;;;AAG+B,iBAuEjB,wBAAA,CAvEiB;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0E9B,KAAA,CAAM,cA1EwB,CA0ET,WA1ES,CAAA,CAAA,EA0EG,oBAAA,CAAA,GAAA,CAAA,OA1EH;AAgEjC;;;AAAkE,iBAiBlD,uBAAA,CAjBkD;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiBF,KAAA,CAAM,cAjBJ,CAiBmB,WAjBnB,CAAA,CAAA,EAiB+B,oBAAA,CAAA,GAAA,CAAA,OAjB/B;;;AAOlE;AAAwC,iBAiBxB,6BAAA,CAjBwB;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAoBrC,KAAA,CAAM,cApB+B,CAoBhB,WApBgB,CAAA,CAAA,EAoBJ,oBAAA,CAAA,GAAA,CAAA,OApBI;;;;AAGJ,iBAwBpB,wBAAA,CAxBoB;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2BjC,KAAA,CAAM,cA3B2B,CA2BZ,WA3BY,CAAA,CAAA,EA2BA,oBAAA,CAAA,GAAA,CAAA,OA3BA;;AAOpC;;AAA0C,iBA2B1B,wBAAA,CA3B0B;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2BuB,sBA3BvB,CAAA,EA2B6C,oBAAA,CAAA,GAAA,CAAA,OA3B7C;;;;KAkCrC,6BAAA,GAlC4F;EAOjF,QAAA,EA4BJ,KAAA,CAAM,SA5BF;EAA6B,SAAA,CAAA,EAAA,MAAA;QAC3C,EA6BQ,aA7BR;SAEsB,CAAA,EAAA,MAAA;UAArB,CAAM,EAAA,OAAA;;AAA2B,iBAgCpB,wBAAA,CAhCoB;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAsCjC,6BAtCiC,CAAA,EAsCJ,oBAAA,CAAA,GAAA,CAAA,OAtCI"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-command.client.js","names":[],"sources":["../../../../src/modules/commands/components/alert-dialog-command.client.tsx"],"sourcesContent":["\"use client\";\n\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 {\n  AlertDialogCancelProps,\n  AlertDialogContentProps,\n  AlertDialogProps,\n} from \"@radix-ui/react-alert-dialog\";\nimport React from \"react\";\nimport { Keys, useHotkeys } from \"react-hotkeys-hook\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandAction, useCommandAction } from \"../hooks/use-command-action.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  children: React.ReactNode;\n  className?: string;\n  action: CommandAction;\n  message?: string;\n  disabled?: boolean;\n};\n\nexport function CommandAlertDialogAction({\n  action,\n  message,\n  children,\n  disabled,\n  ...props\n}: CommandAlertDialogActionProps) {\n  const { setOpen } = React.useContext(CommandAlertDialogContext);\n  const { status } = useCommand();\n  const execute = useCommandAction(action, { message, onSuccess: () => setOpen(false) });\n\n  const isDisabled = disabled || status === \"pending\";\n\n  return (\n    <AlertDialogAction {...props} disabled={isDisabled} onClick={() => execute()}>\n      {status === \"pending\" && <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />}\n      {children}\n    </AlertDialogAction>\n  );\n}\n\n// /**\n//  * CommandAlertDialogAction\n//  */\n// type CommandAlertDialogAction2Props<\n//   TRouter extends AnyTRPCRouter,\n//   TInput,\n//   TDef extends { input: TInput; output: any; transformer: boolean; errorShape: any },\n// > = {\n//   children: React.ReactNode;\n//   className?: string;\n\n//   input: TInput;\n//   mutation: (trpc: ReturnType<typeof useTRPC<TRouter>>) => DecorateMutationProcedure<TDef>;\n\n//   message?: string;\n//   disabled?: boolean;\n// };\n\n// export function CommandAlertDialogAction2<\n// TInput,\n// TDef extends { input: TInput; output: any; transformer: boolean; errorShape: any },\n// TRouter extends AnyTRPCRouter,\n// >({\n//   input,\n//   mutation,\n//   message,\n//   children,\n//   disabled,\n//   ...props\n// }: CommandAlertDialogAction2Props<TRouter, TInput, TDef>) {\n//   const trpc = useTRPC<TRouter>();\n\n//   const { setOpen } = React.useContext(CommandAlertDialogContext);\n//   const commandContext = useCommand();\n\n//   const options = mutation?.(trpc);\n\n//   const { mutate } = useMutation(\n//     options.mutationOptions({\n//       onMutate: () => {\n//         commandContext.setStatus(\"pending\");\n//       },\n//       onSuccess: async () => {\n//         commandContext.setStatus(\"success\");\n//         toast.success(message || \"Actie voltooid!\");\n//         setOpen(false);\n//         await commandContext.onSuccess?.();\n//       },\n//       onError: async () => {\n//         commandContext.setStatus(\"error\");\n//         await commandContext.onError?.();\n//       },\n//       onSettled: () => {\n//         commandContext.setStatus(\"idle\");\n//       },\n//     }),\n//   );\n\n//   const isDisabled = disabled || status === \"pending\";\n\n//   return (\n//     <AlertDialogAction {...props} disabled={isDisabled} onClick={() => mutate(input)}>\n//       {commandContext.status === \"pending\" && (\n//         <Icons.spinner className=\"mr-2 h-4 w-4 animate-spin\" />\n//       )}\n//       {children}\n//     </AlertDialogAction>\n//   );\n// }\n"],"mappings":";;;;;;;;;;;;;;;;;AAqCA,MAAM,4BAA4B,MAAM,cAAc,EAAE,CAAmC;;;;AAK3F,SAAgB,mBAAmB,EAAE,SAAU,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,SACA,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,SAAU,GAAG,SAAkC;AACzF,QAAO,oBAAC;EAAmB,GAAI;EAAQ;GAA8B;;;;;AAMvE,SAAgB,yBAAyB,EACvC,SACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,wBAAwB,EAAE,SAAU,GAAG,SAA4C;AACjG,QAAO,oBAAC;EAAiB,GAAI;EAAQ;GAA4B;;;;;AAMnE,SAAgB,8BAA8B,EAC5C,SACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAuB,GAAI;EAAQ;GAAkC;;;;;AAM/E,SAAgB,yBAAyB,EACvC,SACA,GAAG,SACiC;AACpC,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;;;;AAMrE,SAAgB,yBAAyB,EAAE,SAAU,GAAG,SAAiC;AACvF,QAAO,oBAAC;EAAkB,GAAI;EAAQ;GAA6B;;AAcrE,SAAgB,yBAAyB,EACvC,QACA,SACA,UACA,SACA,GAAG,SAC6B;CAChC,MAAM,EAAE,YAAY,MAAM,WAAW,0BAA0B;CAC/D,MAAM,EAAE,WAAW,YAAY;CAC/B,MAAM,UAAU,iBAAiB,QAAQ;EAAE;EAAS,iBAAiB,QAAQ,MAAM;EAAE,CAAC;CAEtF,MAAM,aAAa,YAAY,WAAW;AAE1C,QACE,qBAAC;EAAkB,GAAI;EAAO,UAAU;EAAY,eAAe,SAAS;aACzE,WAAW,aAAa,oBAAC,MAAM,WAAQ,WAAU,8BAA8B,EAC/E;GACiB"}

package/dist/modules/commands/components/click-command.client.d.ts

@@ -0,0 +1,27 @@
+import { CommandAction } from "../hooks/use-command-action.client.js";
+import * as react_jsx_runtime185 from "react/jsx-runtime";
+import React from "react";
+import { Keys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/click-command.client.d.ts
+type CommandClickProps = {
+  children: React.ReactNode;
+  className?: string;
+  disabled?: boolean;
+  action: CommandAction;
+  message?: string;
+  label?: string;
+  hotkey?: Keys;
+};
+declare function CommandClick({
+  children,
+  action,
+  message,
+  label,
+  hotkey,
+  disabled,
+  ...props
+}: CommandClickProps): react_jsx_runtime185.JSX.Element | null;
+//#endregion
+export { CommandClick, CommandClickProps };
+//# sourceMappingURL=click-command.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"click-command.client.d.ts","names":[],"sources":["../../../../src/modules/commands/components/click-command.client.tsx"],"sourcesContent":[],"mappings":";;;;;;KAWY,iBAAA;YACA,KAAA,CAAM;;EADN,QAAA,CAAA,EAAA,OAAA;EAAiB,MAAA,EAInB,aAJmB;SACjB,CAAA,EAAM,MAAA;OAGR,CAAA,EAAA,MAAA;QAGC,CAAA,EAAA,IAAA;CAAI;AAGC,iBAAA,YAAA,CAAY;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAQzB,iBARyB,CAAA,EAQR,oBAAA,CAAA,GAAA,CAAA,OAAA,GARQ,IAAA"}

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

@@ -0,0 +1,66 @@
+"use client";
+
+
+import { Button } from "../../../components/ui/button.js";
+import { ContextMenuItem } from "../../../components/ui/context-menu.js";
+import { DropdownMenuItem } from "../../../components/ui/dropdown-menu.js";
+import { useCommand } from "../hooks/context.client.js";
+import { useCommandAction } from "../hooks/use-command-action.client.js";
+import { CommandTrigger } from "./command-trigger.client.js";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { useHotkeys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/click-command.client.tsx
+function CommandClick({ children, action, message, label, hotkey, disabled,...props }) {
+	const { menu, status } = useCommand();
+	const execute = useCommandAction(action, { message });
+	const isDisabled = disabled || status === "pending";
+	const handleClick = () => execute();
+	useHotkeys(hotkey ?? "", () => handleClick(), { enabled: !isDisabled && hotkey !== void 0 });
+	if (menu === "inline") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "outline",
+			size: "sm",
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	if (menu === "dropdown") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(DropdownMenuItem, {
+			...props,
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	if (menu === "context") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(ContextMenuItem, {
+			...props,
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	if (menu === "table") return /* @__PURE__ */ jsx(CommandTrigger, {
+		label,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "outline",
+			size: "sm",
+			disabled: isDisabled,
+			onClick: handleClick,
+			children
+		})
+	});
+	return null;
+}
+
+//#endregion
+export { CommandClick };
+//# sourceMappingURL=click-command.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"click-command.client.js","names":[],"sources":["../../../../src/modules/commands/components/click-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { ContextMenuItem } from \"@/components/ui/context-menu\";\nimport { DropdownMenuItem } from \"@/components/ui/dropdown-menu\";\nimport React from \"react\";\nimport { useCommand } from \"../hooks/context.client\";\nimport { CommandAction, useCommandAction } from \"../hooks/use-command-action.client\";\nimport { CommandTrigger } from \"./command-trigger.client\";\nimport { Keys, useHotkeys } from \"react-hotkeys-hook\";\n\nexport type CommandClickProps = {\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  action: CommandAction;\n  message?: string;\n  label?: string;\n  hotkey?: Keys;\n};\n\nexport function CommandClick({\n  children,\n  action,\n  message,\n  label,\n  hotkey,\n  disabled,\n  ...props\n}: CommandClickProps) {\n  const { menu, status } = useCommand();\n  const execute = useCommandAction(action, { message });\n\n  const isDisabled = disabled || status === \"pending\";\n\n  const handleClick = () => execute();\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":";;;;;;;;;;;;;;AAqBA,SAAgB,aAAa,EAC3B,UACA,QACA,SACA,OACA,QACA,SACA,GAAG,SACiB;CACpB,MAAM,EAAE,MAAM,WAAW,YAAY;CACrC,MAAM,UAAU,iBAAiB,QAAQ,EAAE,SAAS,CAAC;CAErD,MAAM,aAAa,YAAY,WAAW;CAE1C,MAAM,oBAAoB,SAAS;AAEnC,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/command-trigger.client.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime186 from "react/jsx-runtime";
+import * as react0 from "react";
+import { PropsWithChildren } from "react";
+
+//#region src/modules/commands/components/command-trigger.client.d.ts
+/**
+ * Command trigger context
+ */
+type CommandTriggerContextValue = {
+  label?: string;
+};
+declare const CommandTriggerContext: react0.Context<CommandTriggerContextValue>;
+/**
+ * Command trigger
+ */
+declare function CommandTrigger({
+  label,
+  children
+}: PropsWithChildren<{
+  label?: string;
+}>): react_jsx_runtime186.JSX.Element;
+/**
+ * Command label
+ */
+declare function CommandLabel(): react_jsx_runtime186.JSX.Element | null;
+/**
+ * Command icon
+ */
+declare function CommandIcon({
+  children
+}: PropsWithChildren): react_jsx_runtime186.JSX.Element;
+//#endregion
+export { CommandIcon, CommandLabel, CommandTrigger, CommandTriggerContext };
+//# sourceMappingURL=command-trigger.client.d.ts.map

package/dist/modules/commands/components/command-trigger.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-trigger.client.d.ts","names":[],"sources":["../../../../src/modules/commands/components/command-trigger.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;KAcK,0BAAA;EAAA,KAAA,CAAA,EAAA,MAAA;AAIL,CAAA;AAAoF,cAAvE,qBAAuE,EAAlD,MAAA,CAAA,OAAkD,CAAlD,0BAAkD,CAAA;;;;AAKpE,iBAAA,cAAA,CAAc;EAAA,KAAA;EAAA;CAAA,EAAsB,iBAAtB,CAAA;EAAA,KAAA,CAAA,EAAA,MAAA;KAA2D,oBAAA,CAAA,GAAA,CAAA,OAAxD;;;;AAAwD,iBAmBzE,YAAA,CAAA,CAnByE,EAmB7D,oBAAA,CAAA,GAAA,CAAA,OAAA,GAnB6D,IAAA;AAmBzF;AAcA;;AAA8B,iBAAd,WAAA,CAAc;EAAA;AAAA,CAAA,EAAY,iBAAZ,CAAA,EAA6B,oBAAA,CAAA,GAAA,CAAA,OAA7B"}

package/dist/modules/commands/components/command-trigger.client.js

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

package/dist/modules/commands/components/command-trigger.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-trigger.client.js","names":[],"sources":["../../../../src/modules/commands/components/command-trigger.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip.client\";\nimport { createContext, PropsWithChildren, useContext } from \"react\";\nimport { useCommand } from \"../hooks/context.client\";\n\n/**\n * Command trigger context\n */\ntype CommandTriggerContextValue = {\n  label?: string;\n};\n\nexport const CommandTriggerContext = createContext({} as CommandTriggerContextValue);\n\n/**\n * Command trigger\n */\nexport function CommandTrigger({ label, children }: PropsWithChildren<{ label?: string }>) {\n  const { menu } = useCommand();\n  const showLabel = label && menu !== \"dropdown\" && menu !== \"context\";\n\n  return (\n    <CommandTriggerContext.Provider value={{ label }}>\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{children}</TooltipTrigger>\n          {showLabel && <TooltipContent>{label}</TooltipContent>}\n        </Tooltip>\n      </TooltipProvider>\n    </CommandTriggerContext.Provider>\n  );\n}\n\n/**\n * Command label\n */\nexport function CommandLabel() {\n  const { label } = useContext(CommandTriggerContext);\n\n  const { menu } = useCommand();\n  const showLabel = label && (menu === \"dropdown\" || menu === \"context\");\n\n  if (!showLabel) return null;\n\n  return <span className=\"ml-3\">{label}</span>;\n}\n\n/**\n * Command icon\n */\nexport function CommandIcon({ children }: PropsWithChildren) {\n  const { label } = useContext(CommandTriggerContext);\n\n  const { menu } = useCommand();\n  const showLabel = label && (menu === \"dropdown\" || menu === \"context\");\n\n  return (\n    <>\n      {children}\n      {showLabel && <span className=\"ml-3\">{label}</span>}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAa,wBAAwB,cAAc,EAAE,CAA+B;;;;AAKpF,SAAgB,eAAe,EAAE,OAAO,YAAmD;CACzF,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,YAAY,SAAS,SAAS,cAAc,SAAS;AAE3D,QACE,oBAAC,sBAAsB;EAAS,OAAO,EAAE,OAAO;YAC9C,oBAAC,6BACC,qBAAC,sBACC,oBAAC;GAAe;GAAS;IAA0B,EAClD,aAAa,oBAAC,4BAAgB,QAAuB,IAC9C,GACM;GACa;;;;;AAOrC,SAAgB,eAAe;CAC7B,MAAM,EAAE,UAAU,WAAW,sBAAsB;CAEnD,MAAM,EAAE,SAAS,YAAY;AAG7B,KAAI,EAFc,UAAU,SAAS,cAAc,SAAS,YAE5C,QAAO;AAEvB,QAAO,oBAAC;EAAK,WAAU;YAAQ;GAAa;;;;;AAM9C,SAAgB,YAAY,EAAE,YAA+B;CAC3D,MAAM,EAAE,UAAU,WAAW,sBAAsB;CAEnD,MAAM,EAAE,SAAS,YAAY;AAG7B,QACE,4CACG,UAJa,UAAU,SAAS,cAAc,SAAS,cAK1C,oBAAC;EAAK,WAAU;YAAQ;GAAa,IAClD"}

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

@@ -0,0 +1,68 @@
+import * as react_jsx_runtime189 from "react/jsx-runtime";
+import React from "react";
+import { DialogContentProps, DialogProps } from "@radix-ui/react-dialog";
+import { Keys } from "react-hotkeys-hook";
+
+//#region src/modules/commands/components/dialog-command.client.d.ts
+/**
+ * CommandDialog
+ */
+declare function CommandDialog({
+  children,
+  ...props
+}: DialogProps): react_jsx_runtime189.JSX.Element;
+/**
+ * CommandDialogTrigger
+ */
+type CommandDialogTriggerProps = {
+  children: React.ReactNode;
+  className?: string;
+  label?: string;
+  hotkey?: Keys;
+  disabled?: boolean;
+};
+declare function CommandDialogTrigger({
+  label,
+  hotkey,
+  children,
+  disabled,
+  ...props
+}: CommandDialogTriggerProps): react_jsx_runtime189.JSX.Element | undefined;
+/**
+ * CommandDialogContent
+ */
+declare function CommandDialogContent({
+  children,
+  ...props
+}: DialogContentProps): react_jsx_runtime189.JSX.Element;
+/**
+ * CommandDialogHeader
+ */
+declare function CommandDialogHeader({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime189.JSX.Element;
+/**
+ * CommandDialogTitle
+ */
+declare function CommandDialogTitle({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime189.JSX.Element;
+/**
+ * CommandDialogDescription
+ */
+declare function CommandDialogDescription({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime189.JSX.Element;
+/**
+ * CommandDialogFooter
+ */
+declare function CommandDialogFooter({
+  children,
+  ...props
+}: React.HTMLAttributes<HTMLElement>): react_jsx_runtime189.JSX.Element;
+//#endregion
+export { CommandDialog, CommandDialogContent, CommandDialogDescription, CommandDialogFooter, CommandDialogHeader, CommandDialogTitle, CommandDialogTrigger };
+//# sourceMappingURL=dialog-command.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-command.client.d.ts","names":[],"sources":["../../../../src/modules/commands/components/dialog-command.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAkCgB,iBAAA,aAAA,CAAa;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAyB,WAAzB,CAAA,EAAoC,oBAAA,CAAA,GAAA,CAAA,OAApC;;;;KAexB,yBAAA,GAf4D;EAAA,QAAA,EAgBrD,KAAA,CAAM,SAhB+C;EAe5D,SAAA,CAAA,EAAA,MAAA;EAAyB,KAAA,CAAA,EAAA,MAAA;QAClB,CAAA,EAGD,IAHO;UAGP,CAAA,EAAA,OAAA;CAAI;AAIC,iBAAA,oBAAA,CAAoB;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMjC,yBANiC,CAAA,EAMR,oBAAA,CAAA,GAAA,CAAA,OAAA,GANQ,SAAA;;;;AAGlC,iBAmEc,oBAAA,CAnEd;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAmE2D,kBAnE3D,CAAA,EAmE6E,oBAAA,CAAA,GAAA,CAAA,OAnE7E;;;;AAG0B,iBAuEZ,mBAAA,CAvEY;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAuEgC,KAAA,CAAM,cAvEtC,CAuEqD,WAvErD,CAAA,CAAA,EAuEiE,oBAAA,CAAA,GAAA,CAAA,OAvEjE;AAgE5B;;;AAA6D,iBAc7C,kBAAA,CAd6C;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAcF,KAAA,CAAM,cAdJ,CAcmB,WAdnB,CAAA,CAAA,EAc+B,oBAAA,CAAA,GAAA,CAAA,OAd/B;;;AAO7D;AAAmC,iBAcnB,wBAAA,CAdmB;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAiBhC,KAAA,CAAM,cAjB0B,CAiBX,WAjBW,CAAA,CAAA,EAiBC,oBAAA,CAAA,GAAA,CAAA,OAjBD;;;;AAA0D,iBAwB7E,mBAAA,CAxB6E;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAwBjC,KAAA,CAAM,cAxB2B,CAwBZ,WAxBY,CAAA,CAAA,EAwBA,oBAAA,CAAA,GAAA,CAAA,OAxBA"}