@tulip-systems/core 0.2.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.client.d.ts","names":[],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAkBa,cAAA,kBAAkB,EAAA,OAAA,WAAc;AAK7C;AAKA;;AACE,cANW,yBAMX,EAAA,OANoC,kBAMpC;;;;AAKwB,iBANV,yBAMU,CAAA,KAAA,EAAA,KAAA,CAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAAvB,sBAAuB,CAAA,KAAA,EAAO,KAAP,CAAA,GAAgB,uBAAhB,CAAA,EAAuC,oBAAA,CAAA,GAAA,CAAA,OAAvC"}

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

@@ -0,0 +1,61 @@
+"use client";
+
+
+import { cn } from "../../../lib/utils/cn.js";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
+import { CommandContextProvider } from "../hooks/context.client.js";
+import { RenderCommand } from "../components/render-command.js";
+import { useSingleCommandMenu } from "../hooks/use-command-menu.client.js";
+import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, useState } from "react";
+
+//#region src/modules/commands/menus/context-menu.client.tsx
+/**
+* ContextCommandMenu
+*/
+const ContextCommandMenu = ContextMenu;
+/**
+* ContextCommandMenuTrigger
+*/
+const ContextCommandMenuTrigger = ContextMenuTrigger;
+/**
+* ContextCommandMenuContent
+*/
+function ContextCommandMenuContent({ data, commands, meta, className,...props }) {
+	const [hasCommands, setHasCommands] = useState(true);
+	const [validCommands, renderCommand] = useSingleCommandMenu({
+		data,
+		commands,
+		meta
+	});
+	if (!hasCommands) return /* @__PURE__ */ jsx(CommandContextProvider, {
+		value: { menu: "context" },
+		children: /* @__PURE__ */ jsx(ContextMenuContent, {
+			...props,
+			className: cn("min-w-[10rem]", className),
+			children: /* @__PURE__ */ jsx(ContextMenuItem, {
+				className: "font-medium",
+				disabled: true,
+				children: "Geen acties beschikbaar"
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(CommandContextProvider, {
+		value: { menu: "context" },
+		children: /* @__PURE__ */ jsx(ContextMenuContent, {
+			...props,
+			className: cn("min-w-[10rem]", className),
+			ref: (ref) => {
+				if (ref?.childNodes.length === 0) setHasCommands(false);
+			},
+			children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
+				command,
+				render: renderCommand
+			}, command.name))
+		})
+	}) });
+}
+
+//#endregion
+export { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger };
+//# sourceMappingURL=context-menu.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.client.js","names":["Fragment"],"sources":["../../../../src/modules/commands/menus/context-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu\";\nimport { cn } from \"@/lib/entry\";\nimport { ContextMenuContentProps } from \"@radix-ui/react-context-menu\";\nimport { Fragment, useState } from \"react\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport { SingleCommandMenuProps, useSingleCommandMenu } from \"../hooks/use-command-menu.client\";\n\n/**\n * ContextCommandMenu\n */\nexport const ContextCommandMenu = ContextMenu;\n\n/**\n * ContextCommandMenuTrigger\n */\nexport const ContextCommandMenuTrigger = ContextMenuTrigger;\n\n/**\n * ContextCommandMenuContent\n */\nexport function ContextCommandMenuContent<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  className,\n  ...props\n}: SingleCommandMenuProps<TData, TMeta> & ContextMenuContentProps) {\n  const [hasCommands, setHasCommands] = useState(true);\n\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!hasCommands) {\n    return (\n      <CommandContextProvider value={{ menu: \"context\" }}>\n        <ContextMenuContent {...props} className={cn(\"min-w-[10rem]\", className)}>\n          <ContextMenuItem className=\"font-medium\" disabled>\n            Geen acties beschikbaar\n          </ContextMenuItem>\n        </ContextMenuContent>\n      </CommandContextProvider>\n    );\n  }\n\n  return (\n    <Fragment>\n      <CommandContextProvider value={{ menu: \"context\" }}>\n        <ContextMenuContent\n          {...props}\n          className={cn(\"min-w-[10rem]\", className)}\n          ref={(ref) => {\n            if (ref?.childNodes.length === 0) setHasCommands(false);\n          }}\n        >\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </ContextMenuContent>\n      </CommandContextProvider>\n    </Fragment>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,qBAAqB;;;;AAKlC,MAAa,4BAA4B;;;;AAKzC,SAAgB,0BAAwC,EACtD,MACA,UACA,MACA,UACA,GAAG,SAC8D;CACjE,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,YACH,QACE,oBAAC;EAAuB,OAAO,EAAE,MAAM,WAAW;YAChD,oBAAC;GAAmB,GAAI;GAAO,WAAW,GAAG,iBAAiB,UAAU;aACtE,oBAAC;IAAgB,WAAU;IAAc;cAAS;KAEhC;IACC;GACE;AAI7B,QACE,oBAACA,wBACC,oBAAC;EAAuB,OAAO,EAAE,MAAM,WAAW;YAChD,oBAAC;GACC,GAAI;GACJ,WAAW,GAAG,iBAAiB,UAAU;GACzC,MAAM,QAAQ;AACZ,QAAI,KAAK,WAAW,WAAW,EAAG,gBAAe,MAAM;;aAGxD,cAAc,KAAK,YAClB,oBAAC;IAA0C;IAAS,QAAQ;MAAxC,QAAQ,KAAiD,CAC7E;IACiB;GACE,GAChB"}

package/dist/modules/commands/menus/data-table-menu.client.js

@@ -0,0 +1,47 @@
+"use client";
+
+
+import { CommandContextProvider } from "../hooks/context.client.js";
+import { RenderCommand } from "../components/render-command.js";
+import { useBulkCommandMenu } from "../hooks/use-command-menu.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+
+//#region src/modules/commands/menus/data-table-menu.client.tsx
+function TableCommandMenu({ table }) {
+	const meta = table.options.meta;
+	const hasCommands = useRef(true);
+	const onSuccess = () => table.resetRowSelection();
+	const [validCommands, renderCommand] = useBulkCommandMenu({
+		data: meta.selectedData ?? [],
+		commands: meta.commands ?? [],
+		meta
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-state": meta.selectedData?.length ? "open" : "closed",
+		className: "bg-muted/80 fixed bottom-12 left-0 right-0 z-50 mx-auto flex w-fit items-center rounded-xl border px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden",
+		children: /* @__PURE__ */ jsxs(CommandContextProvider, {
+			value: {
+				menu: "table",
+				onSuccess
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex gap-2",
+				ref: (ref) => {
+					if (ref?.childNodes.length === 0) hasCommands.current = false;
+				},
+				children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
+					command,
+					render: renderCommand
+				}, command.name))
+			}), !hasCommands.current && /* @__PURE__ */ jsx("span", {
+				className: "text-sm font-medium",
+				children: "Geen acties beschikbaar"
+			})]
+		})
+	});
+}
+
+//#endregion
+export { TableCommandMenu };
+//# sourceMappingURL=data-table-menu.client.js.map

package/dist/modules/commands/menus/data-table-menu.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-menu.client.js","names":[],"sources":["../../../../src/modules/commands/menus/data-table-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { TableMeta } from \"@/modules/data-tables/lib/types\";\nimport { Table } from \"@tanstack/react-table\";\nimport { useRef } from \"react\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport { useBulkCommandMenu } from \"../hooks/use-command-menu.client\";\n\nexport function TableCommandMenu<TData extends { id: string }>({ table }: { table: Table<TData> }) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  const hasCommands = useRef(true);\n\n  const onSuccess = () => table.resetRowSelection();\n\n  const [validCommands, renderCommand] = useBulkCommandMenu({\n    data: meta.selectedData ?? [],\n    commands: meta.commands ?? [],\n    meta: meta as never,\n  });\n\n  return (\n    <div\n      data-state={meta.selectedData?.length ? \"open\" : \"closed\"}\n      className=\"bg-muted/80 fixed bottom-12 left-0 right-0 z-50 mx-auto flex w-fit items-center rounded-xl border px-3 py-2 shadow-xl backdrop-blur-2xl data-[state=open]:flex data-[state=closed]:hidden\"\n    >\n      <CommandContextProvider value={{ menu: \"table\", onSuccess }}>\n        <div\n          className=\"flex gap-2\"\n          ref={(ref) => {\n            if (ref?.childNodes.length === 0) hasCommands.current = false;\n          }}\n        >\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </div>\n\n        {!hasCommands.current && (\n          <span className=\"text-sm font-medium\">Geen acties beschikbaar</span>\n        )}\n      </CommandContextProvider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,iBAA+C,EAAE,SAAkC;CACjG,MAAM,OAAO,MAAM,QAAQ;CAE3B,MAAM,cAAc,OAAO,KAAK;CAEhC,MAAM,kBAAkB,MAAM,mBAAmB;CAEjD,MAAM,CAAC,eAAe,iBAAiB,mBAAmB;EACxD,MAAM,KAAK,gBAAgB,EAAE;EAC7B,UAAU,KAAK,YAAY,EAAE;EACvB;EACP,CAAC;AAEF,QACE,oBAAC;EACC,cAAY,KAAK,cAAc,SAAS,SAAS;EACjD,WAAU;YAEV,qBAAC;GAAuB,OAAO;IAAE,MAAM;IAAS;IAAW;cACzD,oBAAC;IACC,WAAU;IACV,MAAM,QAAQ;AACZ,SAAI,KAAK,WAAW,WAAW,EAAG,aAAY,UAAU;;cAGzD,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACE,EAEL,CAAC,YAAY,WACZ,oBAAC;IAAK,WAAU;cAAsB;KAA8B;IAE/C;GACrB"}

package/dist/modules/commands/menus/dropdown-menu.client.d.ts

@@ -0,0 +1,15 @@
+import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.js";
+import * as react_jsx_runtime212 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/commands/menus/dropdown-menu.client.d.ts
+declare function DropdownCommandMenu<TData, TMeta>({
+  data,
+  commands,
+  meta,
+  className,
+  ...props
+}: SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>): react_jsx_runtime212.JSX.Element | null;
+//#endregion
+export { DropdownCommandMenu };
+//# sourceMappingURL=dropdown-menu.client.d.ts.map

package/dist/modules/commands/menus/dropdown-menu.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.client.d.ts","names":[],"sources":["../../../../src/modules/commands/menus/dropdown-menu.client.tsx"],"sourcesContent":[],"mappings":";;;;;iBAegB;;;;;;GAMb,uBAAuB,OAAO,SAAS,KAAA,CAAM,eAAe,eAAY,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/commands/menus/dropdown-menu.client.js

@@ -0,0 +1,56 @@
+"use client";
+
+
+import { cn } from "../../../lib/utils/cn.js";
+import { Button } from "../../../components/ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.js";
+import { CommandContextProvider } from "../hooks/context.client.js";
+import { RenderCommand } from "../components/render-command.js";
+import { useSingleCommandMenu } from "../hooks/use-command-menu.client.js";
+import { MoreHorizontal } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/commands/menus/dropdown-menu.client.tsx
+function DropdownCommandMenu({ data, commands, meta, className,...props }) {
+	const [open, setOpen] = React.useState(false);
+	const [validCommands, renderCommand] = useSingleCommandMenu({
+		data,
+		commands,
+		meta
+	});
+	if (!validCommands.length) return null;
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				...props,
+				variant: "ghost",
+				className: cn("data-[state=open]:bg-secondary size-8 p-0", className),
+				children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Open menu"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			align: "end",
+			className: "min-w-[10rem]",
+			children: /* @__PURE__ */ jsx(CommandContextProvider, {
+				value: {
+					menu: "dropdown",
+					onSuccess: () => setOpen(false)
+				},
+				children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
+					command,
+					render: renderCommand
+				}, command.name))
+			})
+		})]
+	});
+}
+
+//#endregion
+export { DropdownCommandMenu };
+//# sourceMappingURL=dropdown-menu.client.js.map

package/dist/modules/commands/menus/dropdown-menu.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.client.js","names":[],"sources":["../../../../src/modules/commands/menus/dropdown-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { MoreHorizontal } from \"lucide-react\";\nimport React from \"react\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport { SingleCommandMenuProps, useSingleCommandMenu } from \"../hooks/use-command-menu.client\";\nimport { RenderCommand } from \"../components/render-command\";\n\nexport function DropdownCommandMenu<TData, TMeta>({\n  data,\n  commands,\n  meta,\n  className,\n  ...props\n}: SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>) {\n  const [open, setOpen] = React.useState(false);\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!validCommands.length) return null;\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          {...props}\n          variant=\"ghost\"\n          className={cn(\"data-[state=open]:bg-secondary size-8 p-0\", className)}\n        >\n          <MoreHorizontal className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Open menu</span>\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\" className=\"min-w-[10rem]\">\n        <CommandContextProvider value={{ menu: \"dropdown\", onSuccess: () => setOpen(false) }}>\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </CommandContextProvider>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,SAAgB,oBAAkC,EAChD,MACA,UACA,MACA,UACA,GAAG,SACwE;CAC3E,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,cAAc,OAAQ,QAAO;AAElC,QACE,qBAAC;EAAmB;EAAM,cAAc;aACtC,oBAAC;GAAoB;aACnB,qBAAC;IACC,GAAI;IACJ,SAAQ;IACR,WAAW,GAAG,6CAA6C,UAAU;eAErE,oBAAC,kBAAe,WAAU,YAAY,EACtC,oBAAC;KAAK,WAAU;eAAU;MAAgB;KACnC;IACW,EAEtB,oBAAC;GAAoB,OAAM;GAAM,WAAU;aACzC,oBAAC;IAAuB,OAAO;KAAE,MAAM;KAAY,iBAAiB,QAAQ,MAAM;KAAE;cACjF,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACqB;IACL;GACT"}

package/dist/modules/commands/menus/inline-menu.client.d.ts

@@ -0,0 +1,16 @@
+import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.js";
+import * as react_jsx_runtime213 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/commands/menus/inline-menu.client.d.ts
+type InlineCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta> & React.HTMLAttributes<HTMLElement>;
+declare function InlineCommandMenu<TData, TMeta>({
+  data,
+  meta,
+  commands,
+  className,
+  ...props
+}: InlineCommandMenuProps<TData, TMeta>): react_jsx_runtime213.JSX.Element | null;
+//#endregion
+export { InlineCommandMenu, InlineCommandMenuProps };
+//# sourceMappingURL=inline-menu.client.d.ts.map

package/dist/modules/commands/menus/inline-menu.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-menu.client.d.ts","names":[],"sources":["../../../../src/modules/commands/menus/inline-menu.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY,uCAAuC,uBAAuB,OAAO,SAC/E,KAAA,CAAM,eAAe;iBAEP;;;;;;GAMb,uBAAuB,OAAO,SAAM,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/modules/commands/menus/inline-menu.client.js

@@ -0,0 +1,37 @@
+"use client";
+
+
+import { cn } from "../../../lib/utils/cn.js";
+import { CommandContextProvider } from "../hooks/context.client.js";
+import { RenderCommand } from "../components/render-command.js";
+import { useSingleCommandMenu } from "../hooks/use-command-menu.client.js";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/commands/menus/inline-menu.client.tsx
+function InlineCommandMenu({ data, meta, commands, className,...props }) {
+	const [validCommands, renderCommand] = useSingleCommandMenu({
+		data,
+		commands,
+		meta
+	});
+	if (!validCommands.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: cn("flex w-fit items-center", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex gap-2",
+			children: /* @__PURE__ */ jsx(CommandContextProvider, {
+				value: { menu: "inline" },
+				children: validCommands.map((command) => /* @__PURE__ */ jsx(RenderCommand, {
+					command,
+					render: renderCommand
+				}, command.name))
+			})
+		})
+	});
+}
+
+//#endregion
+export { InlineCommandMenu };
+//# sourceMappingURL=inline-menu.client.js.map

package/dist/modules/commands/menus/inline-menu.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-menu.client.js","names":[],"sources":["../../../../src/modules/commands/menus/inline-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport React from \"react\";\nimport { RenderCommand } from \"../components/render-command\";\nimport { CommandContextProvider } from \"../hooks/context.client\";\nimport { SingleCommandMenuProps, useSingleCommandMenu } from \"../hooks/use-command-menu.client\";\n\nexport type InlineCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta> &\n  React.HTMLAttributes<HTMLElement>;\n\nexport function InlineCommandMenu<TData, TMeta>({\n  data,\n  meta,\n  commands,\n  className,\n  ...props\n}: InlineCommandMenuProps<TData, TMeta>) {\n  const [validCommands, renderCommand] = useSingleCommandMenu({ data, commands, meta });\n\n  if (!validCommands.length) return null;\n\n  return (\n    <div {...props} className={cn(\"flex w-fit items-center\", className)}>\n      <div className=\"flex gap-2\">\n        <CommandContextProvider value={{ menu: \"inline\" }}>\n          {validCommands.map((command) => (\n            <RenderCommand key={command.name} command={command} render={renderCommand} />\n          ))}\n        </CommandContextProvider>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,kBAAgC,EAC9C,MACA,MACA,UACA,UACA,GAAG,SACoC;CACvC,MAAM,CAAC,eAAe,iBAAiB,qBAAqB;EAAE;EAAM;EAAU;EAAM,CAAC;AAErF,KAAI,CAAC,cAAc,OAAQ,QAAO;AAElC,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,2BAA2B,UAAU;YACjE,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAuB,OAAO,EAAE,MAAM,UAAU;cAC9C,cAAc,KAAK,YAClB,oBAAC;KAA0C;KAAS,QAAQ;OAAxC,QAAQ,KAAiD,CAC7E;KACqB;IACrB;GACF"}

package/dist/modules/commands/menus/responsive-menu.client.d.ts

@@ -0,0 +1,9 @@
+import { SingleCommandMenuProps } from "../hooks/use-command-menu.client.js";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
+
+//#region src/modules/commands/menus/responsive-menu.client.d.ts
+type ResponsiveCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta>;
+declare function ResponsiveCommandMenu<TData, TMeta>(props: ResponsiveCommandMenuProps<TData, TMeta>): react_jsx_runtime214.JSX.Element;
+//#endregion
+export { ResponsiveCommandMenu };
+//# sourceMappingURL=responsive-menu.client.d.ts.map

package/dist/modules/commands/menus/responsive-menu.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-menu.client.d.ts","names":[],"sources":["../../../../src/modules/commands/menus/responsive-menu.client.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,2CAA2C,uBAAuB,OAAO;iBAE9D,2CACP,2BAA2B,OAAO,SAAM,oBAAA,CAAA,GAAA,CAAA"}

package/dist/modules/commands/menus/responsive-menu.client.js

@@ -0,0 +1,21 @@
+"use client";
+
+
+import { DropdownCommandMenu } from "./dropdown-menu.client.js";
+import { InlineCommandMenu } from "./inline-menu.client.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/commands/menus/responsive-menu.client.tsx
+function ResponsiveCommandMenu(props) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InlineCommandMenu, {
+		className: "hidden xl:flex",
+		...props
+	}), /* @__PURE__ */ jsx(DropdownCommandMenu, {
+		className: "xl:hidden",
+		...props
+	})] });
+}
+
+//#endregion
+export { ResponsiveCommandMenu };
+//# sourceMappingURL=responsive-menu.client.js.map

package/dist/modules/commands/menus/responsive-menu.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-menu.client.js","names":[],"sources":["../../../../src/modules/commands/menus/responsive-menu.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { SingleCommandMenuProps } from \"../hooks/use-command-menu.client\";\nimport { DropdownCommandMenu } from \"./dropdown-menu.client\";\nimport { InlineCommandMenu } from \"./inline-menu.client\";\n\ntype ResponsiveCommandMenuProps<TData, TMeta> = SingleCommandMenuProps<TData, TMeta>;\n\nexport function ResponsiveCommandMenu<TData, TMeta>(\n  props: ResponsiveCommandMenuProps<TData, TMeta>,\n) {\n  return (\n    <>\n      <InlineCommandMenu className=\"hidden xl:flex\" {...props} />\n      <DropdownCommandMenu className=\"xl:hidden\" {...props} />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,sBACd,OACA;AACA,QACE,4CACE,oBAAC;EAAkB,WAAU;EAAiB,GAAI;GAAS,EAC3D,oBAAC;EAAoB,WAAU;EAAY,GAAI;GAAS,IACvD"}

package/dist/modules/commands/utils/archive-command.client.d.ts

@@ -0,0 +1,33 @@
+import { BulkCommandAction } from "../hooks/use-command-action.client.js";
+import { BulkCommandDefRenderParams } from "../lib/definitions.js";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
+
+//#region src/modules/commands/utils/archive-command.client.d.ts
+type ArchiveCommandProps<TData extends {
+  id: string;
+}, TMeta> = {
+  action: BulkCommandAction;
+} & Pick<BulkCommandDefRenderParams<TData, TMeta>, "ids">;
+/**
+ * Archive command
+ * @description command to archive a resource
+ */
+declare function ArchiveCommand<TData extends {
+  id: string;
+}, TMeta>({
+  ids,
+  action
+}: ArchiveCommandProps<TData, TMeta>): react_jsx_runtime215.JSX.Element;
+/**
+ * Unarchive command
+ * @description command to unarchive a resource
+ */
+declare function RestoreCommand<TData extends {
+  id: string;
+}, TMeta>({
+  ids,
+  action
+}: ArchiveCommandProps<TData, TMeta>): react_jsx_runtime215.JSX.Element;
+//#endregion
+export { ArchiveCommand, ArchiveCommandProps, RestoreCommand };
+//# sourceMappingURL=archive-command.client.d.ts.map

package/dist/modules/commands/utils/archive-command.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archive-command.client.d.ts","names":[],"sources":["../../../../src/modules/commands/utils/archive-command.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAQY;;;EAAA,MAAA,EACF,iBADqB;CAAA,GAE3B,IAF2B,CAEtB,0BAFsB,CAEK,KAFL,EAEY,KAFZ,CAAA,EAAA,KAAA,CAAA;;;;;AAE3B,iBAMY,cANZ,CAAA,cAAA;EAAI,EAAA,EAAA,MAAA;AAMR,CAAA,EAAA,KAAgB,CAAA,CAAA;EAAA,GAAA;EAAA;AAAc,CAAA,EAG3B,mBAH2B,CAGP,KAHO,EAGA,KAHA,CAAA,CAAA,EAGM,oBAAA,CAAA,GAAA,CAAA,OAHN;;;;;AAGA,iBAkBd,cAlBc,CAAA,cAAA;MAA3B,MAAA;QAAiC,CAAA,CAAA;EAAA,GAAA;EAAA;AAAA,CAAA,EAqBjC,mBArBiC,CAqBb,KArBa,EAqBN,KArBM,CAAA,CAAA,EAqBA,oBAAA,CAAA,GAAA,CAAA,OArBA"}

package/dist/modules/commands/utils/archive-command.client.js

@@ -0,0 +1,39 @@
+"use client";
+
+
+import { Icons } from "../../../components/common/icons.js";
+import { CommandLabel } from "../components/command-trigger.client.js";
+import { CommandClick } from "../components/click-command.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/commands/utils/archive-command.client.tsx
+/**
+* Archive command
+* @description command to archive a resource
+*/
+function ArchiveCommand({ ids, action }) {
+	return /* @__PURE__ */ jsxs(CommandClick, {
+		action: () => action({ ids }),
+		message: "Succesvol gearchiveerd",
+		className: "text-destructive",
+		label: "Archiveren",
+		children: [/* @__PURE__ */ jsx(Icons.archive, { className: "text-destructive w-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+	});
+}
+/**
+* Unarchive command
+* @description command to unarchive a resource
+*/
+function RestoreCommand({ ids, action }) {
+	return /* @__PURE__ */ jsxs(CommandClick, {
+		className: "flex gap-2",
+		action: () => action({ ids }),
+		message: "Succesvol teruggezet",
+		label: "Terugzetten",
+		children: [/* @__PURE__ */ jsx(Icons.restore, { className: "w-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+	});
+}
+
+//#endregion
+export { ArchiveCommand, RestoreCommand };
+//# sourceMappingURL=archive-command.client.js.map

package/dist/modules/commands/utils/archive-command.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"archive-command.client.js","names":[],"sources":["../../../../src/modules/commands/utils/archive-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport { CommandClick } from \"../components/click-command.client\";\nimport { CommandLabel } from \"../components/command-trigger.client\";\nimport { BulkCommandAction } from \"../hooks/use-command-action.client\";\nimport { BulkCommandDefRenderParams } from \"../lib/definitions\";\n\nexport type ArchiveCommandProps<TData extends { id: string }, TMeta> = {\n  action: BulkCommandAction;\n} & Pick<BulkCommandDefRenderParams<TData, TMeta>, \"ids\">;\n\n/**\n * Archive command\n * @description command to archive a resource\n */\nexport function ArchiveCommand<TData extends { id: string }, TMeta>({\n  ids,\n  action,\n}: ArchiveCommandProps<TData, TMeta>) {\n  return (\n    <CommandClick\n      action={() => action({ ids })}\n      message=\"Succesvol gearchiveerd\"\n      className=\"text-destructive\"\n      label=\"Archiveren\"\n    >\n      <Icons.archive className=\"text-destructive w-4\" />\n      <CommandLabel />\n    </CommandClick>\n  );\n}\n\n/**\n * Unarchive command\n * @description command to unarchive a resource\n */\nexport function RestoreCommand<TData extends { id: string }, TMeta>({\n  ids,\n  action,\n}: ArchiveCommandProps<TData, TMeta>) {\n  return (\n    <CommandClick\n      className=\"flex gap-2\"\n      action={() => action({ ids })}\n      message=\"Succesvol teruggezet\"\n      label=\"Terugzetten\"\n    >\n      <Icons.restore className=\"w-4\" />\n      <CommandLabel />\n    </CommandClick>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,SAAgB,eAAoD,EAClE,KACA,UACoC;AACpC,QACE,qBAAC;EACC,cAAc,OAAO,EAAE,KAAK,CAAC;EAC7B,SAAQ;EACR,WAAU;EACV,OAAM;aAEN,oBAAC,MAAM,WAAQ,WAAU,yBAAyB,EAClD,oBAAC,iBAAe;GACH;;;;;;AAQnB,SAAgB,eAAoD,EAClE,KACA,UACoC;AACpC,QACE,qBAAC;EACC,WAAU;EACV,cAAc,OAAO,EAAE,KAAK,CAAC;EAC7B,SAAQ;EACR,OAAM;aAEN,oBAAC,MAAM,WAAQ,WAAU,QAAQ,EACjC,oBAAC,iBAAe;GACH"}

package/dist/modules/commands/utils/delete-command.client.d.ts

@@ -0,0 +1,23 @@
+import { BulkCommandAction } from "../hooks/use-command-action.client.js";
+import { BulkCommandDefRenderParams } from "../lib/definitions.js";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
+
+//#region src/modules/commands/utils/delete-command.client.d.ts
+type DeleteCommandProps<TData extends {
+  id: string;
+}, TMeta> = {
+  action: BulkCommandAction;
+} & Pick<BulkCommandDefRenderParams<TData, TMeta>, "ids">;
+/**
+ * Delete command
+ * @description command to delete a resource
+ */
+declare function DeleteCommand<TData extends {
+  id: string;
+}, TMeta>({
+  ids,
+  action
+}: DeleteCommandProps<TData, TMeta>): react_jsx_runtime217.JSX.Element;
+//#endregion
+export { DeleteCommand, DeleteCommandProps };
+//# sourceMappingURL=delete-command.client.d.ts.map

package/dist/modules/commands/utils/delete-command.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-command.client.d.ts","names":[],"sources":["../../../../src/modules/commands/utils/delete-command.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAkBY;;;EAAA,MAAA,EACF,iBADoB;CAAA,GAE1B,IAF0B,CAErB,0BAFqB,CAEM,KAFN,EAEa,KAFb,CAAA,EAAA,KAAA,CAAA;;;;;AAE1B,iBAMY,aANZ,CAAA,cAAA;EAAI,EAAA,EAAA,MAAA;AAMR,CAAA,EAAA,KAAgB,CAAA,CAAA;EAAA,GAAA;EAAA;AAAa,CAAA,EAG1B,kBAH0B,CAGP,KAHO,EAGA,KAHA,CAAA,CAAA,EAGM,oBAAA,CAAA,GAAA,CAAA,OAHN"}

package/dist/modules/commands/utils/delete-command.client.js

@@ -0,0 +1,28 @@
+"use client";
+
+
+import { Icons } from "../../../components/common/icons.js";
+import { CommandLabel } from "../components/command-trigger.client.js";
+import { CommandAlertDialog, CommandAlertDialogAction, CommandAlertDialogCancel, CommandAlertDialogContent, CommandAlertDialogDescription, CommandAlertDialogFooter, CommandAlertDialogHeader, CommandAlertDialogTitle, CommandAlertDialogTrigger } from "../components/alert-dialog-command.client.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/commands/utils/delete-command.client.tsx
+/**
+* Delete command
+* @description command to delete a resource
+*/
+function DeleteCommand({ ids, action }) {
+	return /* @__PURE__ */ jsxs(CommandAlertDialog, { children: [/* @__PURE__ */ jsxs(CommandAlertDialogTrigger, {
+		className: "text-destructive",
+		label: "Verwijderen",
+		children: [/* @__PURE__ */ jsx(Icons.trash, { className: "text-destructive w-4" }), /* @__PURE__ */ jsx(CommandLabel, {})]
+	}), /* @__PURE__ */ jsxs(CommandAlertDialogContent, { children: [/* @__PURE__ */ jsxs(CommandAlertDialogHeader, { children: [/* @__PURE__ */ jsx(CommandAlertDialogTitle, { children: "Weet je zeker dat je dit wilt verwijderen?" }), /* @__PURE__ */ jsx(CommandAlertDialogDescription, { children: "Dit kan niet ongedaan gemaakt worden en alle gegevens zullen verloren gaan." })] }), /* @__PURE__ */ jsxs(CommandAlertDialogFooter, { children: [/* @__PURE__ */ jsx(CommandAlertDialogCancel, { children: "Annuleren" }), /* @__PURE__ */ jsx(CommandAlertDialogAction, {
+		action: () => action({ ids }),
+		message: "Succesvol verwijderd",
+		children: "Verwijderen"
+	})] })] })] });
+}
+
+//#endregion
+export { DeleteCommand };
+//# sourceMappingURL=delete-command.client.js.map

package/dist/modules/commands/utils/delete-command.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-command.client.js","names":[],"sources":["../../../../src/modules/commands/utils/delete-command.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport {\n  CommandAlertDialog,\n  CommandAlertDialogAction,\n  CommandAlertDialogCancel,\n  CommandAlertDialogContent,\n  CommandAlertDialogDescription,\n  CommandAlertDialogFooter,\n  CommandAlertDialogHeader,\n  CommandAlertDialogTitle,\n  CommandAlertDialogTrigger,\n} from \"../components/alert-dialog-command.client\";\nimport { CommandLabel } from \"../components/command-trigger.client\";\nimport { BulkCommandAction } from \"../hooks/use-command-action.client\";\nimport { BulkCommandDefRenderParams } from \"../lib/definitions\";\n\nexport type DeleteCommandProps<TData extends { id: string }, TMeta> = {\n  action: BulkCommandAction;\n} & Pick<BulkCommandDefRenderParams<TData, TMeta>, \"ids\">;\n\n/**\n * Delete command\n * @description command to delete a resource\n */\nexport function DeleteCommand<TData extends { id: string }, TMeta>({\n  ids,\n  action,\n}: DeleteCommandProps<TData, TMeta>) {\n  return (\n    <CommandAlertDialog>\n      <CommandAlertDialogTrigger className=\"text-destructive\" label=\"Verwijderen\">\n        <Icons.trash className=\"text-destructive w-4\" />\n        <CommandLabel />\n      </CommandAlertDialogTrigger>\n\n      <CommandAlertDialogContent>\n        <CommandAlertDialogHeader>\n          <CommandAlertDialogTitle>\n            Weet je zeker dat je dit wilt verwijderen?\n          </CommandAlertDialogTitle>\n\n          <CommandAlertDialogDescription>\n            Dit kan niet ongedaan gemaakt worden en alle gegevens zullen verloren gaan.\n          </CommandAlertDialogDescription>\n        </CommandAlertDialogHeader>\n\n        <CommandAlertDialogFooter>\n          <CommandAlertDialogCancel>Annuleren</CommandAlertDialogCancel>\n          <CommandAlertDialogAction action={() => action({ ids })} message=\"Succesvol verwijderd\">\n            Verwijderen\n          </CommandAlertDialogAction>\n        </CommandAlertDialogFooter>\n      </CommandAlertDialogContent>\n    </CommandAlertDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA0BA,SAAgB,cAAmD,EACjE,KACA,UACmC;AACnC,QACE,qBAAC,iCACC,qBAAC;EAA0B,WAAU;EAAmB,OAAM;aAC5D,oBAAC,MAAM,SAAM,WAAU,yBAAyB,EAChD,oBAAC,iBAAe;GACU,EAE5B,qBAAC,wCACC,qBAAC,uCACC,oBAAC,qCAAwB,+CAEC,EAE1B,oBAAC,2CAA8B,gFAEC,IACP,EAE3B,qBAAC,uCACC,oBAAC,sCAAyB,cAAoC,EAC9D,oBAAC;EAAyB,cAAc,OAAO,EAAE,KAAK,CAAC;EAAE,SAAQ;YAAuB;GAE7D,IACF,IACD,IACT"}

package/dist/modules/commands/utils/send-mail-command.client.d.ts

@@ -0,0 +1,41 @@
+import { CommandAction } from "../hooks/use-command-action.client.js";
+import { CommandFormDialogTrigger } from "../components/form-dialog-command.client.js";
+import { SingleCommandDefRenderParams } from "../lib/definitions.js";
+import { SendEmailSchema } from "../lib/schema.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { DefaultValues, FieldValues } from "react-hook-form";
+import { ZodSchema } from "zod";
+
+//#region src/modules/commands/utils/send-mail-command.client.d.ts
+type SendMailCommandMeta = {
+  contacts: {
+    id: string;
+    name: string;
+    email: string;
+  }[];
+};
+type SendMailCommandProps<TSchema extends FieldValues, TData extends {
+  id: string;
+}, TMeta extends SendMailCommandMeta> = {
+  schema: ZodSchema<TSchema>;
+  action: CommandAction<TSchema>;
+  defaultValues?: DefaultValues<TSchema>;
+  children?: React.ReactNode;
+} & Pick<SingleCommandDefRenderParams<TData, TMeta>, "meta">;
+/**
+ * SendMail command
+ * @description command to delete a resource
+ */
+declare function SendMailCommand<TSchema extends SendEmailSchema, TData extends {
+  id: string;
+}, TMeta extends SendMailCommandMeta>({
+  schema,
+  action,
+  defaultValues,
+  meta,
+  children
+}: SendMailCommandProps<TSchema, TData, TMeta>): react_jsx_runtime5.JSX.Element;
+declare const SendMailCommandTrigger: typeof CommandFormDialogTrigger;
+//#endregion
+export { SendMailCommand, SendMailCommandMeta, SendMailCommandProps, SendMailCommandTrigger };
+//# sourceMappingURL=send-mail-command.client.d.ts.map

package/dist/modules/commands/utils/send-mail-command.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-mail-command.client.d.ts","names":[],"sources":["../../../../src/modules/commands/utils/send-mail-command.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAuCY,mBAAA;;;IAAA,IAAA,EAAA,MAAA;IAIA,KAAA,EAAA,MAAA;EAAoB,CAAA,EAAA;;AAGhB,KAHJ,oBAGI,CAAA,gBAFE,WAEF,EAAA,cAAA;MAEI,MAAA;iBAFJ,mBAEN,CAAA,GAAA;QACc,EADd,SACc,CADJ,OACI,CAAA;QAAd,EAAA,aAAA,CAAc,OAAd,CAAA;eACsB,CAAA,EAAd,aAAc,CAAA,OAAA,CAAA;UAAd,CAAA,EACL,KAAA,CAAM,SADD;IAEd,IADS,CACJ,4BADU,CACmB,KADnB,EAC0B,KAD1B,CAAA,EAAA,MAAA,CAAA;;;;;AACX,iBAMQ,eANR,CAAA,gBAOU,eAPV,EAAA,cAAA;EAMQ,EAAA,EAAA,MAAA;CAAe,EAAA,cAGf,mBAHe,CAAA,CAAA;EAAA,MAAA;EAAA,MAAA;EAAA,aAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAIsB,oBAJtB,CAI2C,OAJ3C,EAIoD,KAJpD,EAI2D,KAJ3D,CAAA,CAAA,EAIiE,kBAAA,CAAA,GAAA,CAAA,OAJjE;AACb,cA+HL,sBA/HK,EAAA,OA+HiB,wBA/HjB"}