@tulip-systems/core 0.2.0

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

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

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

@@ -0,0 +1,18 @@
+"use client";
+
+
+import { TooltipProvider } from "../../ui/tooltip.client.js";
+import { EditorContext } from "../context.client.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.js","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.ts

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

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

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

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

@@ -0,0 +1,134 @@
+import { Button } from "../../ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
+import { Separator } from "../../ui/separator.js";
+import { EditorContext } from "../context.client.js";
+import { ColorPicker } from "../../ui/color-picker.client.js";
+import { BlockDropdown } from "./block-dropdown.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixed-menu.client.js","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.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.client.d.ts","names":[],"sources":["../../../src/components/editor/context.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAgBK,kBAAA;EAAA,MAAA,EACK,MADL;AAIL,CAAA;AAAoE,cAAvD,aAAuD,EAA1C,MAAA,CAAA,OAA0C,CAA1C,kBAA0C,CAAA;;;;AAAC,KAKhE,0BAAA,GAA6B,iBAAH,CAAA;EAAA,KAAA,CAAA,EACrB,OADqB;UACrB,CAAA,EAAA,CAAA,KAAA,EACW,WADX,EAAA,GAAA,IAAA;UACW,CAAA,EAAA,OAAA;WAFa,CAAA,EAAA,MAAA;CAAiB,CAAA;AAOnC,iBAAA,qBAAA,CAAqB;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAMlC,0BANkC,CAAA,EAMR,mBAAA,CAAA,GAAA,CAAA,OAAA,GANQ,IAAA"}

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

@@ -0,0 +1,46 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { createContext } from "react";
+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";
+import StarterKit from "@tiptap/starter-kit";
+
+//#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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.client.js","names":["editor"],"sources":["../../../src/components/editor/context.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { createContext, PropsWithChildren } from \"react\";\n\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, JSONContent, useEditor } from \"@tiptap/react\";\nimport StarterKit from \"@tiptap/starter-kit\";\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: JSONContent) => 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.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime32 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_runtime32.JSX.Element;
+//#endregion
+export { Editor };
+//# sourceMappingURL=index.client.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+import { cn } from "../../lib/utils/cn.js";
+import { EditorContent } from "./components/content.client.js";
+import { FixedMenu } from "./components/fixed-menu.client.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","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,UAAW,GAAG,SAAyC;AAC9E,QACE,qBAAC;EAAI,WAAW,GAAG,kCAAkC,UAAU;EAAE,GAAI;aACnE,oBAAC,cAAY,EACb,oBAAC,kBAAgB;GACb"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+"use client";
+
+
+import { EditorContextProvider } from "./context.client.js";
+import { EditorContent } from "./components/content.client.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview.client.js","names":[],"sources":["../../../src/components/editor/preview.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { Content } from \"@tiptap/react\";\nimport { EditorContent } from \"./components/content.client\";\nimport { EditorContextProvider } from \"./context.client\";\n\nexport function EditorPreview({ value }: { value?: Content }) {\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,SAA8B;AAC5D,QACE,oBAAC;EAA6B;EAAO,WAAU;EAAc;YAC3D,oBAAC,kBAAgB;GACK"}

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

@@ -0,0 +1,52 @@
+import { Icons } from "../common/icons.js";
+import { url } from "../../lib/utils/url.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"forget-password-email.js","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.ts

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

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

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

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

@@ -0,0 +1,44 @@
+"use client";
+
+
+import { Icons } from "../common/icons.js";
+import { cn } from "../../lib/utils/cn.js";
+import { Button } from "../ui/button.js";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"back-button.client.js","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,UACA,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.ts

@@ -0,0 +1,29 @@
+import { PathOutput } from "../../modules/config/paths/types.js";
+import * as react_jsx_runtime35 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_runtime35.JSX.Element;
+/**
+ * Bottombar link component
+ */
+type BottomBarLink = Omit<PathOutput, "icon" | "badge">;
+type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {
+  paths: BottomBarLink[];
+};
+declare function BottomBarLinks({
+  paths,
+  className,
+  ...props
+}: BottomBarLinksProps): react_jsx_runtime35.JSX.Element;
+//#endregion
+export { BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps };
+//# sourceMappingURL=bottom-bar.client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.client.d.ts","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAWY,KAAA,cAAA,GAAc;EAIV,QAAA,EAHJ,KAAA,CAAM,SAGO;CAAA;AAAG,iBAAZ,SAAA,CAAY;EAAA;AAAA,CAAA,EAAY,cAAZ,CAAA,EAA0B,mBAAA,CAAA,GAAA,CAAA,OAA1B;;;;AAWhB,KAAA,aAAA,GAAgB,IAAH,CAAQ,UAAR,EAAA,MAAA,GAAA,OAAA,CAAA;AAAA,KAEb,mBAAA,GAAsB,KAAA,CAAM,cAFf,CAE8B,WAF9B,CAAA,GAAA;OAAQ,EAGxB,aAHwB,EAAA;;AAAD,iBAMhB,cAAA,CANgB;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAM+B,mBAN/B,CAAA,EAMkD,mBAAA,CAAA,GAAA,CAAA,OANlD"}

package/dist/components/header/bottom-bar.client.js

@@ -0,0 +1,31 @@
+"use client";
+
+
+import { cn } from "../../lib/utils/cn.js";
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { useSelectedLayoutSegment } from "next/navigation";
+
+//#region src/components/header/bottom-bar.client.tsx
+function BottomBar({ children }) {
+	return /* @__PURE__ */ jsx("nav", {
+		className: "flex h-[var(--header-bottom-bar-height)] items-center justify-between overflow-x-auto border-b",
+		children
+	});
+}
+function BottomBarLinks({ paths, className,...props }) {
+	const currentSegment = useSelectedLayoutSegment();
+	return /* @__PURE__ */ jsx("ul", {
+		...props,
+		className: cn("px-content flex flex-row items-center gap-6 text-sm font-medium", className),
+		children: paths.map(({ href, name, segment }) => /* @__PURE__ */ jsx(Link, {
+			href,
+			className: cn("text-muted-foreground hover:text-foreground w-fit text-nowrap break-keep transition-colors", currentSegment === segment && "text-primary"),
+			children: name
+		}, href))
+	});
+}
+
+//#endregion
+export { BottomBar, BottomBarLinks };
+//# sourceMappingURL=bottom-bar.client.js.map

package/dist/components/header/bottom-bar.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.client.js","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { PathOutput } from \"@/modules/config/paths/types\";\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegment } from \"next/navigation\";\nimport type React from \"react\";\n\n/**\n * Bottombar component\n */\nexport type BottomBarProps = {\n  children: React.ReactNode;\n};\n\nexport function BottomBar({ children }: BottomBarProps) {\n  return (\n    <nav className=\"flex h-[var(--header-bottom-bar-height)] items-center justify-between overflow-x-auto border-b\">\n      {children}\n    </nav>\n  );\n}\n\n/**\n * Bottombar link component\n */\nexport type BottomBarLink = Omit<PathOutput, \"icon\" | \"badge\">;\n\nexport type BottomBarLinksProps = React.HTMLAttributes<HTMLElement> & {\n  paths: BottomBarLink[];\n};\n\nexport function BottomBarLinks({ paths, className, ...props }: BottomBarLinksProps) {\n  const currentSegment = useSelectedLayoutSegment();\n\n  return (\n    <ul\n      {...props}\n      className={cn(\"px-content flex flex-row items-center gap-6 text-sm font-medium\", className)}\n    >\n      {paths.map(({ href, name, segment }) => (\n        <Link\n          key={href}\n          href={href}\n          className={cn(\n            \"text-muted-foreground hover:text-foreground w-fit text-nowrap break-keep transition-colors\",\n            currentSegment === segment && \"text-primary\",\n          )}\n        >\n          {name}\n        </Link>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,UAAU,EAAE,YAA4B;AACtD,QACE,oBAAC;EAAI,WAAU;EACZ;GACG;;AAaV,SAAgB,eAAe,EAAE,OAAO,UAAW,GAAG,SAA8B;CAClF,MAAM,iBAAiB,0BAA0B;AAEjD,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mEAAmE,UAAU;YAE1F,MAAM,KAAK,EAAE,MAAM,MAAM,cACxB,oBAAC;GAEO;GACN,WAAW,GACT,8FACA,mBAAmB,WAAW,eAC/B;aAEA;KAPI,KAQA,CACP;GACC"}

package/dist/components/header/breadcrumbs.client.d.ts

@@ -0,0 +1,35 @@
+import { BreadcrumbSeparator } from "../ui/breadcrumb.js";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+import { PropsWithChildren } from "react";
+
+//#region src/components/header/breadcrumbs.client.d.ts
+type HeaderBreadcrumb = {
+  label: string;
+  href?: string;
+};
+type HeaderBreadcrumbProps = {
+  breadcrumbs: HeaderBreadcrumb[];
+};
+declare function HeaderBreadcrumbs(props: PropsWithChildren): react_jsx_runtime37.JSX.Element;
+declare const HeaderBreadcrumbSeparator: typeof BreadcrumbSeparator;
+/**
+ * Dropdown menu
+ */
+declare function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren): react_jsx_runtime37.JSX.Element;
+declare function HeaderBreadcrumbsDropdownMenuItem(props: {
+  breadcrumb: HeaderBreadcrumb;
+}): react_jsx_runtime37.JSX.Element;
+/**
+ * Links
+ */
+declare function HeaderBreadcrumbsLink(props: {
+  breadcrumb: HeaderBreadcrumb;
+}): react_jsx_runtime37.JSX.Element;
+/**
+ * Lists
+ */
+declare function HeaderBreadcrumbsMobileList(props: PropsWithChildren): react_jsx_runtime37.JSX.Element;
+declare function HeaderBreadcrumbsDesktopList(props: PropsWithChildren): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { HeaderBreadcrumb, HeaderBreadcrumbProps, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList };
+//# sourceMappingURL=breadcrumbs.client.d.ts.map

package/dist/components/header/breadcrumbs.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.client.d.ts","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAmBY,gBAAA;;;AAAZ,CAAA;AAKY,KAAA,qBAAA,GAAqB;EAIjB,WAAA,EAHD,gBAGkB,EAAA;CAAA;AAAQ,iBAAzB,iBAAA,CAAyB,KAAA,EAAA,iBAAA,CAAA,EAAiB,mBAAA,CAAA,GAAA,CAAA,OAAjB;AAAiB,cAI7C,yBAJ6C,EAAA,OAIpB,mBAJoB;;AAI1D;AAKA;AAA6C,iBAA7B,6BAAA,CAA6B,KAAA,EAAQ,iBAAR,CAAA,EAAyB,mBAAA,CAAA,GAAA,CAAA,OAAzB;AAAQ,iBAarC,iCAAA,CAbqC,KAAA,EAAA;YAAiB,EAaC,gBAbD;CAAA,CAAA,EAamB,mBAAA,CAAA,GAAA,CAAA,OAbnB;AAatE;;;AAAyF,iBAezE,qBAAA,CAfyE,KAAA,EAAA;EAAA,UAAA,EAe9B,gBAf8B;AAezF,CAAA,CAAA,EAA6E,mBAAA,CAAA,GAAA,CAAA,OAAxC;;;;AAAwC,iBAmB7D,2BAAA,CAnB6D,KAAA,EAmB1B,iBAnB0B,CAAA,EAmBT,mBAAA,CAAA,GAAA,CAAA,OAnBS;AAmB7D,iBAQA,4BAAA,CAR2B,KAAA,EAQS,iBART,CAAA,EAQ0B,mBAAA,CAAA,GAAA,CAAA,OAR1B"}