@tulip-systems/core 0.4.0 → 0.5.0

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

@@ -0,0 +1,62 @@
+import { EditorExtensions } from "./constants.mjs";
+import { BlockquoteOptions } from "@tiptap/extension-blockquote";
+import { BoldOptions } from "@tiptap/extension-bold";
+import { HardBreakOptions } from "@tiptap/extension-hard-break";
+import { HeadingOptions } from "@tiptap/extension-heading";
+import { HighlightOptions } from "@tiptap/extension-highlight";
+import { HorizontalRuleOptions } from "@tiptap/extension-horizontal-rule";
+import { ImageOptions } from "@tiptap/extension-image";
+import { ItalicOptions } from "@tiptap/extension-italic";
+import { LinkOptions } from "@tiptap/extension-link";
+import { BulletListOptions, ListItemOptions, ListKeymapOptions, OrderedListOptions } from "@tiptap/extension-list";
+import { ParagraphOptions } from "@tiptap/extension-paragraph";
+import { StrikeOptions } from "@tiptap/extension-strike";
+import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
+import { UnderlineOptions } from "@tiptap/extension-underline";
+import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
+import "@tiptap/react";
+
+//#region src/components/editor/lib/extensions.d.ts
+
+/**
+ * Editor extensions defaults
+ */
+/**
+ * Editor extensions map
+ */
+type EditorExtensionsConfig = {
+  /**
+   * Nodes
+   */
+  blockquote: Partial<BlockquoteOptions> | boolean;
+  bulletList: Partial<BulletListOptions> | boolean;
+  document: boolean;
+  hardBreak: Partial<HardBreakOptions> | boolean;
+  heading: Partial<HeadingOptions> | boolean;
+  horizontalRule: Partial<HorizontalRuleOptions> | boolean;
+  listItem: Partial<ListItemOptions> | boolean;
+  orderedList: Partial<OrderedListOptions> | boolean;
+  paragraph: Partial<ParagraphOptions> | boolean;
+  text: Partial<TextStyleOptions> | boolean;
+  image: Partial<ImageOptions> | boolean;
+  bold: Partial<BoldOptions> | boolean;
+  italic: Partial<ItalicOptions> | boolean;
+  link: Partial<LinkOptions> | boolean;
+  strike: Partial<StrikeOptions> | boolean;
+  underline: Partial<UnderlineOptions> | boolean;
+  highlight: Partial<HighlightOptions> | boolean;
+  /**
+   * Extensions
+   */
+  dropcursor: Partial<DropcursorOptions> | boolean;
+  gapcursor: boolean;
+  undoRedo: Partial<UndoRedoOptions> | boolean;
+  listKeymap: Partial<ListKeymapOptions> | boolean;
+  trailingNode: Partial<TrailingNodeOptions> | boolean;
+  textStyle: Partial<TextStyleOptions> | boolean;
+  color: Partial<ColorOptions> | boolean;
+};
+type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;
+//#endregion
+export { EditorExtensionsConfig, EditorExtensionsConfigResult };
+//# sourceMappingURL=extensions.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.d.mts","names":[],"sources":["../../../../src/components/editor/lib/extensions.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;AAKc,KALF,sBAAA,GAKE;EAEO;;;EACV,UAAA,EAJG,OAIH,CAJW,iBAIX,CAAA,GAAA,OAAA;EACe,UAAA,EAJZ,OAIY,CAJJ,iBAII,CAAA,GAAA,OAAA;EAAR,QAAA,EAAA,OAAA;EACE,SAAA,EAHP,OAGO,CAHC,gBAGD,CAAA,GAAA,OAAA;EAAR,OAAA,EAFD,OAEC,CAFO,cAEP,CAAA,GAAA,OAAA;EACW,cAAA,EAFL,OAEK,CAFG,qBAEH,CAAA,GAAA,OAAA;EAAR,QAAA,EADH,OACG,CADK,eACL,CAAA,GAAA,OAAA;EACM,WAAA,EADN,OACM,CADE,kBACF,CAAA,GAAA,OAAA;EAAR,SAAA,EAAA,OAAA,CAAQ,gBAAR,CAAA,GAAA,OAAA;EACG,IAAA,EAAR,OAAQ,CAAA,gBAAA,CAAA,GAAA,OAAA;EAAR,KAAA,EACC,OADD,CACS,YADT,CAAA,GAAA,OAAA;EACS,IAAA,EAIT,OAJS,CAID,WAJC,CAAA,GAAA,OAAA;EAAR,MAAA,EAKC,OALD,CAKS,aALT,CAAA,GAAA,OAAA;EAIO,IAAA,EAER,OAFQ,CAEA,WAFA,CAAA,GAAA,OAAA;EAAR,MAAA,EAGE,OAHF,CAGU,aAHV,CAAA,GAAA,OAAA;EACU,SAAA,EAGL,OAHK,CAGG,gBAHH,CAAA,GAAA,OAAA;EAAR,SAAA,EAIG,OAJH,CAIW,gBAJX,CAAA,GAAA,OAAA;EACM;;;EACN,UAAA,EAMI,OANJ,CAMY,iBANZ,CAAA,GAAA,OAAA;EACW,SAAA,EAAA,OAAA;EAAR,QAAA,EAOD,OAPC,CAOO,eAPP,CAAA,GAAA,OAAA;EACQ,UAAA,EAOP,OAPO,CAOC,iBAPD,CAAA,GAAA,OAAA;EAAR,YAAA,EAQG,OARH,CAQW,mBARX,CAAA,GAAA,OAAA;EAIS,SAAA,EAKT,OALS,CAKD,gBALC,CAAA,GAAA,OAAA;EAAR,KAAA,EAML,OANK,CAMG,YANH,CAAA,GAAA,OAAA;CAEM;KA4ER,4BAAA,GAA+B,aAAa"}

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

@@ -0,0 +1,52 @@
+import { EDITOR_EXTENSIONS, EDITOR_EXTENSIONS_CONFIG, EDITOR_EXTENSIONS_KEYS } from "./constants.mjs";
+import deepmerge from "deepmerge";
+
+//#region src/components/editor/lib/extensions.ts
+/**
+* Create extension config
+* @param name
+* @param defaultOptions
+* @returns
+*/
+function createExtensionConfig(name, defaultOptions = {}) {
+	return {
+		name,
+		configure: (options) => {
+			const extension = EDITOR_EXTENSIONS[name];
+			if (!options || !extension) return void 0;
+			if (typeof options === "boolean") return extension.configure(defaultOptions);
+			const extensionOptions = deepmerge(defaultOptions, options);
+			return extension.configure(extensionOptions);
+		}
+	};
+}
+/**
+*  Editor extensions config to extensions
+*/
+function editorExtensionsConfigToExtensions(extensions) {
+	return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {
+		const value = extensions?.[name];
+		if (value === void 0) return configure(true);
+		return configure(value);
+	});
+}
+/**
+* Editor extensions config result
+*/
+function flattenEditorExtensionsConfig(extensions) {
+	return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {
+		const value = extensions?.[key];
+		if (value === void 0) return {
+			...acc,
+			[key]: true
+		};
+		return {
+			...acc,
+			[key]: typeof value === "boolean" ? value : true
+		};
+	}, {});
+}
+
+//#endregion
+export { createExtensionConfig, editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig };
+//# sourceMappingURL=extensions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extensions.mjs","names":[],"sources":["../../../../src/components/editor/lib/extensions.ts"],"sourcesContent":["import { BlockquoteOptions } from \"@tiptap/extension-blockquote\";\nimport { BoldOptions } from \"@tiptap/extension-bold\";\nimport { HardBreakOptions } from \"@tiptap/extension-hard-break\";\nimport { HeadingOptions } from \"@tiptap/extension-heading\";\nimport { HighlightOptions } from \"@tiptap/extension-highlight\";\nimport { HorizontalRuleOptions } from \"@tiptap/extension-horizontal-rule\";\nimport { ImageOptions } from \"@tiptap/extension-image\";\nimport { ItalicOptions } from \"@tiptap/extension-italic\";\nimport { LinkOptions } from \"@tiptap/extension-link\";\nimport {\n  BulletListOptions,\n  ListItemOptions,\n  ListKeymapOptions,\n  OrderedListOptions,\n} from \"@tiptap/extension-list\";\nimport { ParagraphOptions } from \"@tiptap/extension-paragraph\";\nimport { StrikeOptions } from \"@tiptap/extension-strike\";\nimport { ColorOptions, TextStyleOptions } from \"@tiptap/extension-text-style\";\nimport { UnderlineOptions } from \"@tiptap/extension-underline\";\nimport { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from \"@tiptap/extensions\";\nimport { Extension } from \"@tiptap/react\";\nimport deepmerge from \"deepmerge\";\nimport {\n  EDITOR_EXTENSIONS,\n  EDITOR_EXTENSIONS_CONFIG,\n  EDITOR_EXTENSIONS_KEYS,\n  EditorExtensions,\n} from \"./constants\";\n\n/**\n * Editor extensions defaults\n */\n/**\n * Editor extensions map\n */\nexport type EditorExtensionsConfig = {\n  /**\n   * Nodes\n   */\n  blockquote: Partial<BlockquoteOptions> | boolean;\n  bulletList: Partial<BulletListOptions> | boolean;\n  document: boolean;\n  hardBreak: Partial<HardBreakOptions> | boolean;\n  heading: Partial<HeadingOptions> | boolean;\n  horizontalRule: Partial<HorizontalRuleOptions> | boolean;\n  listItem: Partial<ListItemOptions> | boolean;\n  orderedList: Partial<OrderedListOptions> | boolean;\n  paragraph: Partial<ParagraphOptions> | boolean;\n  text: Partial<TextStyleOptions> | boolean;\n  image: Partial<ImageOptions> | boolean;\n  // /**\n  //  * Marks\n  //  */\n  bold: Partial<BoldOptions> | boolean;\n  italic: Partial<ItalicOptions> | boolean;\n  link: Partial<LinkOptions> | boolean;\n  strike: Partial<StrikeOptions> | boolean;\n  underline: Partial<UnderlineOptions> | boolean;\n  highlight: Partial<HighlightOptions> | boolean;\n  /**\n   * Extensions\n   */\n  dropcursor: Partial<DropcursorOptions> | boolean;\n  gapcursor: boolean;\n  undoRedo: Partial<UndoRedoOptions> | boolean;\n  listKeymap: Partial<ListKeymapOptions> | boolean;\n  trailingNode: Partial<TrailingNodeOptions> | boolean;\n  textStyle: Partial<TextStyleOptions> | boolean;\n  color: Partial<ColorOptions> | boolean;\n};\n\n/**\n * Create extension config\n * @param name\n * @param defaultOptions\n * @returns\n */\nexport function createExtensionConfig<TName extends keyof EditorExtensionsConfig>(\n  name: TName,\n  defaultOptions: Partial<Exclude<EditorExtensionsConfig[TName], boolean>> = {},\n) {\n  return {\n    name,\n    configure: (options: EditorExtensionsConfig[TName]) => {\n      // Get extension\n      const extension = EDITOR_EXTENSIONS[name];\n\n      // If no options or no extension, return undefined\n      if (!options || !extension) return undefined;\n\n      // If no options are provided, return extension\n      if (typeof options === \"boolean\") return extension.configure(defaultOptions);\n\n      const extensionOptions = deepmerge(defaultOptions, options as object);\n\n      // If no options are provided, return extension else configure\n      return extension.configure(extensionOptions);\n    },\n  };\n}\n\n/**\n *  Editor extensions config to extensions\n */\nexport function editorExtensionsConfigToExtensions(extensions?: Partial<EditorExtensionsConfig>) {\n  return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {\n    // Get the extension config\n    const value = extensions?.[name];\n\n    // if no value is provided, return extension\n    if (value === undefined) return configure(true) as Extension;\n\n    // If value is boolean, return extension\n    return configure(value as any) as Extension;\n  });\n}\n\n/**\n * Editor extensions config result\n */\nexport function flattenEditorExtensionsConfig(\n  extensions?: Partial<EditorExtensionsConfig>,\n): EditorExtensionsConfigResult {\n  return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {\n    const value = extensions?.[key as keyof EditorExtensionsConfig];\n\n    if (value === undefined) {\n      return {\n        ...acc,\n        [key]: true,\n      };\n    }\n\n    return {\n      ...acc,\n      [key]: typeof value === \"boolean\" ? value : true,\n    };\n  }, {} as EditorExtensionsConfigResult);\n}\n\nexport type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;\n\n// const { uploadImage } = useUploadEditor();\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"],"mappings":";;;;;;;;;;AA6EA,SAAgB,sBACd,MACA,iBAA2E,EAAE,EAC7E;AACA,QAAO;EACL;EACA,YAAY,YAA2C;GAErD,MAAM,YAAY,kBAAkB;AAGpC,OAAI,CAAC,WAAW,CAAC,UAAW,QAAO;AAGnC,OAAI,OAAO,YAAY,UAAW,QAAO,UAAU,UAAU,eAAe;GAE5E,MAAM,mBAAmB,UAAU,gBAAgB,QAAkB;AAGrE,UAAO,UAAU,UAAU,iBAAiB;;EAE/C;;;;;AAMH,SAAgB,mCAAmC,YAA8C;AAC/F,QAAO,yBAAyB,SAAS,EAAE,MAAM,gBAAgB;EAE/D,MAAM,QAAQ,aAAa;AAG3B,MAAI,UAAU,OAAW,QAAO,UAAU,KAAK;AAG/C,SAAO,UAAU,MAAa;GAC9B;;;;;AAMJ,SAAgB,8BACd,YAC8B;AAC9B,QAAO,uBAAuB,QAAQ,KAAK,QAAQ;EACjD,MAAM,QAAQ,aAAa;AAE3B,MAAI,UAAU,OACZ,QAAO;GACL,GAAG;IACF,MAAM;GACR;AAGH,SAAO;GACL,GAAG;IACF,MAAM,OAAO,UAAU,YAAY,QAAQ;GAC7C;IACA,EAAE,CAAiC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { cva } from "class-variance-authority";
+
+//#region src/components/editor/lib/variants.ts
+const editorProseVariants = cva("prose dark:prose-invert prose-a:text-primary prose-li:marker:text-primary");
+
+//#endregion
+export { editorProseVariants };
+//# sourceMappingURL=variants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.mjs","names":[],"sources":["../../../../src/components/editor/lib/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const editorProseVariants = cva(\n  \"prose dark:prose-invert prose-a:text-primary prose-li:marker:text-primary\",\n);\n"],"mappings":";;;AAEA,MAAa,sBAAsB,IACjC,4EACD"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Allowed } from "../../modules/auth/components/allowed.client.mjs";
+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, 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"),
+				children: name
+			}, href);
+			if (permission) return /* @__PURE__ */ jsx(Allowed, {
+				permission,
+				children
+			}, href);
+			return children;
+		})
+	});
+}
+
+//#endregion
+export { BottomBar, BottomBarLinks };
+//# sourceMappingURL=bottom-bar.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.client.mjs","names":[],"sources":["../../../src/components/header/bottom-bar.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { Path } 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<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"}

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

@@ -0,0 +1,35 @@
+import { BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
+import * as react_jsx_runtime226 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_runtime226.JSX.Element;
+declare const HeaderBreadcrumbSeparator: typeof BreadcrumbSeparator;
+/**
+ * Dropdown menu
+ */
+declare function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren): react_jsx_runtime226.JSX.Element;
+declare function HeaderBreadcrumbsDropdownMenuItem(props: {
+  breadcrumb: HeaderBreadcrumb;
+}): react_jsx_runtime226.JSX.Element;
+/**
+ * Links
+ */
+declare function HeaderBreadcrumbsLink(props: {
+  breadcrumb: HeaderBreadcrumb;
+}): react_jsx_runtime226.JSX.Element;
+/**
+ * Lists
+ */
+declare function HeaderBreadcrumbsMobileList(props: PropsWithChildren): react_jsx_runtime226.JSX.Element;
+declare function HeaderBreadcrumbsDesktopList(props: PropsWithChildren): react_jsx_runtime226.JSX.Element;
+//#endregion
+export { HeaderBreadcrumb, HeaderBreadcrumbProps, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList };
+//# sourceMappingURL=breadcrumbs.client.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.client.d.mts","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":[],"mappings":";;;;;KAmBY,gBAAA;;;AAAZ,CAAA;AAKY,KAAA,qBAAA,GAAqB;EAIjB,WAAA,EAHD,gBAGkB,EAAA;AAIjC,CAAA;AAKgB,iBATA,iBAAA,CAS6B,KAAA,EATJ,iBASY,CAAA,EATK,oBAAA,CAAA,GAAA,CAAA,OASY;AAatD,cAlBH,yBAkBoC,EAAA,OAlBX,mBAkBmD;AAezF;AAmBA;AAQA;iBAvDgB,6BAAA,QAAqC,oBAAiB,oBAAA,CAAA,GAAA,CAAA;iBAatD,iCAAA;cAAuD;IAAkB,oBAAA,CAAA,GAAA,CAAA;;;;iBAezE,qBAAA;cAA2C;IAAkB,oBAAA,CAAA,GAAA,CAAA;;;;iBAmB7D,2BAAA,QAAmC,oBAAiB,oBAAA,CAAA,GAAA,CAAA;iBAQpD,4BAAA,QAAoC,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,64 @@
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
+import { ScrollArea } from "../ui/scroll-area.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+
+//#region src/components/header/breadcrumbs.client.tsx
+function HeaderBreadcrumbs(props) {
+	return /* @__PURE__ */ jsx(Breadcrumb, { children: props.children });
+}
+const HeaderBreadcrumbSeparator = BreadcrumbSeparator;
+/**
+* Dropdown menu
+*/
+function HeaderBreadcrumbsDropdownMenu(props) {
+	return /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		className: "flex items-center gap-1",
+		children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, {})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "start",
+		children: props.children
+	})] }) });
+}
+function HeaderBreadcrumbsDropdownMenuItem(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuItem, { children: props.breadcrumb.href ? /* @__PURE__ */ jsx(Link, {
+		href: props.breadcrumb.href,
+		children: props.breadcrumb.label
+	}) : /* @__PURE__ */ jsx("span", { children: props.breadcrumb.label }) });
+}
+/**
+* Links
+*/
+function HeaderBreadcrumbsLink(props) {
+	return /* @__PURE__ */ jsx(BreadcrumbItem, { children: props.breadcrumb.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Link, {
+			href: props.breadcrumb.href,
+			className: "truncate",
+			children: props.breadcrumb.label
+		})
+	}) : /* @__PURE__ */ jsx(BreadcrumbPage, {
+		className: "truncate",
+		children: props.breadcrumb.label
+	}) });
+}
+/**
+* Lists
+*/
+function HeaderBreadcrumbsMobileList(props) {
+	return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "flex-nowrap lg:hidden",
+		children: props.children
+	}) });
+}
+function HeaderBreadcrumbsDesktopList(props) {
+	return /* @__PURE__ */ jsx(ScrollArea, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "hidden flex-nowrap lg:flex",
+		children: props.children
+	}) });
+}
+
+//#endregion
+export { HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList };
+//# sourceMappingURL=breadcrumbs.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.client.mjs","names":[],"sources":["../../../src/components/header/breadcrumbs.client.tsx"],"sourcesContent":["import {\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\";\nimport Link from \"next/link\";\nimport { PropsWithChildren } from \"react\";\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.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime232 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/header/header.client.d.ts
+declare function Header({
+  children,
+  className,
+  ...props
+}: ComponentProps<"header">): react_jsx_runtime232.JSX.Element;
+//#endregion
+export { Header };
+//# sourceMappingURL=header.client.d.mts.map

package/dist/components/header/header.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.client.d.mts","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,MAAA;;;;GAA0C,2BAAwB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,15 @@
+import { cn } from "../../lib/utils/cn.mjs";
+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),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { Header };
+//# sourceMappingURL=header.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.client.mjs","names":[],"sources":["../../../src/components/header/header.client.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport { ComponentProps } from \"react\";\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"}

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

@@ -0,0 +1,25 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { useIndicator } from "../../lib/hooks/use-indicator.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/header/indicator.client.tsx
+const inlineEditIndicatorVariants = cva("absolute top-2 left-3 z-50 size-2 rounded-full bg-primary", {
+	variants: { status: {
+		idle: "bg-transparent",
+		pending: "bg-primary",
+		success: "bg-green-500",
+		error: "bg-destructive"
+	} },
+	defaultVariants: { status: "idle" }
+});
+function Indicator() {
+	const { status } = useIndicator();
+	return /* @__PURE__ */ jsx("div", { className: cn(inlineEditIndicatorVariants({ status })) });
+}
+
+//#endregion
+export { Indicator };
+//# sourceMappingURL=indicator.client.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.client.mjs","names":[],"sources":["../../../src/components/header/indicator.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { IndicatorStatus, useIndicator } from \"@/lib/hooks/use-indicator\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { cva } from \"class-variance-authority\";\n\nconst inlineEditIndicatorVariants = cva(\n  \"absolute top-2 left-3 z-50 size-2 rounded-full bg-primary\",\n  {\n    variants: {\n      status: {\n        idle: \"bg-transparent\",\n        pending: \"bg-primary\",\n        success: \"bg-green-500\",\n        error: \"bg-destructive\",\n      } satisfies Record<IndicatorStatus, string>,\n    },\n    defaultVariants: {\n      status: \"idle\",\n    },\n  },\n);\n\nexport function Indicator() {\n  const { status } = useIndicator();\n\n  return <div className={cn(inlineEditIndicatorVariants({ status }))} />;\n}\n"],"mappings":";;;;;;;;AAMA,MAAM,8BAA8B,IAClC,6DACA;CACE,UAAU,EACR,QAAQ;EACN,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACR,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CACF;AAED,SAAgB,YAAY;CAC1B,MAAM,EAAE,WAAW,cAAc;AAEjC,QAAO,oBAAC,SAAI,WAAW,GAAG,4BAA4B,EAAE,QAAQ,CAAC,CAAC,GAAI"}

package/dist/components/header/mobile-nav-switcher.client.d.mts

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

package/dist/components/header/mobile-nav-switcher.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-nav-switcher.client.d.mts","names":[],"sources":["../../../src/components/header/mobile-nav-switcher.client.tsx"],"sourcesContent":[],"mappings":";;;iBAKgB,6BAAA;;;GAGb,KAAA,CAAM,mBAAmB,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}