@tulip-systems/core 0.4.0 → 0.4.1

package/dist/components/editor/components/block-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-dropdown.mjs","names":["Icon"],"sources":["../../../../src/components/editor/components/block-dropdown.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Editor } from \"@tiptap/react\";\nimport {\n  ChevronDown,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  Heading4Icon,\n  Heading5Icon,\n  ListIcon,\n  ListOrderedIcon,\n  TextIcon,\n} from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { EditorContext } from \"../context.client\";\n\nconst blocks = [\n  {\n    label: \"Paragraaf\",\n    icon: TextIcon,\n    selected: (editor: Editor) => editor.isActive(\"paragraph\"),\n    handler: (editor: Editor) => editor.commands.setParagraph(),\n  },\n  {\n    label: \"Titel 1\",\n    icon: Heading1Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 1 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 1 }),\n  },\n  {\n    label: \"Titel 2\",\n    icon: Heading2Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 2 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 2 }),\n  },\n  {\n    label: \"Titel 3\",\n    icon: Heading3Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 3 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 3 }),\n  },\n  {\n    label: \"Titel 4\",\n    icon: Heading4Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 4 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 4 }),\n  },\n  {\n    label: \"Titel 5\",\n    icon: Heading5Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 5 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 5 }),\n  },\n  {\n    label: \"Numbered List\",\n    icon: ListOrderedIcon,\n    selected: (editor: Editor) => editor.isActive(\"orderedList\"),\n    handler: (editor: Editor) => editor.commands.toggleOrderedList(),\n  },\n  {\n    label: \"Bulleted List\",\n    icon: ListIcon,\n    selected: (editor: Editor) => editor.isActive(\"bulletList\"),\n    handler: (editor: Editor) => editor.commands.toggleBulletList(),\n  },\n];\n\nexport function BlockDropdown() {\n  const { editor } = useContext(EditorContext);\n\n  const selectedBlock = blocks.find((block) => block.selected(editor));\n  const Icon = selectedBlock?.icon;\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\" className=\"flex items-center gap-8 p-2\">\n          <span className=\"flex items-center gap-2\">\n            {Icon && <Icon className=\"size-3.5\" />}\n            {selectedBlock?.label ?? \"Select a block\"}\n          </span>\n\n          <ChevronDown className=\"size-3.5\" />\n        </Button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent>\n        {blocks.map(({ label, icon: Icon, handler }, index) => (\n          <DropdownMenuItem\n            key={index}\n            onClick={() => handler(editor)}\n            className=\"flex items-center gap-2\"\n          >\n            {Icon && <Icon className=\"size-3.5\" />}\n            {label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;;AAsBA,MAAM,SAAS;CACb;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,YAAY;EAC1D,UAAU,WAAmB,OAAO,SAAS,cAAc;EAC5D;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,cAAc;EAC5D,UAAU,WAAmB,OAAO,SAAS,mBAAmB;EACjE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,aAAa;EAC3D,UAAU,WAAmB,OAAO,SAAS,kBAAkB;EAChE;CACF;AAED,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,WAAW,WAAW,cAAc;CAE5C,MAAM,gBAAgB,OAAO,MAAM,UAAU,MAAM,SAAS,OAAO,CAAC;CACpE,MAAM,OAAO,eAAe;AAE5B,QACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,MAAK;GAAK,WAAU;cAC5C,qBAAC;IAAK,WAAU;eACb,QAAQ,oBAAC,QAAK,WAAU,aAAa,EACrC,eAAe,SAAS;KACpB,EAEP,oBAAC,eAAY,WAAU,aAAa;IAC7B;GACW,EAEtB,oBAAC,iCACE,OAAO,KAAK,EAAE,OAAO,MAAMA,QAAM,WAAW,UAC3C,qBAAC;EAEC,eAAe,QAAQ,OAAO;EAC9B,WAAU;aAETA,UAAQ,oBAACA,UAAK,WAAU,aAAa,EACrC;IALI,MAMY,CACnB,GACkB,IACT"}

package/dist/components/editor/components/content.client.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime121 from "react/jsx-runtime";
+
+//#region src/components/editor/components/content.client.d.ts
+declare function EditorContent(): react_jsx_runtime121.JSX.Element;
+//#endregion
+export { EditorContent };
+//# sourceMappingURL=content.client.d.mts.map

package/dist/components/editor/components/content.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.d.mts","names":[],"sources":["../../../../src/components/editor/components/content.client.tsx"],"sourcesContent":[],"mappings":";;;iBAOgB,aAAA,CAAA,GAAa,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/editor/components/content.client.mjs

@@ -0,0 +1,17 @@
+"use client";
+
+import { TooltipProvider } from "../../ui/tooltip.client.mjs";
+import { EditorContext } from "../context.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { EditorContent } from "@tiptap/react";
+
+//#region src/components/editor/components/content.client.tsx
+function EditorContent$1() {
+	const { editor } = useContext(EditorContext);
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+}
+
+//#endregion
+export { EditorContent$1 as EditorContent };
+//# sourceMappingURL=content.client.mjs.map

package/dist/components/editor/components/content.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.mjs","names":["EditorContent","TiptapEditorContent"],"sources":["../../../../src/components/editor/components/content.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { TooltipProvider } from \"@/components/ui/tooltip.client\";\nimport { EditorContent as TiptapEditorContent } from \"@tiptap/react\";\nimport { useContext } from \"react\";\nimport { EditorContext } from \"../context.client\";\n\nexport function EditorContent() {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <TooltipProvider>\n      <TiptapEditorContent editor={editor} />\n    </TooltipProvider>\n  );\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgBA,kBAAgB;CAC9B,MAAM,EAAE,WAAW,WAAW,cAAc;AAE5C,QACE,oBAAC,6BACC,oBAACC,iBAA4B,SAAU,GACvB"}

package/dist/components/editor/components/fixed-menu.client.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime122 from "react/jsx-runtime";
+
+//#region src/components/editor/components/fixed-menu.client.d.ts
+declare function FixedMenu(): react_jsx_runtime122.JSX.Element;
+//#endregion
+export { FixedMenu };
+//# sourceMappingURL=fixed-menu.client.d.mts.map

package/dist/components/editor/components/fixed-menu.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed-menu.client.d.mts","names":[],"sources":["../../../../src/components/editor/components/fixed-menu.client.tsx"],"sourcesContent":[],"mappings":";;;iBAmBgB,SAAA,CAAA,GAAS,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/editor/components/fixed-menu.client.mjs

@@ -0,0 +1,134 @@
+import { Button } from "../../ui/button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
+import { Separator } from "../../ui/separator.mjs";
+import { EditorContext } from "../context.client.mjs";
+import { ColorPicker } from "../../ui/color-picker.client.mjs";
+import { BlockDropdown } from "./block-dropdown.mjs";
+import { BaselineIcon, BoldIcon, EraserIcon, ItalicIcon, PaintBucketIcon, RedoIcon, StrikethroughIcon, UnderlineIcon, UndoIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+
+//#region src/components/editor/components/fixed-menu.client.tsx
+function FixedMenu() {
+	const { editor } = useContext(EditorContext);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-input bg-muted/30 z-10 flex items-center gap-3 overflow-auto border-b p-2",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => editor.commands.undo(),
+					disabled: !editor?.can().undo(),
+					type: "button",
+					"aria-label": "Undo",
+					size: "icon",
+					className: "p-2",
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(UndoIcon, { className: "size-3.5" })
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: () => editor.commands.redo(),
+					disabled: !editor?.can().redo(),
+					type: "button",
+					"aria-label": "Redo",
+					size: "icon",
+					className: "p-2",
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(RedoIcon, { className: "size-3.5" })
+				})]
+			}),
+			/* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "h-8"
+			}),
+			/* @__PURE__ */ jsx(BlockDropdown, {}),
+			/* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "h-8"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("bold") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleBold().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(BoldIcon, { className: "h-3.5 w-3.5" })
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("italic") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleItalic().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(ItalicIcon, { className: "size-3.5" })
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("underline") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleUnderline().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(UnderlineIcon, { className: "size-3.5" })
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("strike") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleStrike().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(StrikethroughIcon, { className: "size-3.5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "h-8"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "icon",
+							variant: "outline",
+							children: /* @__PURE__ */ jsx(BaselineIcon, { className: "size-3.5" })
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						className: "w-fit p-0",
+						children: /* @__PURE__ */ jsx(ColorPicker, { onValueChange: (color) => editor.chain().focus().setColor(color).run() })
+					})] }),
+					/* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "icon",
+							variant: "outline",
+							disabled: !editor?.can().setHighlight(),
+							children: /* @__PURE__ */ jsx(PaintBucketIcon, { className: "size-3.5" })
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						className: "w-fit p-0",
+						children: /* @__PURE__ */ jsx(ColorPicker, { onValueChange: (color) => editor.chain().focus().setHighlight({ color }).run() })
+					})] }),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: "outline",
+						className: "border",
+						onClick: () => {
+							editor.commands.unsetColor();
+							editor.commands.unsetHighlight();
+						},
+						children: /* @__PURE__ */ jsx(EraserIcon, { className: "h-4 w-4" })
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { FixedMenu };
+//# sourceMappingURL=fixed-menu.client.mjs.map

package/dist/components/editor/components/fixed-menu.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed-menu.client.mjs","names":[],"sources":["../../../../src/components/editor/components/fixed-menu.client.tsx"],"sourcesContent":["import { ColorPicker } from \"@/components/ui/color-picker.client\";\nimport { Button } from \"@/components/ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n  BaselineIcon,\n  BoldIcon,\n  EraserIcon,\n  ItalicIcon,\n  PaintBucketIcon,\n  RedoIcon,\n  StrikethroughIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { EditorContext } from \"../context.client\";\nimport { BlockDropdown } from \"./block-dropdown\";\n\nexport function FixedMenu() {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <div className=\"border-input bg-muted/30 z-10 flex items-center gap-3 overflow-auto border-b p-2\">\n      <div className=\"flex items-center gap-1\">\n        <Button\n          onClick={() => editor.commands.undo()}\n          disabled={!editor?.can().undo()}\n          type=\"button\"\n          aria-label=\"Undo\"\n          size=\"icon\"\n          className=\"p-2\"\n          variant=\"outline\"\n        >\n          <UndoIcon className=\"size-3.5\" />\n        </Button>\n\n        <Button\n          onClick={() => editor.commands.redo()}\n          disabled={!editor?.can().redo()}\n          type=\"button\"\n          aria-label=\"Redo\"\n          size=\"icon\"\n          className=\"p-2\"\n          variant=\"outline\"\n        >\n          <RedoIcon className=\"size-3.5\" />\n        </Button>\n      </div>\n\n      <Separator orientation=\"vertical\" className=\"h-8\" />\n\n      <BlockDropdown />\n\n      <Separator orientation=\"vertical\" className=\"h-8\" />\n\n      <div className=\"flex items-center gap-1\">\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"bold\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleBold().run()}\n          className=\"border\"\n        >\n          <BoldIcon className=\"h-3.5 w-3.5\" />\n        </Button>\n\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"italic\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleItalic().run()}\n          className=\"border\"\n        >\n          <ItalicIcon className=\"size-3.5\" />\n        </Button>\n\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"underline\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleUnderline().run()}\n          className=\"border\"\n        >\n          <UnderlineIcon className=\"size-3.5\" />\n        </Button>\n\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant={editor?.isActive(\"strike\") ? \"secondary\" : \"outline\"}\n          onClick={() => editor.chain().focus().toggleStrike().run()}\n          className=\"border\"\n        >\n          <StrikethroughIcon className=\"size-3.5\" />\n        </Button>\n      </div>\n\n      <Separator orientation=\"vertical\" className=\"h-8\" />\n\n      <div className=\"flex items-center gap-1\">\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\">\n              <BaselineIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker onValueChange={(color) => editor.chain().focus().setColor(color).run()} />\n          </PopoverContent>\n        </Popover>\n\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button size=\"icon\" variant=\"outline\" disabled={!editor?.can().setHighlight()}>\n              <PaintBucketIcon className=\"size-3.5\" />\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-fit p-0\">\n            <ColorPicker\n              onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}\n            />\n          </PopoverContent>\n        </Popover>\n\n        <Button\n          type=\"button\"\n          size=\"icon\"\n          variant=\"outline\"\n          className=\"border\"\n          onClick={() => {\n            editor.commands.unsetColor();\n            editor.commands.unsetHighlight();\n          }}\n        >\n          <EraserIcon className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,YAAY;CAC1B,MAAM,EAAE,WAAW,WAAW,cAAc;AAE5C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,eAAe,OAAO,SAAS,MAAM;KACrC,UAAU,CAAC,QAAQ,KAAK,CAAC,MAAM;KAC/B,MAAK;KACL,cAAW;KACX,MAAK;KACL,WAAU;KACV,SAAQ;eAER,oBAAC,YAAS,WAAU,aAAa;MAC1B,EAET,oBAAC;KACC,eAAe,OAAO,SAAS,MAAM;KACrC,UAAU,CAAC,QAAQ,KAAK,CAAC,MAAM;KAC/B,MAAK;KACL,cAAW;KACX,MAAK;KACL,WAAU;KACV,SAAQ;eAER,oBAAC,YAAS,WAAU,aAAa;MAC1B;KACL;GAEN,oBAAC;IAAU,aAAY;IAAW,WAAU;KAAQ;GAEpD,oBAAC,kBAAgB;GAEjB,oBAAC;IAAU,aAAY;IAAW,WAAU;KAAQ;GAEpD,qBAAC;IAAI,WAAU;;KACb,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAS,QAAQ,SAAS,OAAO,GAAG,cAAc;MAClD,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK;MACxD,WAAU;gBAEV,oBAAC,YAAS,WAAU,gBAAgB;OAC7B;KAET,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAS,QAAQ,SAAS,SAAS,GAAG,cAAc;MACpD,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK;MAC1D,WAAU;gBAEV,oBAAC,cAAW,WAAU,aAAa;OAC5B;KAET,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAS,QAAQ,SAAS,YAAY,GAAG,cAAc;MACvD,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK;MAC7D,WAAU;gBAEV,oBAAC,iBAAc,WAAU,aAAa;OAC/B;KAET,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAS,QAAQ,SAAS,SAAS,GAAG,cAAc;MACpD,eAAe,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK;MAC1D,WAAU;gBAEV,oBAAC,qBAAkB,WAAU,aAAa;OACnC;;KACL;GAEN,oBAAC;IAAU,aAAY;IAAW,WAAU;KAAQ;GAEpD,qBAAC;IAAI,WAAU;;KACb,qBAAC,sBACC,oBAAC;MAAe;gBACd,oBAAC;OAAO,MAAK;OAAO,SAAQ;iBAC1B,oBAAC,gBAAa,WAAU,aAAa;QAC9B;OACM,EAEjB,oBAAC;MAAe,WAAU;gBACxB,oBAAC,eAAY,gBAAgB,UAAU,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,MAAM,CAAC,KAAK,GAAI;OACxE,IACT;KAEV,qBAAC,sBACC,oBAAC;MAAe;gBACd,oBAAC;OAAO,MAAK;OAAO,SAAQ;OAAU,UAAU,CAAC,QAAQ,KAAK,CAAC,cAAc;iBAC3E,oBAAC,mBAAgB,WAAU,aAAa;QACjC;OACM,EAEjB,oBAAC;MAAe,WAAU;gBACxB,oBAAC,eACC,gBAAgB,UAAU,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,KAAK,GAC9E;OACa,IACT;KAEV,oBAAC;MACC,MAAK;MACL,MAAK;MACL,SAAQ;MACR,WAAU;MACV,eAAe;AACb,cAAO,SAAS,YAAY;AAC5B,cAAO,SAAS,gBAAgB;;gBAGlC,oBAAC,cAAW,WAAU,YAAY;OAC3B;;KACL;;GACF"}

package/dist/components/editor/context.client.d.mts

@@ -0,0 +1,33 @@
+import { EditorJSONContent } from "./lib/types.mjs";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
+import * as react7 from "react";
+import { PropsWithChildren } from "react";
+import { Content, Editor } from "@tiptap/react";
+
+//#region src/components/editor/context.client.d.ts
+/**
+ * Editor context
+ */
+type EditorContextValue = {
+  editor: Editor;
+};
+declare const EditorContext: react7.Context<EditorContextValue>;
+/**
+ * Editor context provider
+ */
+type EditorContextProviderProps = PropsWithChildren<{
+  value?: Content;
+  onChange?: (value: EditorJSONContent) => void;
+  disabled?: boolean;
+  className?: string;
+}>;
+declare function EditorContextProvider({
+  value,
+  onChange,
+  disabled,
+  className,
+  children
+}: EditorContextProviderProps): react_jsx_runtime123.JSX.Element | null;
+//#endregion
+export { EditorContext, EditorContextProvider };
+//# sourceMappingURL=context.client.d.mts.map

package/dist/components/editor/context.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../src/components/editor/context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;KAgBK,kBAAA;EAAA,MAAA,EACK,MADL;AAIL,CAAA;AAKK,cALQ,aAKkB,EALL,MAAA,CAAA,OAKK,CALL,kBAKK,CAAA;;;;KAA1B,0BAAA,GAA6B,iBAAiB,CAAA;EAOnC,KAAA,CAAA,EANN,OAMM;EACd,QAAA,CAAA,EAAA,CAAA,KAAA,EANmB,iBAMnB,EAAA,GAAA,IAAA;EACA,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;CACA,CAAA;AACA,iBALc,qBAAA,CAKd;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EACC,0BADD,CAAA,EAC2B,oBAAA,CAAA,GAAA,CAAA,OAAA,GAD3B,IAAA"}

package/dist/components/editor/context.client.mjs

@@ -0,0 +1,45 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createContext } from "react";
+import StarterKit from "@tiptap/starter-kit";
+import { useEditor } from "@tiptap/react";
+import { Color } from "@tiptap/extension-color";
+import Highlight from "@tiptap/extension-highlight";
+import Link from "@tiptap/extension-link";
+import { TextStyle } from "@tiptap/extension-text-style";
+import Underline from "@tiptap/extension-underline";
+
+//#region src/components/editor/context.client.tsx
+const EditorContext = createContext({});
+function EditorContextProvider({ value, onChange, disabled, className, children }) {
+	const editor = useEditor({
+		extensions: [
+			StarterKit,
+			Underline,
+			Link,
+			TextStyle,
+			Color,
+			Highlight.configure({ multicolor: true })
+		],
+		content: value,
+		onUpdate: ({ editor: editor$1 }) => onChange?.(editor$1.getJSON()),
+		editable: !disabled,
+		injectCSS: false,
+		immediatelyRender: false,
+		editorProps: {
+			transformPastedHTML: (html) => html.replace(/<img.*?>/g, ""),
+			attributes: { class: cn("prose max-w-full min-h-96 dark:prose-invert p-5 focus:outline-none prose-a:text-primary prose-li:marker:text-primary", className) }
+		}
+	});
+	if (!editor) return null;
+	return /* @__PURE__ */ jsx(EditorContext.Provider, {
+		value: { editor },
+		children
+	});
+}
+
+//#endregion
+export { EditorContext, EditorContextProvider };
+//# sourceMappingURL=context.client.mjs.map

package/dist/components/editor/context.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.client.mjs","names":["editor"],"sources":["../../../src/components/editor/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { Color } from \"@tiptap/extension-color\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport Link from \"@tiptap/extension-link\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { Content, Editor, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { createContext, PropsWithChildren } from \"react\";\nimport { EditorJSONContent } from \"./lib/types\";\n\n/**\n * Editor context\n */\ntype EditorContextValue = {\n  editor: Editor;\n};\n\nexport const EditorContext = createContext({} as EditorContextValue);\n\n/**\n * Editor context provider\n */\ntype EditorContextProviderProps = PropsWithChildren<{\n  value?: Content;\n  onChange?: (value: EditorJSONContent) => void;\n  disabled?: boolean;\n  className?: string;\n}>;\n\nexport function EditorContextProvider({\n  value,\n  onChange,\n  disabled,\n  className,\n  children,\n}: EditorContextProviderProps) {\n  // const { uploadImage } = useUploadEditor();\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit,\n      Underline,\n      Link,\n      TextStyle,\n      Color,\n      Highlight.configure({ multicolor: true }),\n      // Image.configure({\n      //   allowBase64: false,\n      // }),\n      // FileHandler.configure({\n      //   allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n      //   onDrop: (currentEditor, files, pos) => {\n      //     files.forEach((file) => {\n      //       const fileReader = new FileReader();\n\n      //       fileReader.readAsArrayBuffer(file);\n      //       fileReader.onload = async () => {\n      //         const response = await uploadImage(file);\n      //         if (!response) return;\n\n      //         currentEditor\n      //           .chain()\n      //           .insertContentAt(pos, {\n      //             type: \"image\",\n      //             attrs: { src: response.url },\n      //           })\n      //           .focus()\n      //           .run();\n      //       };\n      //     });\n      //   },\n      //   onPaste: (currentEditor, files) => {\n      //     files.forEach((file) => {\n      //       const fileReader = new FileReader();\n\n      //       fileReader.readAsArrayBuffer(file);\n      //       fileReader.onload = async () => {\n      //         const response = await uploadImage(file);\n      //         if (!response) return;\n\n      //         currentEditor\n      //           .chain()\n      //           .insertContentAt(currentEditor.state.selection.anchor, {\n      //             type: \"image\",\n      //             attrs: { src: response.url },\n      //           })\n      //           .focus()\n      //           .run();\n      //       };\n      //     });\n      //   },\n      // }),\n    ],\n    content: value,\n    onUpdate: ({ editor }) => onChange?.(editor.getJSON()),\n    editable: !disabled,\n    injectCSS: false,\n    immediatelyRender: false,\n    editorProps: {\n      transformPastedHTML: (html) => html.replace(/<img.*?>/g, \"\"),\n      attributes: {\n        class: cn(\n          \"prose max-w-full min-h-96 dark:prose-invert p-5 focus:outline-none prose-a:text-primary prose-li:marker:text-primary\",\n          className,\n        ),\n      },\n    },\n  });\n\n  if (!editor) return null;\n\n  return <EditorContext.Provider value={{ editor }}>{children}</EditorContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAa,gBAAgB,cAAc,EAAE,CAAuB;AAYpE,SAAgB,sBAAsB,EACpC,OACA,UACA,UACA,WACA,YAC6B;CAG7B,MAAM,SAAS,UAAU;EACvB,YAAY;GACV;GACA;GACA;GACA;GACA;GACA,UAAU,UAAU,EAAE,YAAY,MAAM,CAAC;GA+C1C;EACD,SAAS;EACT,WAAW,EAAE,uBAAa,WAAWA,SAAO,SAAS,CAAC;EACtD,UAAU,CAAC;EACX,WAAW;EACX,mBAAmB;EACnB,aAAa;GACX,sBAAsB,SAAS,KAAK,QAAQ,aAAa,GAAG;GAC5D,YAAY,EACV,OAAO,GACL,wHACA,UACD,EACF;GACF;EACF,CAAC;AAEF,KAAI,CAAC,OAAQ,QAAO;AAEpB,QAAO,oBAAC,cAAc;EAAS,OAAO,EAAE,QAAQ;EAAG;GAAkC"}

package/dist/components/editor/index.client.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime124 from "react/jsx-runtime";
+import { HTMLAttributes } from "react";
+
+//#region src/components/editor/index.client.d.ts
+declare function Editor({
+  className,
+  ...props
+}: HTMLAttributes<HTMLDivElement>): react_jsx_runtime124.JSX.Element;
+//#endregion
+export { Editor };
+//# sourceMappingURL=index.client.d.mts.map

package/dist/components/editor/index.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.mts","names":[],"sources":["../../../src/components/editor/index.client.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,MAAA;;;GAAgC,eAAe,kBAAe,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/editor/index.client.mjs

@@ -0,0 +1,17 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { EditorContent } from "./components/content.client.mjs";
+import { FixedMenu } from "./components/fixed-menu.client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/editor/index.client.tsx
+function Editor({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("border-input rounded-lg border", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(FixedMenu, {}), /* @__PURE__ */ jsx(EditorContent, {})]
+	});
+}
+
+//#endregion
+export { Editor };
+//# sourceMappingURL=index.client.mjs.map

package/dist/components/editor/index.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.mjs","names":[],"sources":["../../../src/components/editor/index.client.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport { type HTMLAttributes } from \"react\";\nimport { EditorContent } from \"./components/content.client\";\nimport { FixedMenu } from \"./components/fixed-menu.client\";\n\nexport function Editor({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div className={cn(\"border-input rounded-lg border\", className)} {...props}>\n      <FixedMenu />\n      <EditorContent />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,OAAO,EAAE,WAAW,GAAG,SAAyC;AAC9E,QACE,qBAAC;EAAI,WAAW,GAAG,kCAAkC,UAAU;EAAE,GAAI;aACnE,oBAAC,cAAY,EACb,oBAAC,kBAAgB;GACb"}

package/dist/components/editor/lib/helpers.d.mts

@@ -0,0 +1,15 @@
+import { EditorJSONContent } from "./types.mjs";
+
+//#region src/components/editor/lib/helpers.d.ts
+
+/**
+ * Convert text to editor content
+ */
+declare function convertHTMLToEditorContent(html: string): EditorJSONContent;
+/**
+ * Convert editor content to text
+ */
+declare function convertEditorContentToHTML(content: EditorJSONContent): string;
+//#endregion
+export { convertEditorContentToHTML, convertHTMLToEditorContent };
+//# sourceMappingURL=helpers.d.mts.map

package/dist/components/editor/lib/helpers.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.mts","names":[],"sources":["../../../../src/components/editor/lib/helpers.ts"],"sourcesContent":[],"mappings":";;;;;;AAOA;AAOgB,iBAPA,0BAAA,CAOoC,IAAA,EAAA,MAAA,CAAiB,EAPX,iBAOW;;;;iBAArD,0BAAA,UAAoC"}

package/dist/components/editor/lib/helpers.mjs

@@ -0,0 +1,20 @@
+import { generateHTML, generateJSON } from "@tiptap/html";
+import StarterKit from "@tiptap/starter-kit";
+
+//#region src/components/editor/lib/helpers.ts
+/**
+* Convert text to editor content
+*/
+function convertHTMLToEditorContent(html) {
+	return generateJSON(html, [StarterKit]);
+}
+/**
+* Convert editor content to text
+*/
+function convertEditorContentToHTML(content) {
+	return generateHTML(content, [StarterKit]);
+}
+
+//#endregion
+export { convertEditorContentToHTML, convertHTMLToEditorContent };
+//# sourceMappingURL=helpers.mjs.map

package/dist/components/editor/lib/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/components/editor/lib/helpers.ts"],"sourcesContent":["import { generateHTML, generateJSON } from \"@tiptap/html\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { EditorJSONContent } from \"./types\";\n\n/**\n * Convert text to editor content\n */\nexport function convertHTMLToEditorContent(html: string): EditorJSONContent {\n  return generateJSON(html, [StarterKit]);\n}\n\n/**\n * Convert editor content to text\n */\nexport function convertEditorContentToHTML(content: EditorJSONContent): string {\n  return generateHTML(content, [StarterKit]);\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,2BAA2B,MAAiC;AAC1E,QAAO,aAAa,MAAM,CAAC,WAAW,CAAC;;;;;AAMzC,SAAgB,2BAA2B,SAAoC;AAC7E,QAAO,aAAa,SAAS,CAAC,WAAW,CAAC"}

package/dist/components/editor/lib/types.d.mts

@@ -0,0 +1,11 @@
+import { JSONContent } from "@tiptap/react";
+
+//#region src/components/editor/lib/types.d.ts
+
+/**
+ * Types
+ */
+type EditorJSONContent = JSONContent;
+//#endregion
+export { EditorJSONContent };
+//# sourceMappingURL=types.d.mts.map

package/dist/components/editor/lib/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../../../src/components/editor/lib/types.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;KAAY,iBAAA,GAAoB"}

package/dist/components/editor/preview.client.d.mts

@@ -0,0 +1,12 @@
+import { EditorJSONContent } from "./lib/types.mjs";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
+
+//#region src/components/editor/preview.client.d.ts
+declare function EditorPreview({
+  value
+}: {
+  value?: EditorJSONContent;
+}): react_jsx_runtime125.JSX.Element;
+//#endregion
+export { EditorPreview };
+//# sourceMappingURL=preview.client.d.mts.map

package/dist/components/editor/preview.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.client.d.mts","names":[],"sources":["../../../src/components/editor/preview.client.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,aAAA;;;UAAmC;IAAmB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/editor/preview.client.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { EditorContextProvider } from "./context.client.mjs";
+import { EditorContent } from "./components/content.client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/editor/preview.client.tsx
+function EditorPreview({ value }) {
+	return /* @__PURE__ */ jsx(EditorContextProvider, {
+		value,
+		className: "min-h-0 p-0",
+		disabled: true,
+		children: /* @__PURE__ */ jsx(EditorContent, {})
+	});
+}
+
+//#endregion
+export { EditorPreview };
+//# sourceMappingURL=preview.client.mjs.map

package/dist/components/editor/preview.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.client.mjs","names":[],"sources":["../../../src/components/editor/preview.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { EditorContent } from \"./components/content.client\";\nimport { EditorContextProvider } from \"./context.client\";\nimport { EditorJSONContent } from \"./lib/types\";\n\nexport function EditorPreview({ value }: { value?: EditorJSONContent }) {\n  return (\n    <EditorContextProvider value={value} className=\"min-h-0 p-0\" disabled>\n      <EditorContent />\n    </EditorContextProvider>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,cAAc,EAAE,SAAwC;AACtE,QACE,oBAAC;EAA6B;EAAO,WAAU;EAAc;YAC3D,oBAAC,kBAAgB;GACK"}

package/dist/components/emails/forget-password-email.mjs

@@ -0,0 +1,52 @@
+import { Icons } from "../common/icons.mjs";
+import { url } from "../../lib/utils/url.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Body, Button, Container, Head, Heading, Html, Preview, Section, Tailwind, Text } from "@react-email/components";
+
+//#region src/components/emails/forget-password-email.tsx
+function ForgetPasswordEmail({ resetPasswordHref }) {
+	return /* @__PURE__ */ jsxs(Html, { children: [
+		/* @__PURE__ */ jsx(Head, {}),
+		/* @__PURE__ */ jsx(Preview, { children: "Herstel je wachtwoord" }),
+		/* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(Body, {
+			className: "mx-auto my-auto bg-white px-2 font-sans",
+			children: /* @__PURE__ */ jsxs(Container, {
+				className: "mx-auto my-[40px] max-w-[465px] rounded border border-solid border-[#eaeaea] p-[20px]",
+				children: [
+					/* @__PURE__ */ jsx(Icons.logo, { className: "w-8" }),
+					/* @__PURE__ */ jsxs(Section, {
+						className: "my-[15px]",
+						children: [
+							/* @__PURE__ */ jsx(Heading, {
+								className: "mx-0 my-[20px] p-0 text-[24px] font-bold text-black",
+								children: "Herstel uw wachtwoord"
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								className: "text-[14px] leading-[24px] text-black",
+								children: "Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit was, kunt u hier een nieuw wachtwoord instellen:"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								className: "rounded bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline",
+								href: resetPasswordHref,
+								children: "Reset password"
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] leading-[20px] text-black",
+						children: "Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en verwijder dit bericht gewoon en verwijdert u."
+					}), /* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] leading-[20px] text-black",
+						children: "Stuur deze e-mail niet door om uw account veilig te houden."
+					})] })
+				]
+			})
+		}) })
+	] });
+}
+ForgetPasswordEmail.PreviewProps = { resetPasswordHref: url("/auth/reset-password") };
+var forget_password_email_default = ForgetPasswordEmail;
+
+//#endregion
+export { forget_password_email_default as default };
+//# sourceMappingURL=forget-password-email.mjs.map

package/dist/components/emails/forget-password-email.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forget-password-email.mjs","names":[],"sources":["../../../src/components/emails/forget-password-email.tsx"],"sourcesContent":["import { url } from \"@/lib/utils/url\";\nimport {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Html,\n  Preview,\n  Section,\n  Tailwind,\n  Text,\n} from \"@react-email/components\";\nimport { Icons } from \"../common/icons\";\n\ninterface ForgetPasswordEmailProps {\n  resetPasswordHref: string;\n}\n\nexport function ForgetPasswordEmail({ resetPasswordHref }: ForgetPasswordEmailProps) {\n  return (\n    <Html>\n      <Head />\n      <Preview>Herstel je wachtwoord</Preview>\n\n      <Tailwind>\n        <Body className=\"mx-auto my-auto bg-white px-2 font-sans\">\n          <Container className=\"mx-auto my-[40px] max-w-[465px] rounded border border-solid border-[#eaeaea] p-[20px]\">\n            <Icons.logo className=\"w-8\" />\n\n            <Section className=\"my-[15px]\">\n              <Heading className=\"mx-0 my-[20px] p-0 text-[24px] font-bold text-black\">\n                Herstel uw wachtwoord\n              </Heading>\n\n              <Text className=\"text-[14px] leading-[24px] text-black\">\n                Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit\n                was, kunt u hier een nieuw wachtwoord instellen:\n              </Text>\n\n              <Button\n                className=\"rounded bg-[#000000] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline\"\n                href={resetPasswordHref}\n              >\n                Reset password\n              </Button>\n            </Section>\n\n            <Section>\n              <Text className=\"text-[12px] leading-[20px] text-black\">\n                Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en\n                verwijder dit bericht gewoon en verwijdert u.\n              </Text>\n\n              <Text className=\"text-[12px] leading-[20px] text-black\">\n                Stuur deze e-mail niet door om uw account veilig te houden.\n              </Text>\n            </Section>\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nForgetPasswordEmail.PreviewProps = {\n  resetPasswordHref: url(\"/auth/reset-password\"),\n} as ForgetPasswordEmailProps;\n\nexport default ForgetPasswordEmail;\n"],"mappings":";;;;;;AAmBA,SAAgB,oBAAoB,EAAE,qBAA+C;AACnF,QACE,qBAAC;EACC,oBAAC,SAAO;EACR,oBAAC,qBAAQ,0BAA+B;EAExC,oBAAC,sBACC,oBAAC;GAAK,WAAU;aACd,qBAAC;IAAU,WAAU;;KACnB,oBAAC,MAAM,QAAK,WAAU,QAAQ;KAE9B,qBAAC;MAAQ,WAAU;;OACjB,oBAAC;QAAQ,WAAU;kBAAsD;SAE/D;OAEV,oBAAC;QAAK,WAAU;kBAAwC;SAGjD;OAEP,oBAAC;QACC,WAAU;QACV,MAAM;kBACP;SAEQ;;OACD;KAEV,qBAAC,sBACC,oBAAC;MAAK,WAAU;gBAAwC;OAGjD,EAEP,oBAAC;MAAK,WAAU;gBAAwC;OAEjD,IACC;;KACA;IACP,GACE;KACN;;AAIX,oBAAoB,eAAe,EACjC,mBAAmB,IAAI,uBAAuB,EAC/C;AAED,oCAAe"}

package/dist/components/header/back-button.client.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime126 from "react/jsx-runtime";
+
+//#region src/components/header/back-button.client.d.ts
+declare function HeaderTopbarBackButton({
+  className,
+  ...props
+}: React.HtmlHTMLAttributes<HTMLButtonElement>): react_jsx_runtime126.JSX.Element;
+//#endregion
+export { HeaderTopbarBackButton };
+//# sourceMappingURL=back-button.client.d.mts.map

package/dist/components/header/back-button.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-button.client.d.mts","names":[],"sources":["../../../src/components/header/back-button.client.tsx"],"sourcesContent":[],"mappings":";;;iBAagB,sBAAA;;;GAGb,KAAA,CAAM,mBAAmB,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/header/back-button.client.mjs

@@ -0,0 +1,43 @@
+"use client";
+
+import { Icons } from "../common/icons.mjs";
+import { cn } from "../../lib/utils/cn.mjs";
+import { Button } from "../ui/button.mjs";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+
+//#region src/components/header/back-button.client.tsx
+function HeaderTopbarBackButton({ className, ...props }) {
+	const router = useRouter();
+	return /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			...props,
+			variant: "ghost",
+			onClick: () => router.back(),
+			className: cn("text-muted-foreground hover:text-foreground w-content h-full rounded-none border-r p-0", className),
+			children: /* @__PURE__ */ jsx(Icons.chevronLeft, { className: "opacity-50" })
+		})
+	}), /* @__PURE__ */ jsxs(ContextMenuContent, { children: [
+		/* @__PURE__ */ jsxs(ContextMenuItem, {
+			className: "flex gap-3",
+			onClick: () => router.back(),
+			children: [/* @__PURE__ */ jsx(Icons.moveLeft, { className: "w-4" }), "Terug"]
+		}),
+		/* @__PURE__ */ jsxs(ContextMenuItem, {
+			className: "flex gap-3",
+			onClick: () => router.forward(),
+			children: [/* @__PURE__ */ jsx(Icons.moveRight, { className: "w-4" }), "Vooruit"]
+		}),
+		/* @__PURE__ */ jsxs(ContextMenuItem, {
+			className: "flex gap-3",
+			onClick: () => router.refresh(),
+			children: [/* @__PURE__ */ jsx(Icons.refresh, { className: "w-3.5" }), "Verversen"]
+		})
+	] })] });
+}
+
+//#endregion
+export { HeaderTopbarBackButton };
+//# sourceMappingURL=back-button.client.mjs.map

package/dist/components/header/back-button.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-button.client.mjs","names":[],"sources":["../../../src/components/header/back-button.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icons } from \"@/components/common/icons\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuTrigger,\n} from \"@/components/ui/context-menu\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { useRouter } from \"next/navigation\";\n\nexport function HeaderTopbarBackButton({\n  className,\n  ...props\n}: React.HtmlHTMLAttributes<HTMLButtonElement>) {\n  const router = useRouter();\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger asChild>\n        <Button\n          {...props}\n          variant=\"ghost\"\n          onClick={() => router.back()}\n          className={cn(\n            \"text-muted-foreground hover:text-foreground w-content h-full rounded-none border-r p-0\",\n            className,\n          )}\n        >\n          <Icons.chevronLeft className=\"opacity-50\" />\n        </Button>\n      </ContextMenuTrigger>\n\n      <ContextMenuContent>\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.back()}>\n          <Icons.moveLeft className=\"w-4\" />\n          Terug\n        </ContextMenuItem>\n\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.forward()}>\n          <Icons.moveRight className=\"w-4\" />\n          Vooruit\n        </ContextMenuItem>\n\n        <ContextMenuItem className=\"flex gap-3\" onClick={() => router.refresh()}>\n          <Icons.refresh className=\"w-3.5\" />\n          Verversen\n        </ContextMenuItem>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,uBAAuB,EACrC,WACA,GAAG,SAC2C;CAC9C,MAAM,SAAS,WAAW;AAE1B,QACE,qBAAC,0BACC,oBAAC;EAAmB;YAClB,oBAAC;GACC,GAAI;GACJ,SAAQ;GACR,eAAe,OAAO,MAAM;GAC5B,WAAW,GACT,0FACA,UACD;aAED,oBAAC,MAAM,eAAY,WAAU,eAAe;IACrC;GACU,EAErB,qBAAC;EACC,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,MAAM;cAClE,oBAAC,MAAM,YAAS,WAAU,QAAQ;IAElB;EAElB,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,SAAS;cACrE,oBAAC,MAAM,aAAU,WAAU,QAAQ;IAEnB;EAElB,qBAAC;GAAgB,WAAU;GAAa,eAAe,OAAO,SAAS;cACrE,oBAAC,MAAM,WAAQ,WAAU,UAAU;IAEnB;KACC,IACT"}

package/dist/components/header/bottom-bar.client.d.mts

@@ -0,0 +1,29 @@
+import { Path } from "../../modules/config/paths/types.mjs";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/header/bottom-bar.client.d.ts
+/**
+ * Bottombar component
+ */
+type BottomBarProps = {
+  children: React.ReactNode;
+};
+declare function BottomBar({
+  children
+}: BottomBarProps): react_jsx_runtime127.JSX.Element;
+/**
+ * Bottombar link component
+ */
+type BottomBarLink = Omit<Path, "icon" | "badge">;
+type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {
+  paths: BottomBarLink[];
+};
+declare function BottomBarLinks({
+  paths,
+  className,
+  ...props
+}: BottomBarLinksProps): react_jsx_runtime127.JSX.Element;
+//#endregion
+export { BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps };
+//# sourceMappingURL=bottom-bar.client.d.mts.map

package/dist/components/header/bottom-bar.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.client.d.mts","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYY,KAAA,cAAA,GAAc;EAIV,QAAA,EAHJ,KAAA,CAAM,SAGO;CAAG;AAAY,iBAAxB,SAAA,CAAwB;EAAA;AAAA,CAAA,EAAA,cAAA,CAAA,EAAc,oBAAA,CAAA,GAAA,CAAA,OAAd;;;AAWxC;AAEY,KAFA,aAAA,GAAgB,IAEG,CAFE,IAEF,EAAA,MAAA,GAAA,OAAA,CAAA;AAAwB,KAA3C,mBAAA,GAAsB,KAAA,CAAM,cAAe,CAAA,WAAA,CAAA,GAAA;EAArB,KAAM,EAC/B,aAD+B,EAAA;CAC/B;AAAa,iBAGN,cAAA,CAHM;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAGyC,mBAHzC,CAAA,EAG4D,oBAAA,CAAA,GAAA,CAAA,OAH5D"}