@tulip-systems/core 0.6.1 → 0.8.0

package/dist/components/editor/extensions/image/extension.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { getFileUrl } from "../../../../modules/storage/lib/helpers.mjs";
+import { getAssetURL } from "../../../../modules/storage/lib/helpers.mjs";
 import { Image } from "@tiptap/extension-image";
 
 //#region src/components/editor/extensions/image/extension.ts
@@ -9,14 +9,14 @@ const Image$1 = Image.extend({
 	addAttributes() {
 		return {
 			...this.parent?.(),
-			nodeId: {
+			assetId: {
 				default: null,
-				parseHTML: (el) => el.getAttribute("data-node-id"),
+				parseHTML: (el) => el.getAttribute("data-asset-id"),
 				renderHTML: (attrs) => {
-					if (!attrs.nodeId) return {};
+					if (!attrs.assetId) return {};
 					return {
-						"data-node-id": attrs.nodeId,
-						...attrs.nodeId && !attrs.isPending ? { src: getFileUrl(attrs.nodeId) } : {}
+						"data-asset-id": attrs.assetId,
+						...attrs.assetId && !attrs.isPending ? { src: getAssetURL(attrs.assetId) } : {}
 					};
 				}
 			},
@@ -32,13 +32,13 @@ const Image$1 = Image.extend({
 		};
 	},
 	parseHTML() {
-		return [{ tag: "img[data-node-id]" }];
+		return [{ tag: "img[data-asset-id]" }];
 	},
 	renderHTML({ HTMLAttributes }) {
 		const { src: _, ...attrs } = HTMLAttributes;
-		const nodeId = attrs.nodeId;
+		const assetId = attrs.assetId;
 		const isPending = Boolean(attrs.isPending);
-		const src = nodeId && !isPending ? getFileUrl(nodeId) : null;
+		const src = assetId && !isPending ? getAssetURL(assetId) : null;
 		return ["img", {
 			...attrs,
 			...src ? { src } : {}

package/dist/components/editor/extensions/image/extension.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"extension.mjs","names":["Image","TiptapImage"],"sources":["../../../../../src/components/editor/extensions/image/extension.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  Image as TiptapImage,\n  type ImageOptions as TiptapImageOptions,\n} from \"@tiptap/extension-image\";\nimport { getFileUrl } from \"@/modules/storage/lib/helpers\";\n\nexport interface ImageOptions extends TiptapImageOptions {}\n\nexport const Image = TiptapImage.extend<ImageOptions>({\n  atom: true,\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      // node id\n      nodeId: {\n        default: null,\n        parseHTML: (el) => el.getAttribute(\"data-node-id\"),\n        renderHTML: (attrs) => {\n          if (!attrs.nodeId) return {};\n          return {\n            \"data-node-id\": attrs.nodeId,\n            ...(attrs.nodeId && !attrs.isPending ? { src: getFileUrl(attrs.nodeId) } : {}),\n          };\n        },\n      },\n\n      // semantics\n      alt: { default: null },\n      title: { default: null },\n\n      // layout stability\n      width: { default: null },\n      height: { default: null },\n\n      // upload UX\n      isPending: {\n        default: false,\n        renderHTML: (attrs) => (attrs.isPending ? { \"data-pending\": \"true\" } : {}),\n      },\n      fileName: { default: null },\n    };\n  },\n  parseHTML() {\n    return [{ tag: \"img[data-node-id]\" }];\n  },\n  renderHTML({ HTMLAttributes }) {\n    const { src: _, ...attrs } = HTMLAttributes;\n\n    const nodeId = attrs.nodeId as string | null;\n    const isPending = Boolean(attrs.isPending);\n\n    const src = nodeId && !isPending ? getFileUrl(nodeId) : null;\n\n    return [\"img\", { ...attrs, ...(src ? { src } : {}) }];\n  },\n});\n"],"mappings":";;;;;;AAUA,MAAaA,UAAQC,MAAY,OAAqB;CACpD,MAAM;CACN,gBAAgB;AACd,SAAO;GACL,GAAG,KAAK,UAAU;GAElB,QAAQ;IACN,SAAS;IACT,YAAY,OAAO,GAAG,aAAa,eAAe;IAClD,aAAa,UAAU;AACrB,SAAI,CAAC,MAAM,OAAQ,QAAO,EAAE;AAC5B,YAAO;MACL,gBAAgB,MAAM;MACtB,GAAI,MAAM,UAAU,CAAC,MAAM,YAAY,EAAE,KAAK,WAAW,MAAM,OAAO,EAAE,GAAG,EAAE;MAC9E;;IAEJ;GAGD,KAAK,EAAE,SAAS,MAAM;GACtB,OAAO,EAAE,SAAS,MAAM;GAGxB,OAAO,EAAE,SAAS,MAAM;GACxB,QAAQ,EAAE,SAAS,MAAM;GAGzB,WAAW;IACT,SAAS;IACT,aAAa,UAAW,MAAM,YAAY,EAAE,gBAAgB,QAAQ,GAAG,EAAE;IAC1E;GACD,UAAU,EAAE,SAAS,MAAM;GAC5B;;CAEH,YAAY;AACV,SAAO,CAAC,EAAE,KAAK,qBAAqB,CAAC;;CAEvC,WAAW,EAAE,kBAAkB;EAC7B,MAAM,EAAE,KAAK,GAAG,GAAG,UAAU;EAE7B,MAAM,SAAS,MAAM;EACrB,MAAM,YAAY,QAAQ,MAAM,UAAU;EAE1C,MAAM,MAAM,UAAU,CAAC,YAAY,WAAW,OAAO,GAAG;AAExD,SAAO,CAAC,OAAO;GAAE,GAAG;GAAO,GAAI,MAAM,EAAE,KAAK,GAAG,EAAE;GAAG,CAAC;;CAExD,CAAC"}
+{"version":3,"file":"extension.mjs","names":["Image","TiptapImage"],"sources":["../../../../../src/components/editor/extensions/image/extension.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  Image as TiptapImage,\n  type ImageOptions as TiptapImageOptions,\n} from \"@tiptap/extension-image\";\nimport { getAssetURL } from \"@/modules/storage/entry\";\n\nexport interface ImageOptions extends TiptapImageOptions {}\n\nexport const Image = TiptapImage.extend<ImageOptions>({\n  atom: true,\n  addAttributes() {\n    return {\n      ...this.parent?.(),\n      // asset id\n      assetId: {\n        default: null,\n        parseHTML: (el) => el.getAttribute(\"data-asset-id\"),\n        renderHTML: (attrs) => {\n          if (!attrs.assetId) return {};\n          return {\n            \"data-asset-id\": attrs.assetId,\n            ...(attrs.assetId && !attrs.isPending ? { src: getAssetURL(attrs.assetId) } : {}),\n          };\n        },\n      },\n\n      // semantics\n      alt: { default: null },\n      title: { default: null },\n\n      // layout stability\n      width: { default: null },\n      height: { default: null },\n\n      // upload UX\n      isPending: {\n        default: false,\n        renderHTML: (attrs) => (attrs.isPending ? { \"data-pending\": \"true\" } : {}),\n      },\n      fileName: { default: null },\n    };\n  },\n  parseHTML() {\n    return [{ tag: \"img[data-asset-id]\" }];\n  },\n  renderHTML({ HTMLAttributes }) {\n    const { src: _, ...attrs } = HTMLAttributes;\n\n    const assetId = attrs.assetId as string | null;\n    const isPending = Boolean(attrs.isPending);\n\n    const src = assetId && !isPending ? getAssetURL(assetId) : null;\n\n    return [\"img\", { ...attrs, ...(src ? { src } : {}) }];\n  },\n});\n"],"mappings":";;;;;;AAUA,MAAaA,UAAQC,MAAY,OAAqB;CACpD,MAAM;CACN,gBAAgB;AACd,SAAO;GACL,GAAG,KAAK,UAAU;GAElB,SAAS;IACP,SAAS;IACT,YAAY,OAAO,GAAG,aAAa,gBAAgB;IACnD,aAAa,UAAU;AACrB,SAAI,CAAC,MAAM,QAAS,QAAO,EAAE;AAC7B,YAAO;MACL,iBAAiB,MAAM;MACvB,GAAI,MAAM,WAAW,CAAC,MAAM,YAAY,EAAE,KAAK,YAAY,MAAM,QAAQ,EAAE,GAAG,EAAE;MACjF;;IAEJ;GAGD,KAAK,EAAE,SAAS,MAAM;GACtB,OAAO,EAAE,SAAS,MAAM;GAGxB,OAAO,EAAE,SAAS,MAAM;GACxB,QAAQ,EAAE,SAAS,MAAM;GAGzB,WAAW;IACT,SAAS;IACT,aAAa,UAAW,MAAM,YAAY,EAAE,gBAAgB,QAAQ,GAAG,EAAE;IAC1E;GACD,UAAU,EAAE,SAAS,MAAM;GAC5B;;CAEH,YAAY;AACV,SAAO,CAAC,EAAE,KAAK,sBAAsB,CAAC;;CAExC,WAAW,EAAE,kBAAkB;EAC7B,MAAM,EAAE,KAAK,GAAG,GAAG,UAAU;EAE7B,MAAM,UAAU,MAAM;EACtB,MAAM,YAAY,QAAQ,MAAM,UAAU;EAE1C,MAAM,MAAM,WAAW,CAAC,YAAY,YAAY,QAAQ,GAAG;AAE3D,SAAO,CAAC,OAAO;GAAE,GAAG;GAAO,GAAI,MAAM,EAAE,KAAK,GAAG,EAAE;GAAG,CAAC;;CAExD,CAAC"}

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

@@ -11,9 +11,9 @@ import * as _tiptap_extension_list0 from "@tiptap/extension-list";
 import * as _tiptap_extension_paragraph0 from "@tiptap/extension-paragraph";
 import * as _tiptap_extension_strike0 from "@tiptap/extension-strike";
 import * as _tiptap_extension_underline0 from "@tiptap/extension-underline";
-import * as _tiptap_extensions0 from "@tiptap/extensions";
 import * as _tiptap_extension_highlight0 from "@tiptap/extension-highlight";
 import * as _tiptap_extension_text_style0 from "@tiptap/extension-text-style";
+import * as _tiptap_extensions0 from "@tiptap/extensions";
 import * as _tiptap_core0 from "@tiptap/core";
 
 //#region src/components/editor/lib/constants.d.ts

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

@@ -15,9 +15,9 @@ import Paragraph from "@tiptap/extension-paragraph";
 import Strike from "@tiptap/extension-strike";
 import Text from "@tiptap/extension-text";
 import Underline from "@tiptap/extension-underline";
-import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
 import Highlight from "@tiptap/extension-highlight";
 import { Color, TextStyle } from "@tiptap/extension-text-style";
+import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
 
 //#region src/components/editor/lib/constants.ts
 /**

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

@@ -12,10 +12,10 @@ import { BulletListOptions, ListItemOptions, ListKeymapOptions, OrderedListOptio
 import { ParagraphOptions } from "@tiptap/extension-paragraph";
 import { StrikeOptions } from "@tiptap/extension-strike";
 import { UnderlineOptions } from "@tiptap/extension-underline";
-import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
 import "@tiptap/react";
 import { HighlightOptions } from "@tiptap/extension-highlight";
 import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
+import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
 import "@tiptap/core";
 
 //#region src/components/editor/lib/extensions.d.ts

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.mts","names":[],"sources":["../../../../src/components/editor/lib/helpers.ts"],"mappings":";;;;;AA2CA;iBAAgB,0BAAA,CAA2B,IAAA,WAAe,iBAAA;;;;iBAO1C,0BAAA,CAA2B,OAAA,EAAS,iBAAA"}
+{"version":3,"file":"helpers.d.mts","names":[],"sources":["../../../../src/components/editor/lib/helpers.ts"],"mappings":";;;;;AAuCA;iBAAgB,0BAAA,CAA2B,IAAA,WAAe,iBAAA;;;;iBAO1C,8BAAA,CAA+B,QAAA,WAAmB,iBAAA;;;;iBAQlD,0BAAA,CAA2B,OAAA,EAAS,iBAAA;AAApD;;;AAAA,iBAUgB,8BAAA,CAA+B,OAAA,EAAS,iBAAA"}

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

@@ -1,3 +1,4 @@
+import { markdownParser } from "../../../lib/utils/markdown.mjs";
 import Blockquote from "@tiptap/extension-blockquote";
 import Bold from "@tiptap/extension-bold";
 import Document from "@tiptap/extension-document";
@@ -6,13 +7,13 @@ import Heading from "@tiptap/extension-heading";
 import HorizontalRule from "@tiptap/extension-horizontal-rule";
 import Italic from "@tiptap/extension-italic";
 import Link from "@tiptap/extension-link";
-import { BulletList, ListItem, ListKeymap, OrderedList } from "@tiptap/extension-list";
+import { BulletList, ListItem, OrderedList } from "@tiptap/extension-list";
 import Paragraph from "@tiptap/extension-paragraph";
 import Strike from "@tiptap/extension-strike";
 import Text from "@tiptap/extension-text";
 import Underline from "@tiptap/extension-underline";
-import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
-import { generateHTML, generateJSON } from "@tiptap/html";
+import { generateJSON } from "@tiptap/html";
+import { renderToHTMLString, renderToMarkdown } from "@tiptap/static-renderer";
 
 //#region src/components/editor/lib/helpers.ts
 const EXTENSIONS_FOR_GENERATION = [
@@ -30,26 +31,39 @@ const EXTENSIONS_FOR_GENERATION = [
 	Italic,
 	Link,
 	Strike,
-	Underline,
-	Dropcursor,
-	Gapcursor,
-	UndoRedo,
-	ListKeymap,
-	TrailingNode
+	Underline
 ];
 /**
-* Convert text to editor content
+* Convert HTML to editor content
 */
 function convertHTMLToEditorContent(html) {
 	return generateJSON(html, EXTENSIONS_FOR_GENERATION);
 }
 /**
-* Convert editor content to text
+* Convert markdown to editor content
+*/
+function convertMarkdownToEditorContent(markdown) {
+	return convertHTMLToEditorContent(markdownParser.render(markdown));
+}
+/**
+* Convert editor content to HTML
 */
 function convertEditorContentToHTML(content) {
-	return generateHTML(content, EXTENSIONS_FOR_GENERATION);
+	return renderToHTMLString({
+		content,
+		extensions: EXTENSIONS_FOR_GENERATION
+	});
+}
+/**
+* Convert editor content to markdown
+*/
+function convertEditorContentToMarkdown(content) {
+	return renderToMarkdown({
+		content,
+		extensions: EXTENSIONS_FOR_GENERATION
+	});
 }
 
 //#endregion
-export { convertEditorContentToHTML, convertHTMLToEditorContent };
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };
 //# sourceMappingURL=helpers.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/components/editor/lib/helpers.ts"],"sourcesContent":["import Blockquote from \"@tiptap/extension-blockquote\";\nimport Bold from \"@tiptap/extension-bold\";\nimport Document from \"@tiptap/extension-document\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport Heading from \"@tiptap/extension-heading\";\nimport HorizontalRule from \"@tiptap/extension-horizontal-rule\";\nimport Italic from \"@tiptap/extension-italic\";\nimport Link from \"@tiptap/extension-link\";\nimport { BulletList, ListItem, ListKeymap, OrderedList } from \"@tiptap/extension-list\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Strike from \"@tiptap/extension-strike\";\nimport Text from \"@tiptap/extension-text\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from \"@tiptap/extensions\";\nimport { generateHTML, generateJSON } from \"@tiptap/html\";\nimport type { EditorJSONContent } from \"./types\";\n\nconst EXTENSIONS_FOR_GENERATION = [\n  Blockquote,\n  BulletList,\n  Document,\n  HardBreak,\n  Heading,\n  HorizontalRule,\n  ListItem,\n  OrderedList,\n  Paragraph,\n  Text,\n  Bold,\n  Italic,\n  Link,\n  Strike,\n  Underline,\n  Dropcursor,\n  Gapcursor,\n  UndoRedo,\n  ListKeymap,\n  TrailingNode,\n];\n\n/**\n * Convert text to editor content\n */\nexport function convertHTMLToEditorContent(html: string): EditorJSONContent {\n  return generateJSON(html, EXTENSIONS_FOR_GENERATION);\n}\n\n/**\n * Convert editor content to text\n */\nexport function convertEditorContentToHTML(content: EditorJSONContent): string {\n  return generateHTML(content, EXTENSIONS_FOR_GENERATION);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,4BAA4B;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;AAKD,SAAgB,2BAA2B,MAAiC;AAC1E,QAAO,aAAa,MAAM,0BAA0B;;;;;AAMtD,SAAgB,2BAA2B,SAAoC;AAC7E,QAAO,aAAa,SAAS,0BAA0B"}
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/components/editor/lib/helpers.ts"],"sourcesContent":["import Blockquote from \"@tiptap/extension-blockquote\";\nimport Bold from \"@tiptap/extension-bold\";\nimport Document from \"@tiptap/extension-document\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport Heading from \"@tiptap/extension-heading\";\nimport HorizontalRule from \"@tiptap/extension-horizontal-rule\";\nimport Italic from \"@tiptap/extension-italic\";\nimport Link from \"@tiptap/extension-link\";\nimport { BulletList, ListItem, OrderedList } from \"@tiptap/extension-list\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Strike from \"@tiptap/extension-strike\";\nimport Text from \"@tiptap/extension-text\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { generateJSON } from \"@tiptap/html\";\nimport { renderToHTMLString, renderToMarkdown } from \"@tiptap/static-renderer\";\nimport { markdownParser } from \"@/lib/utils/markdown\";\nimport type { EditorJSONContent } from \"./types\";\n\nconst EXTENSIONS_FOR_GENERATION = [\n  Blockquote,\n  BulletList,\n  Document,\n  HardBreak,\n  Heading,\n  HorizontalRule,\n  ListItem,\n  OrderedList,\n  Paragraph,\n  Text,\n  Bold,\n  Italic,\n  Link,\n  Strike,\n  Underline,\n];\n\n/**\n * Convert HTML to editor content\n */\nexport function convertHTMLToEditorContent(html: string): EditorJSONContent {\n  return generateJSON(html, EXTENSIONS_FOR_GENERATION);\n}\n\n/**\n * Convert markdown to editor content\n */\nexport function convertMarkdownToEditorContent(markdown: string): EditorJSONContent {\n  const html = markdownParser.render(markdown);\n  return convertHTMLToEditorContent(html);\n}\n\n/**\n * Convert editor content to HTML\n */\nexport function convertEditorContentToHTML(content: EditorJSONContent): string {\n  return renderToHTMLString({\n    content,\n    extensions: EXTENSIONS_FOR_GENERATION,\n  });\n}\n\n/**\n * Convert editor content to markdown\n */\nexport function convertEditorContentToMarkdown(content: EditorJSONContent): string {\n  return renderToMarkdown({\n    content,\n    extensions: EXTENSIONS_FOR_GENERATION,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAM,4BAA4B;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;AAKD,SAAgB,2BAA2B,MAAiC;AAC1E,QAAO,aAAa,MAAM,0BAA0B;;;;;AAMtD,SAAgB,+BAA+B,UAAqC;AAElF,QAAO,2BADM,eAAe,OAAO,SAAS,CACL;;;;;AAMzC,SAAgB,2BAA2B,SAAoC;AAC7E,QAAO,mBAAmB;EACxB;EACA,YAAY;EACb,CAAC;;;;;AAMJ,SAAgB,+BAA+B,SAAoC;AACjF,QAAO,iBAAiB;EACtB;EACA,YAAY;EACb,CAAC"}

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

@@ -11,32 +11,32 @@ function ForgetPasswordEmail({ resetPasswordHref }) {
 		/* @__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]",
+				className: "mx-auto my-[40px] max-w-[465px] rounded border border-[#eaeaea] border-solid 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",
+								className: "mx-0 my-[20px] p-0 font-bold text-[24px] text-black",
 								children: "Herstel uw wachtwoord"
 							}),
 							/* @__PURE__ */ jsx(Text, {
-								className: "text-[14px] leading-[24px] text-black",
+								className: "text-[14px] text-black leading-[24px]",
 								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",
+								className: "rounded bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline",
 								href: resetPasswordHref,
 								children: "Reset password"
 							})
 						]
 					}),
 					/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsx(Text, {
-						className: "text-[12px] leading-[20px] text-black",
+						className: "text-[12px] text-black leading-[20px]",
 						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",
+						className: "text-[12px] text-black leading-[20px]",
 						children: "Stuur deze e-mail niet door om uw account veilig te houden."
 					})] })
 				]

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

@@ -1 +1 @@
-{"version":3,"file":"forget-password-email.mjs","names":[],"sources":["../../../src/components/emails/forget-password-email.tsx"],"sourcesContent":["import {\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 { url } from \"@/lib/utils/url\";\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"}
+{"version":3,"file":"forget-password-email.mjs","names":[],"sources":["../../../src/components/emails/forget-password-email.tsx"],"sourcesContent":["import {\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 { url } from \"@/lib/utils/url\";\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-[#eaeaea] border-solid p-[20px]\">\n            <Icons.logo className=\"w-8\" />\n\n            <Section className=\"my-[15px]\">\n              <Heading className=\"mx-0 my-[20px] p-0 font-bold text-[24px] text-black\">\n                Herstel uw wachtwoord\n              </Heading>\n\n              <Text className=\"text-[14px] text-black leading-[24px]\">\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 font-semibold text-[12px] text-white no-underline\"\n                href={resetPasswordHref}\n              >\n                Reset password\n              </Button>\n            </Section>\n\n            <Section>\n              <Text className=\"text-[12px] text-black leading-[20px]\">\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] text-black leading-[20px]\">\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"}

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

@@ -3,7 +3,7 @@
 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 { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger } from "../ui/context-menu.client.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRouter } from "next/navigation";
 
@@ -16,7 +16,7 @@ function HeaderTopbarBackButton({ className, ...props }) {
 			...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),
+			className: cn("h-full w-content rounded-none border-r border-r-border p-0 text-muted-foreground hover:text-foreground", className),
 			children: /* @__PURE__ */ jsx(Icons.chevronLeft, { className: "opacity-50" })
 		})
 	}), /* @__PURE__ */ jsxs(ContextMenuContent, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"back-button.client.mjs","names":[],"sources":["../../../src/components/header/back-button.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRouter } from \"next/navigation\";\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\";\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"}
+{"version":3,"file":"back-button.client.mjs","names":[],"sources":["../../../src/components/header/back-button.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useRouter } from \"next/navigation\";\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.client\";\nimport { cn } from \"@/lib/utils/cn\";\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            \"h-full w-content rounded-none border-r border-r-border p-0 text-muted-foreground hover:text-foreground\",\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,0GACA,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.mjs

@@ -17,11 +17,11 @@ 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),
+		className: cn("flex flex-row items-center gap-6 px-content font-medium text-sm", className),
 		children: paths.map(({ href, name, segment, permission }) => {
 			const children = /* @__PURE__ */ jsx(Link, {
 				href,
-				className: cn("text-muted-foreground hover:text-foreground w-fit text-nowrap break-keep transition-colors", currentSegment === segment && "text-primary"),
+				className: cn("w-fit text-nowrap break-keep text-muted-foreground transition-colors hover:text-foreground", currentSegment === segment && "text-primary"),
 				children: name
 			}, href);
 			if (permission) return /* @__PURE__ */ jsx(Allowed, {

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

@@ -1 +1 @@
-{"version":3,"file":"bottom-bar.client.mjs","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegment } from \"next/navigation\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport type { Path } from \"@/modules/config/paths/types\";\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<Path, \"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, permission }) => {\n        const children = (\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\n        if (permission) {\n          return (\n            <Allowed key={href} permission={permission}>\n              {children}\n            </Allowed>\n          );\n        }\n\n        return children;\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,UAAU,EAAE,YAA4B;AACtD,QACE,oBAAC;EAAI,WAAU;EACZ;GACG;;AAaV,SAAgB,eAAe,EAAE,OAAO,WAAW,GAAG,SAA8B;CAClF,MAAM,iBAAiB,0BAA0B;AAEjD,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mEAAmE,UAAU;YAE1F,MAAM,KAAK,EAAE,MAAM,MAAM,SAAS,iBAAiB;GAClD,MAAM,WACJ,oBAAC;IAEO;IACN,WAAW,GACT,8FACA,mBAAmB,WAAW,eAC/B;cAEA;MAPI,KAQA;AAGT,OAAI,WACF,QACE,oBAAC;IAA+B;IAC7B;MADW,KAEJ;AAId,UAAO;IACP;GACC"}
+{"version":3,"file":"bottom-bar.client.mjs","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport Link from \"next/link\";\nimport { useSelectedLayoutSegment } from \"next/navigation\";\nimport type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport type { Path } from \"@/modules/config/paths/types\";\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<Path, \"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(\"flex flex-row items-center gap-6 px-content font-medium text-sm\", className)}\n    >\n      {paths.map(({ href, name, segment, permission }) => {\n        const children = (\n          <Link\n            key={href}\n            href={href}\n            className={cn(\n              \"w-fit text-nowrap break-keep text-muted-foreground transition-colors hover:text-foreground\",\n              currentSegment === segment && \"text-primary\",\n            )}\n          >\n            {name}\n          </Link>\n        );\n\n        if (permission) {\n          return (\n            <Allowed key={href} permission={permission}>\n              {children}\n            </Allowed>\n          );\n        }\n\n        return children;\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,UAAU,EAAE,YAA4B;AACtD,QACE,oBAAC;EAAI,WAAU;EACZ;GACG;;AAaV,SAAgB,eAAe,EAAE,OAAO,WAAW,GAAG,SAA8B;CAClF,MAAM,iBAAiB,0BAA0B;AAEjD,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,mEAAmE,UAAU;YAE1F,MAAM,KAAK,EAAE,MAAM,MAAM,SAAS,iBAAiB;GAClD,MAAM,WACJ,oBAAC;IAEO;IACN,WAAW,GACT,8FACA,mBAAmB,WAAW,eAC/B;cAEA;MAPI,KAQA;AAGT,OAAI,WACF,QACE,oBAAC;IAA+B;IAC7B;MADW,KAEJ;AAId,UAAO;IACP;GACC"}

package/dist/components/header/breadcrumbs.client.mjs

@@ -1,5 +1,5 @@
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.client.mjs";
 import { ScrollArea } from "../ui/scroll-area.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";

package/dist/components/header/breadcrumbs.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.client.mjs","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\n\nexport type HeaderBreadcrumb = {\n  label: string;\n  href?: string;\n};\n\nexport type HeaderBreadcrumbProps = {\n  breadcrumbs: HeaderBreadcrumb[];\n};\n\nexport function HeaderBreadcrumbs(props: PropsWithChildren) {\n  return <Breadcrumb>{props.children}</Breadcrumb>;\n}\n\nexport const HeaderBreadcrumbSeparator = BreadcrumbSeparator;\n\n/**\n * Dropdown menu\n */\nexport function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren) {\n  return (\n    <BreadcrumbItem>\n      <DropdownMenu>\n        <DropdownMenuTrigger className=\"flex items-center gap-1\">\n          <BreadcrumbEllipsis />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">{props.children}</DropdownMenuContent>\n      </DropdownMenu>\n    </BreadcrumbItem>\n  );\n}\n\nexport function HeaderBreadcrumbsDropdownMenuItem(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <DropdownMenuItem>\n      {props.breadcrumb.href ? (\n        <Link href={props.breadcrumb.href}>{props.breadcrumb.label}</Link>\n      ) : (\n        <span>{props.breadcrumb.label}</span>\n      )}\n    </DropdownMenuItem>\n  );\n}\n\n/**\n * Links\n */\nexport function HeaderBreadcrumbsLink(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <BreadcrumbItem>\n      {props.breadcrumb.href ? (\n        <BreadcrumbLink asChild>\n          <Link href={props.breadcrumb.href} className=\"truncate\">\n            {props.breadcrumb.label}\n          </Link>\n        </BreadcrumbLink>\n      ) : (\n        <BreadcrumbPage className=\"truncate\">{props.breadcrumb.label}</BreadcrumbPage>\n      )}\n    </BreadcrumbItem>\n  );\n}\n\n/**\n * Lists\n */\nexport function HeaderBreadcrumbsMobileList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"flex-nowrap lg:hidden\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n\nexport function HeaderBreadcrumbsDesktopList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"hidden flex-nowrap lg:flex\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,kBAAkB,OAA0B;AAC1D,QAAO,oBAAC,wBAAY,MAAM,WAAsB;;AAGlD,MAAa,4BAA4B;;;;AAKzC,SAAgB,8BAA8B,OAA0B;AACtE,QACE,oBAAC,4BACC,qBAAC,2BACC,oBAAC;EAAoB,WAAU;YAC7B,oBAAC,uBAAqB;GACF,EACtB,oBAAC;EAAoB,OAAM;YAAS,MAAM;GAA+B,IAC5D,GACA;;AAIrB,SAAgB,kCAAkC,OAAyC;AACzF,QACE,oBAAC,8BACE,MAAM,WAAW,OAChB,oBAAC;EAAK,MAAM,MAAM,WAAW;YAAO,MAAM,WAAW;GAAa,GAElE,oBAAC,oBAAM,MAAM,WAAW,QAAa,GAEtB;;;;;AAOvB,SAAgB,sBAAsB,OAAyC;AAC7E,QACE,oBAAC,4BACE,MAAM,WAAW,OAChB,oBAAC;EAAe;YACd,oBAAC;GAAK,MAAM,MAAM,WAAW;GAAM,WAAU;aAC1C,MAAM,WAAW;IACb;GACQ,GAEjB,oBAAC;EAAe,WAAU;YAAY,MAAM,WAAW;GAAuB,GAEjE;;;;;AAOrB,SAAgB,4BAA4B,OAA0B;AACpE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAAyB,MAAM;GAA0B,GACxE;;AAIjB,SAAgB,6BAA6B,OAA0B;AACrE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAA8B,MAAM;GAA0B,GAC7E"}
+{"version":3,"file":"breadcrumbs.client.mjs","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":["import Link from \"next/link\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/components/ui/breadcrumb\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu.client\";\nimport { ScrollArea } from \"@/components/ui/scroll-area\";\n\nexport type HeaderBreadcrumb = {\n  label: string;\n  href?: string;\n};\n\nexport type HeaderBreadcrumbProps = {\n  breadcrumbs: HeaderBreadcrumb[];\n};\n\nexport function HeaderBreadcrumbs(props: PropsWithChildren) {\n  return <Breadcrumb>{props.children}</Breadcrumb>;\n}\n\nexport const HeaderBreadcrumbSeparator = BreadcrumbSeparator;\n\n/**\n * Dropdown menu\n */\nexport function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren) {\n  return (\n    <BreadcrumbItem>\n      <DropdownMenu>\n        <DropdownMenuTrigger className=\"flex items-center gap-1\">\n          <BreadcrumbEllipsis />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">{props.children}</DropdownMenuContent>\n      </DropdownMenu>\n    </BreadcrumbItem>\n  );\n}\n\nexport function HeaderBreadcrumbsDropdownMenuItem(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <DropdownMenuItem>\n      {props.breadcrumb.href ? (\n        <Link href={props.breadcrumb.href}>{props.breadcrumb.label}</Link>\n      ) : (\n        <span>{props.breadcrumb.label}</span>\n      )}\n    </DropdownMenuItem>\n  );\n}\n\n/**\n * Links\n */\nexport function HeaderBreadcrumbsLink(props: { breadcrumb: HeaderBreadcrumb }) {\n  return (\n    <BreadcrumbItem>\n      {props.breadcrumb.href ? (\n        <BreadcrumbLink asChild>\n          <Link href={props.breadcrumb.href} className=\"truncate\">\n            {props.breadcrumb.label}\n          </Link>\n        </BreadcrumbLink>\n      ) : (\n        <BreadcrumbPage className=\"truncate\">{props.breadcrumb.label}</BreadcrumbPage>\n      )}\n    </BreadcrumbItem>\n  );\n}\n\n/**\n * Lists\n */\nexport function HeaderBreadcrumbsMobileList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"flex-nowrap lg:hidden\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n\nexport function HeaderBreadcrumbsDesktopList(props: PropsWithChildren) {\n  return (\n    <ScrollArea>\n      <BreadcrumbList className=\"hidden flex-nowrap lg:flex\">{props.children}</BreadcrumbList>\n    </ScrollArea>\n  );\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,kBAAkB,OAA0B;AAC1D,QAAO,oBAAC,wBAAY,MAAM,WAAsB;;AAGlD,MAAa,4BAA4B;;;;AAKzC,SAAgB,8BAA8B,OAA0B;AACtE,QACE,oBAAC,4BACC,qBAAC,2BACC,oBAAC;EAAoB,WAAU;YAC7B,oBAAC,uBAAqB;GACF,EACtB,oBAAC;EAAoB,OAAM;YAAS,MAAM;GAA+B,IAC5D,GACA;;AAIrB,SAAgB,kCAAkC,OAAyC;AACzF,QACE,oBAAC,8BACE,MAAM,WAAW,OAChB,oBAAC;EAAK,MAAM,MAAM,WAAW;YAAO,MAAM,WAAW;GAAa,GAElE,oBAAC,oBAAM,MAAM,WAAW,QAAa,GAEtB;;;;;AAOvB,SAAgB,sBAAsB,OAAyC;AAC7E,QACE,oBAAC,4BACE,MAAM,WAAW,OAChB,oBAAC;EAAe;YACd,oBAAC;GAAK,MAAM,MAAM,WAAW;GAAM,WAAU;aAC1C,MAAM,WAAW;IACb;GACQ,GAEjB,oBAAC;EAAe,WAAU;YAAY,MAAM,WAAW;GAAuB,GAEjE;;;;;AAOrB,SAAgB,4BAA4B,OAA0B;AACpE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAAyB,MAAM;GAA0B,GACxE;;AAIjB,SAAgB,6BAA6B,OAA0B;AACrE,QACE,oBAAC,wBACC,oBAAC;EAAe,WAAU;YAA8B,MAAM;GAA0B,GAC7E"}

package/dist/components/header/header.client.mjs

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/header/header.client.tsx
 function Header({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("header", {
-		className: cn("bg-sidebar sticky top-0 z-30 backdrop-blur-3xl", className),
+		className: cn("sticky top-0 z-30 bg-sidebar backdrop-blur-3xl", className),
 		...props,
 		children
 	});

package/dist/components/header/header.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.client.mjs","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function Header({ children, className, ...props }: ComponentProps<\"header\">) {\n  return (\n    <header className={cn(\"bg-sidebar sticky top-0 z-30 backdrop-blur-3xl\", className)} {...props}>\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAO,EAAE,UAAU,WAAW,GAAG,SAAmC;AAClF,QACE,oBAAC;EAAO,WAAW,GAAG,kDAAkD,UAAU;EAAE,GAAI;EACrF;GACM"}
+{"version":3,"file":"header.client.mjs","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function Header({ children, className, ...props }: ComponentProps<\"header\">) {\n  return (\n    <header className={cn(\"sticky top-0 z-30 bg-sidebar backdrop-blur-3xl\", className)} {...props}>\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,OAAO,EAAE,UAAU,WAAW,GAAG,SAAmC;AAClF,QACE,oBAAC;EAAO,WAAW,GAAG,kDAAkD,UAAU;EAAE,GAAI;EACrF;GACM"}

package/dist/components/layouts/empty-page.mjs

@@ -11,14 +11,14 @@ function EmptyPage({ className, children, ...props }) {
 }
 function EmptyPageTitle({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("h2", {
-		className: cn("text-lg font-bold tracking-tight", className),
+		className: cn("font-bold text-lg tracking-tight", className),
 		...props,
 		children
 	});
 }
 function EmptyPageDescription({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-muted-foreground max-w-[40ch] text-sm", className),
+		className: cn("max-w-[40ch] text-muted-foreground text-sm", className),
 		...props,
 		children
 	});

package/dist/components/layouts/empty-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-page.mjs","names":[],"sources":["../../../src/components/layouts/empty-page.tsx"],"sourcesContent":["import type { Route } from \"next\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type EmptyPageProps = HTMLAttributes<HTMLDivElement> & {\n  title: string;\n  description?: string;\n  callToAction?: {\n    href: Route;\n    title: string;\n  };\n};\n\nexport function EmptyPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-[30rem] w-full flex-col items-center justify-center gap-y-2 border border-dashed text-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function EmptyPageTitle({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"text-lg font-bold tracking-tight\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\nexport function EmptyPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"text-muted-foreground max-w-[40ch] text-sm\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,WAAW,GACT,kHACA,UACD;EACD,GAAI;EAEH;GACG;;AAIV,SAAgB,eAAe,EAAE,WAAW,UAAU,GAAG,SAA+B;AACtF,QACE,oBAAC;EAAG,WAAW,GAAG,oCAAoC,UAAU;EAAE,GAAI;EACnE;GACE;;AAIT,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,8CAA8C,UAAU;EAAE,GAAI;EAC5E;GACC"}
+{"version":3,"file":"empty-page.mjs","names":[],"sources":["../../../src/components/layouts/empty-page.tsx"],"sourcesContent":["import type { Route } from \"next\";\nimport type { ComponentProps, HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type EmptyPageProps = HTMLAttributes<HTMLDivElement> & {\n  title: string;\n  description?: string;\n  callToAction?: {\n    href: Route;\n    title: string;\n  };\n};\n\nexport function EmptyPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-[30rem] w-full flex-col items-center justify-center gap-y-2 border border-dashed text-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function EmptyPageTitle({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"font-bold text-lg tracking-tight\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\nexport function EmptyPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"max-w-[40ch] text-muted-foreground text-sm\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,WAAW,GACT,kHACA,UACD;EACD,GAAI;EAEH;GACG;;AAIV,SAAgB,eAAe,EAAE,WAAW,UAAU,GAAG,SAA+B;AACtF,QACE,oBAAC;EAAG,WAAW,GAAG,oCAAoC,UAAU;EAAE,GAAI;EACnE;GACE;;AAIT,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,8CAA8C,UAAU;EAAE,GAAI;EAC5E;GACC"}

package/dist/components/layouts/error-page.mjs

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 function ErrorPage({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
-		className: cn("min-h-120 flex h-full w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center", className),
+		className: cn("flex h-full min-h-120 w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center", className),
 		children
 	});
 }
@@ -18,7 +18,7 @@ function ErrorPage({ className, children, ...props }) {
 */
 function ErrorPageCode({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("h2", {
-		className: cn("text-9xl font-bold leading-none", className),
+		className: cn("font-bold text-9xl leading-none", className),
 		...props,
 		children
 	});
@@ -43,7 +43,7 @@ function ErrorPageIcon({ variant = "default", className, ...props }) {
 */
 function ErrorPageDescription({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-2xl font-bold lg:text-3xl", className),
+		className: cn("font-bold text-2xl lg:text-3xl", className),
 		...props,
 		children
 	});

package/dist/components/layouts/error-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"error-page.mjs","names":[],"sources":["../../../src/components/layouts/error-page.tsx"],"sourcesContent":["import { BugIcon, ServerCrashIcon, ShieldBanIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\n/**\n * ErrorPage\n */\nexport function ErrorPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"min-h-120 flex h-full w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * ErrorPageCode\n */\nexport function ErrorPageCode({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"text-9xl font-bold leading-none\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\n/**\n * ErrorPageIcon\n */\nconst errorPageIcons = {\n  serverError: ServerCrashIcon,\n  notAllowed: ShieldBanIcon,\n  default: BugIcon,\n  // 404: BombIcon,\n};\n\nexport function ErrorPageIcon({\n  variant = \"default\",\n  className,\n  ...props\n}: ComponentProps<\"svg\"> & { variant?: keyof typeof errorPageIcons }) {\n  const Icon = errorPageIcons[variant];\n\n  return <Icon className={cn(\"size-16 xl:size-24\", className)} {...props} />;\n}\n\n/**\n * ErrorPageDescription\n */\nexport function ErrorPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"text-2xl font-bold lg:text-3xl\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\n// export function ErrorPage({ className, ...props }: ComponentProps<\"div\">) {\n//   return (\n//     <div {...props} className={cn(\"relative z-0 grid w-full place-items-center\", className)}>\n//       <div className=\"flex flex-col items-center gap-12 text-center\">\n//         <span className=\"text-destructive flex flex-col items-center gap-2\">\n//           <BugIcon className=\"size-20 xl:size-32\" />\n//           <h1 className=\"text-2xl font-bold lg:text-3xl\">Oeps, er is iets fout gegaan.</h1>\n//         </span>\n//       </div>\n//     </div>\n//   );\n// }\n"],"mappings":";;;;;;;;AAOA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,8GACA,UACD;EAEA;GACG;;;;;AAOV,SAAgB,cAAc,EAAE,WAAW,UAAU,GAAG,SAA+B;AACrF,QACE,oBAAC;EAAG,WAAW,GAAG,mCAAmC,UAAU;EAAE,GAAI;EAClE;GACE;;;;;AAOT,MAAM,iBAAiB;CACrB,aAAa;CACb,YAAY;CACZ,SAAS;CAEV;AAED,SAAgB,cAAc,EAC5B,UAAU,WACV,WACA,GAAG,SACiE;CACpE,MAAM,OAAO,eAAe;AAE5B,QAAO,oBAAC;EAAK,WAAW,GAAG,sBAAsB,UAAU;EAAE,GAAI;GAAS;;;;;AAM5E,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,kCAAkC,UAAU;EAAE,GAAI;EAChE;GACC"}
+{"version":3,"file":"error-page.mjs","names":[],"sources":["../../../src/components/layouts/error-page.tsx"],"sourcesContent":["import { BugIcon, ServerCrashIcon, ShieldBanIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\n/**\n * ErrorPage\n */\nexport function ErrorPage({ className, children, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"flex h-full min-h-120 w-full flex-col items-center justify-center gap-y-3 border border-dashed text-center\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * ErrorPageCode\n */\nexport function ErrorPageCode({ className, children, ...props }: ComponentProps<\"h2\">) {\n  return (\n    <h2 className={cn(\"font-bold text-9xl leading-none\", className)} {...props}>\n      {children}\n    </h2>\n  );\n}\n\n/**\n * ErrorPageIcon\n */\nconst errorPageIcons = {\n  serverError: ServerCrashIcon,\n  notAllowed: ShieldBanIcon,\n  default: BugIcon,\n  // 404: BombIcon,\n};\n\nexport function ErrorPageIcon({\n  variant = \"default\",\n  className,\n  ...props\n}: ComponentProps<\"svg\"> & { variant?: keyof typeof errorPageIcons }) {\n  const Icon = errorPageIcons[variant];\n\n  return <Icon className={cn(\"size-16 xl:size-24\", className)} {...props} />;\n}\n\n/**\n * ErrorPageDescription\n */\nexport function ErrorPageDescription({ className, children, ...props }: ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"font-bold text-2xl lg:text-3xl\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\n// export function ErrorPage({ className, ...props }: ComponentProps<\"div\">) {\n//   return (\n//     <div {...props} className={cn(\"relative z-0 grid w-full place-items-center\", className)}>\n//       <div className=\"flex flex-col items-center gap-12 text-center\">\n//         <span className=\"text-destructive flex flex-col items-center gap-2\">\n//           <BugIcon className=\"size-20 xl:size-32\" />\n//           <h1 className=\"text-2xl font-bold lg:text-3xl\">Oeps, er is iets fout gegaan.</h1>\n//         </span>\n//       </div>\n//     </div>\n//   );\n// }\n"],"mappings":";;;;;;;;AAOA,SAAgB,UAAU,EAAE,WAAW,UAAU,GAAG,SAAgC;AAClF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,8GACA,UACD;EAEA;GACG;;;;;AAOV,SAAgB,cAAc,EAAE,WAAW,UAAU,GAAG,SAA+B;AACrF,QACE,oBAAC;EAAG,WAAW,GAAG,mCAAmC,UAAU;EAAE,GAAI;EAClE;GACE;;;;;AAOT,MAAM,iBAAiB;CACrB,aAAa;CACb,YAAY;CACZ,SAAS;CAEV;AAED,SAAgB,cAAc,EAC5B,UAAU,WACV,WACA,GAAG,SACiE;CACpE,MAAM,OAAO,eAAe;AAE5B,QAAO,oBAAC;EAAK,WAAW,GAAG,sBAAsB,UAAU;EAAE,GAAI;GAAS;;;;;AAM5E,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAA8B;AAC3F,QACE,oBAAC;EAAE,WAAW,GAAG,kCAAkC,UAAU;EAAE,GAAI;EAChE;GACC"}

package/dist/components/layouts/providers.client.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"providers.client.d.mts","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"mappings":";;;;iBAWgB,SAAA,CAAA;EAAY;AAAA,GAAY,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"providers.client.d.mts","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"mappings":";;;;iBAYgB,SAAA,CAAA;EAAY;AAAA,GAAY,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/layouts/providers.client.mjs

@@ -1,6 +1,7 @@
 "use client";
 
 import { IndicatorContextProvider } from "../../lib/hooks/use-indicator.mjs";
+import { TooltipProvider } from "../ui/tooltip.client.mjs";
 import { Toaster } from "../ui/sonner.client.mjs";
 import { getQueryClient } from "../../modules/router/lib/query-client.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,7 +14,7 @@ import { NuqsAdapter } from "nuqs/adapters/next/app";
 function Providers({ children }) {
 	return /* @__PURE__ */ jsx(QueryClientProvider, {
 		client: getQueryClient(),
-		children: /* @__PURE__ */ jsx(NuqsAdapter, { children: /* @__PURE__ */ jsx(IndicatorContextProvider, { children: /* @__PURE__ */ jsxs(ThemeProvider, {
+		children: /* @__PURE__ */ jsx(NuqsAdapter, { children: /* @__PURE__ */ jsx(IndicatorContextProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(ThemeProvider, {
 			attribute: "class",
 			defaultTheme: "system",
 			enableSystem: true,
@@ -22,7 +23,7 @@ function Providers({ children }) {
 				/* @__PURE__ */ jsx(Toaster, {}),
 				/* @__PURE__ */ jsx(ReactQueryDevtools, {})
 			]
-		}) }) })
+		}) }) }) })
 	});
 }
 

package/dist/components/layouts/providers.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"providers.client.mjs","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { QueryClientProvider } from \"@tanstack/react-query\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport { ThemeProvider } from \"next-themes\";\nimport { NuqsAdapter } from \"nuqs/adapters/next/app\";\nimport type { PropsWithChildren } from \"react\";\nimport { Toaster } from \"@/components/ui/sonner.client\";\nimport { IndicatorContextProvider } from \"@/lib/hooks/use-indicator\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\n\nexport function Providers({ children }: PropsWithChildren) {\n  const queryClient = getQueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <NuqsAdapter>\n        <IndicatorContextProvider>\n          <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n            {children}\n\n            <Toaster />\n            <ReactQueryDevtools />\n          </ThemeProvider>\n        </IndicatorContextProvider>\n      </NuqsAdapter>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,UAAU,EAAE,YAA+B;AAGzD,QACE,oBAAC;EAAoB,QAHH,gBAAgB;YAIhC,oBAAC,yBACC,oBAAC,sCACC,qBAAC;GAAc,WAAU;GAAQ,cAAa;GAAS;;IACpD;IAED,oBAAC,YAAU;IACX,oBAAC,uBAAqB;;IACR,GACS,GACf;GACM"}
+{"version":3,"file":"providers.client.mjs","names":[],"sources":["../../../src/components/layouts/providers.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { QueryClientProvider } from \"@tanstack/react-query\";\nimport { ReactQueryDevtools } from \"@tanstack/react-query-devtools\";\nimport { ThemeProvider } from \"next-themes\";\nimport { NuqsAdapter } from \"nuqs/adapters/next/app\";\nimport type { PropsWithChildren } from \"react\";\nimport { Toaster } from \"@/components/ui/sonner.client\";\nimport { IndicatorContextProvider } from \"@/lib/hooks/use-indicator\";\nimport { getQueryClient } from \"@/modules/router/lib/query-client\";\nimport { TooltipProvider } from \"../ui/tooltip.client\";\n\nexport function Providers({ children }: PropsWithChildren) {\n  const queryClient = getQueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <NuqsAdapter>\n        <IndicatorContextProvider>\n          <TooltipProvider>\n            <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n              {children}\n\n              <Toaster />\n              <ReactQueryDevtools />\n            </ThemeProvider>\n          </TooltipProvider>\n        </IndicatorContextProvider>\n      </NuqsAdapter>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgB,UAAU,EAAE,YAA+B;AAGzD,QACE,oBAAC;EAAoB,QAHH,gBAAgB;YAIhC,oBAAC,yBACC,oBAAC,sCACC,oBAAC,6BACC,qBAAC;GAAc,WAAU;GAAQ,cAAa;GAAS;;IACpD;IAED,oBAAC,YAAU;IACX,oBAAC,uBAAqB;;IACR,GACA,GACO,GACf;GACM"}

package/dist/components/layouts/root-loading.mjs

@@ -1,11 +1,11 @@
-import { Spinner } from "../ui/spinner.mjs";
+import { Loader } from "../ui/loader.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/layouts/root-loading.tsx
 function RootLoading() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "grid h-dvh w-full place-items-center",
-		children: /* @__PURE__ */ jsx(Spinner, {})
+		children: /* @__PURE__ */ jsx(Loader, {})
 	});
 }
 

package/dist/components/layouts/root-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"root-loading.mjs","names":[],"sources":["../../../src/components/layouts/root-loading.tsx"],"sourcesContent":["import { Spinner } from \"../ui/spinner\";\n\nexport function RootLoading() {\n  return (\n    <div className=\"grid h-dvh w-full place-items-center\">\n      <Spinner />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,YAAU;GACP"}
+{"version":3,"file":"root-loading.mjs","names":[],"sources":["../../../src/components/layouts/root-loading.tsx"],"sourcesContent":["import { Loader } from \"../ui/loader\";\n\nexport function RootLoading() {\n  return (\n    <div className=\"grid h-dvh w-full place-items-center\">\n      <Loader />\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC,WAAS;GACN"}

package/dist/components/layouts/tab-layout.mjs

@@ -1,8 +1,8 @@
 "use client";
 
 import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.client.mjs";
 import { ListLayout } from "./list-layout.mjs";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useRouter, useSelectedLayoutSegment } from "next/navigation";

package/dist/components/layouts/tab-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-layout.mjs","names":[],"sources":["../../../src/components/layouts/tab-layout.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Route } from \"next\";\nimport { useRouter, useSelectedLayoutSegment } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport type { Permission } from \"@/modules/auth/lib/permissions\";\nimport { ListLayout } from \"./list-layout\";\n\nexport type Tab = {\n  name: string;\n  href: Route;\n  segment: string;\n  icon?: React.ReactNode;\n  permission?: Permission;\n};\n\nexport type TabLayoutProps = {\n  tabs: Tab[];\n  children: React.ReactNode;\n};\n\nexport function TabLayout({ tabs, children }: TabLayoutProps) {\n  const segment = useSelectedLayoutSegment();\n  const router = useRouter();\n\n  const initialTab = tabs.find((tab) => tab.segment === segment);\n\n  const [selectedTab, setSelectedTab] = useState(initialTab ?? tabs[0]);\n\n  return (\n    <Tabs\n      value={selectedTab?.segment}\n      onValueChange={(value) => {\n        const newSelectedTab = tabs.find((tab) => tab.segment === value);\n        if (!newSelectedTab) return;\n        setSelectedTab(newSelectedTab);\n        router.replace(newSelectedTab.href);\n      }}\n    >\n      <div className=\"mb-10 max-w-full overflow-x-auto\">\n        <TabsList>\n          {tabs.map((tab) => {\n            const children = (\n              <TabsTrigger key={tab.segment} value={tab.segment}>\n                {tab.icon && <span className=\"mr-2\">{tab.icon}</span>}\n                <span className=\"capitalize\">{tab.name}</span>\n              </TabsTrigger>\n            );\n\n            if (!tab.permission) return children;\n\n            return (\n              <Allowed key={tab.segment} permission={tab.permission}>\n                {children}\n              </Allowed>\n            );\n          })}\n        </TabsList>\n      </div>\n\n      <TabsContent value={selectedTab?.segment ?? \"\"}>\n        <ListLayout>{children}</ListLayout>\n      </TabsContent>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,UAAU,EAAE,MAAM,YAA4B;CAC5D,MAAM,UAAU,0BAA0B;CAC1C,MAAM,SAAS,WAAW;CAI1B,MAAM,CAAC,aAAa,kBAAkB,SAFnB,KAAK,MAAM,QAAQ,IAAI,YAAY,QAAQ,IAED,KAAK,GAAG;AAErE,QACE,qBAAC;EACC,OAAO,aAAa;EACpB,gBAAgB,UAAU;GACxB,MAAM,iBAAiB,KAAK,MAAM,QAAQ,IAAI,YAAY,MAAM;AAChE,OAAI,CAAC,eAAgB;AACrB,kBAAe,eAAe;AAC9B,UAAO,QAAQ,eAAe,KAAK;;aAGrC,oBAAC;GAAI,WAAU;aACb,oBAAC,sBACE,KAAK,KAAK,QAAQ;IACjB,MAAM,WACJ,qBAAC;KAA8B,OAAO,IAAI;gBACvC,IAAI,QAAQ,oBAAC;MAAK,WAAU;gBAAQ,IAAI;OAAY,EACrD,oBAAC;MAAK,WAAU;gBAAc,IAAI;OAAY;OAF9B,IAAI,QAGR;AAGhB,QAAI,CAAC,IAAI,WAAY,QAAO;AAE5B,WACE,oBAAC;KAA0B,YAAY,IAAI;KACxC;OADW,IAAI,QAER;KAEZ,GACO;IACP,EAEN,oBAAC;GAAY,OAAO,aAAa,WAAW;aAC1C,oBAAC,cAAY,WAAsB;IACvB;GACT"}
+{"version":3,"file":"tab-layout.mjs","names":[],"sources":["../../../src/components/layouts/tab-layout.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Route } from \"next\";\nimport { useRouter, useSelectedLayoutSegment } from \"next/navigation\";\nimport { useState } from \"react\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs.client\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport type { Permission } from \"@/modules/auth/lib/permissions\";\nimport { ListLayout } from \"./list-layout\";\n\nexport type Tab = {\n  name: string;\n  href: Route;\n  segment: string;\n  icon?: React.ReactNode;\n  permission?: Permission;\n};\n\nexport type TabLayoutProps = {\n  tabs: Tab[];\n  children: React.ReactNode;\n};\n\nexport function TabLayout({ tabs, children }: TabLayoutProps) {\n  const segment = useSelectedLayoutSegment();\n  const router = useRouter();\n\n  const initialTab = tabs.find((tab) => tab.segment === segment);\n\n  const [selectedTab, setSelectedTab] = useState(initialTab ?? tabs[0]);\n\n  return (\n    <Tabs\n      value={selectedTab?.segment}\n      onValueChange={(value) => {\n        const newSelectedTab = tabs.find((tab) => tab.segment === value);\n        if (!newSelectedTab) return;\n        setSelectedTab(newSelectedTab);\n        router.replace(newSelectedTab.href);\n      }}\n    >\n      <div className=\"mb-10 max-w-full overflow-x-auto\">\n        <TabsList>\n          {tabs.map((tab) => {\n            const children = (\n              <TabsTrigger key={tab.segment} value={tab.segment}>\n                {tab.icon && <span className=\"mr-2\">{tab.icon}</span>}\n                <span className=\"capitalize\">{tab.name}</span>\n              </TabsTrigger>\n            );\n\n            if (!tab.permission) return children;\n\n            return (\n              <Allowed key={tab.segment} permission={tab.permission}>\n                {children}\n              </Allowed>\n            );\n          })}\n        </TabsList>\n      </div>\n\n      <TabsContent value={selectedTab?.segment ?? \"\"}>\n        <ListLayout>{children}</ListLayout>\n      </TabsContent>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,UAAU,EAAE,MAAM,YAA4B;CAC5D,MAAM,UAAU,0BAA0B;CAC1C,MAAM,SAAS,WAAW;CAI1B,MAAM,CAAC,aAAa,kBAAkB,SAFnB,KAAK,MAAM,QAAQ,IAAI,YAAY,QAAQ,IAED,KAAK,GAAG;AAErE,QACE,qBAAC;EACC,OAAO,aAAa;EACpB,gBAAgB,UAAU;GACxB,MAAM,iBAAiB,KAAK,MAAM,QAAQ,IAAI,YAAY,MAAM;AAChE,OAAI,CAAC,eAAgB;AACrB,kBAAe,eAAe;AAC9B,UAAO,QAAQ,eAAe,KAAK;;aAGrC,oBAAC;GAAI,WAAU;aACb,oBAAC,sBACE,KAAK,KAAK,QAAQ;IACjB,MAAM,WACJ,qBAAC;KAA8B,OAAO,IAAI;gBACvC,IAAI,QAAQ,oBAAC;MAAK,WAAU;gBAAQ,IAAI;OAAY,EACrD,oBAAC;MAAK,WAAU;gBAAc,IAAI;OAAY;OAF9B,IAAI,QAGR;AAGhB,QAAI,CAAC,IAAI,WAAY,QAAO;AAE5B,WACE,oBAAC;KAA0B,YAAY,IAAI;KACxC;OADW,IAAI,QAER;KAEZ,GACO;IACP,EAEN,oBAAC;GAAY,OAAO,aAAa,WAAW;aAC1C,oBAAC,cAAY,WAAsB;IACvB;GACT"}

package/dist/components/lists/data-list.mjs

@@ -19,7 +19,7 @@ function DataListItem({ children, className, ...props }) {
 function DataListTitle({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("dt", {
 		...props,
-		className: cn("text-sm font-semibold leading-6", className),
+		className: cn("font-semibold text-sm leading-6", className),
 		children
 	});
 }

package/dist/components/lists/data-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.mjs","names":[],"sources":["../../../src/components/lists/data-list.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type DataListProps = React.HTMLAttributes<HTMLOListElement>;\n\nexport function DataList({ children, className, ...props }: DataListProps) {\n  return (\n    <dl {...props} className={cn(\"divide-y\", className)}>\n      {children}\n    </dl>\n  );\n}\n\nexport type DataListItemProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListItem({ children, className, ...props }: DataListItemProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"items-center py-3 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type DataListTitleProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListTitle({ children, className, ...props }: DataListTitleProps) {\n  return (\n    <dt {...props} className={cn(\"text-sm font-semibold leading-6\", className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport type DataListValueProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListValue({ children, className, ...props }: DataListValueProps) {\n  return (\n    <dd {...props} className={cn(\"mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0\", className)}>\n      {children}\n    </dd>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,SAAwB;AACzE,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,YAAY,UAAU;EAChD;GACE;;AAMT,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,0EACA,UACD;EAEA;GACG;;AAMV,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,mCAAmC,UAAU;EACvE;GACE;;AAMT,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,gDAAgD,UAAU;EACpF;GACE"}
+{"version":3,"file":"data-list.mjs","names":[],"sources":["../../../src/components/lists/data-list.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport type DataListProps = React.HTMLAttributes<HTMLOListElement>;\n\nexport function DataList({ children, className, ...props }: DataListProps) {\n  return (\n    <dl {...props} className={cn(\"divide-y\", className)}>\n      {children}\n    </dl>\n  );\n}\n\nexport type DataListItemProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListItem({ children, className, ...props }: DataListItemProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        \"items-center py-3 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type DataListTitleProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListTitle({ children, className, ...props }: DataListTitleProps) {\n  return (\n    <dt {...props} className={cn(\"font-semibold text-sm leading-6\", className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport type DataListValueProps = React.HTMLAttributes<HTMLElement>;\n\nexport function DataListValue({ children, className, ...props }: DataListValueProps) {\n  return (\n    <dd {...props} className={cn(\"mt-1 text-sm leading-6 sm:col-span-2 sm:mt-0\", className)}>\n      {children}\n    </dd>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,SAAwB;AACzE,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,YAAY,UAAU;EAChD;GACE;;AAMT,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,0EACA,UACD;EAEA;GACG;;AAMV,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,mCAAmC,UAAU;EACvE;GACE;;AAMT,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,SAA6B;AACnF,QACE,oBAAC;EAAG,GAAI;EAAO,WAAW,GAAG,gDAAgD,UAAU;EACpF;GACE"}

package/dist/components/lists/data-stack.mjs

@@ -40,7 +40,7 @@ function DataStack({ children, className, ...props }) {
 function DataStackTitle({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("dt", {
 		...props,
-		className: cn("text-sm font-medium leading-none", className),
+		className: cn("font-medium text-sm leading-none", className),
 		children
 	});
 }