@tulip-systems/core 0.8.3 → 0.10.0

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

@@ -0,0 +1,101 @@
+import { FileHandler } from "../extensions/file-handler/extension.mjs";
+import { Image } from "../extensions/image/extension.mjs";
+import { Skeleton } from "../extensions/skeleton/extension.mjs";
+import { createExtensionConfig } from "./extensions.mjs";
+import Blockquote from "@tiptap/extension-blockquote";
+import Bold from "@tiptap/extension-bold";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+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 Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import Underline from "@tiptap/extension-underline";
+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
+/**
+* Editor extensions map
+*/
+const EDITOR_EXTENSIONS = {
+	blockquote: Blockquote,
+	document: Document,
+	hardBreak: HardBreak,
+	heading: Heading,
+	horizontalRule: HorizontalRule,
+	listItem: ListItem,
+	orderedList: OrderedList,
+	bulletList: BulletList,
+	paragraph: Paragraph,
+	text: Text,
+	image: Image,
+	fileHandler: FileHandler,
+	skeleton: Skeleton,
+	bold: Bold,
+	italic: Italic,
+	link: Link,
+	strike: Strike,
+	underline: Underline,
+	highlight: Highlight,
+	dropcursor: Dropcursor,
+	gapcursor: Gapcursor,
+	undoRedo: UndoRedo,
+	listKeymap: ListKeymap,
+	trailingNode: TrailingNode,
+	textStyle: TextStyle,
+	color: Color
+};
+/**
+* Editor extensions keys
+*/
+const EDITOR_EXTENSIONS_KEYS = Object.keys(EDITOR_EXTENSIONS);
+/**
+* Editor extensions values
+*/
+const EDITOR_EXTENSIONS_VALUES = Object.values(EDITOR_EXTENSIONS);
+/**
+* Editor extensions config
+*/
+const EDITOR_EXTENSIONS_CONFIG = [
+	createExtensionConfig("blockquote"),
+	createExtensionConfig("document"),
+	createExtensionConfig("hardBreak"),
+	createExtensionConfig("heading"),
+	createExtensionConfig("horizontalRule"),
+	createExtensionConfig("listItem"),
+	createExtensionConfig("orderedList"),
+	createExtensionConfig("bulletList"),
+	createExtensionConfig("paragraph"),
+	createExtensionConfig("text"),
+	createExtensionConfig("image", { resize: {
+		enabled: true,
+		directions: ["left", "right"],
+		minHeight: 50,
+		minWidth: 50,
+		alwaysPreserveAspectRatio: true
+	} }),
+	createExtensionConfig("fileHandler"),
+	createExtensionConfig("skeleton"),
+	createExtensionConfig("bold"),
+	createExtensionConfig("italic"),
+	createExtensionConfig("link"),
+	createExtensionConfig("strike"),
+	createExtensionConfig("underline"),
+	createExtensionConfig("highlight", { multicolor: true }),
+	createExtensionConfig("dropcursor"),
+	createExtensionConfig("gapcursor"),
+	createExtensionConfig("undoRedo"),
+	createExtensionConfig("listKeymap"),
+	createExtensionConfig("trailingNode"),
+	createExtensionConfig("textStyle"),
+	createExtensionConfig("color")
+];
+
+//#endregion
+export { EDITOR_EXTENSIONS, EDITOR_EXTENSIONS_CONFIG, EDITOR_EXTENSIONS_KEYS };

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

@@ -0,0 +1,67 @@
+import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
+import { ImageOptions } from "../extensions/image/extension.mjs";
+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 { HorizontalRuleOptions } from "@tiptap/extension-horizontal-rule";
+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 { UnderlineOptions } from "@tiptap/extension-underline";
+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
+/**
+ * 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;
+  fileHandler: Partial<FileHandlerOptions> | boolean;
+  skeleton: boolean;
+  /**
+   * Marks
+   */
+  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 };

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

@@ -0,0 +1,49 @@
+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) {
+			acc[key] = true;
+			return acc;
+		}
+		acc[key] = typeof value === "boolean" ? value : true;
+		return acc;
+	}, {});
+}
+
+//#endregion
+export { createExtensionConfig, editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig };

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

@@ -0,0 +1,21 @@
+import { EditorJSONContent } from "./types.mjs";
+
+//#region src/components/editor/lib/helpers.d.ts
+/**
+ * Convert HTML to editor content
+ */
+declare function convertHTMLToEditorContent(html: string): EditorJSONContent;
+/**
+ * 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, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };

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

@@ -0,0 +1,68 @@
+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";
+import HardBreak from "@tiptap/extension-hard-break";
+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, 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 { generateJSON } from "@tiptap/html";
+import { renderToHTMLString, renderToMarkdown } from "@tiptap/static-renderer";
+
+//#region src/components/editor/lib/helpers.ts
+const EXTENSIONS_FOR_GENERATION = [
+	Blockquote,
+	BulletList,
+	Document,
+	HardBreak,
+	Heading,
+	HorizontalRule,
+	ListItem,
+	OrderedList,
+	Paragraph,
+	Text,
+	Bold,
+	Italic,
+	Link,
+	Strike,
+	Underline
+];
+/**
+* Convert HTML to editor content
+*/
+function convertHTMLToEditorContent(html) {
+	return generateJSON(html, EXTENSIONS_FOR_GENERATION);
+}
+/**
+* Convert markdown to editor content
+*/
+function convertMarkdownToEditorContent(markdown) {
+	return convertHTMLToEditorContent(markdownParser.render(markdown));
+}
+/**
+* Convert editor content to HTML
+*/
+function convertEditorContentToHTML(content) {
+	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, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };

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

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

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

@@ -0,0 +1,15 @@
+import { cn } from "../../../lib/utils/cn.mjs";
+import { cva } from "class-variance-authority";
+
+//#region src/components/editor/lib/variants.ts
+/**
+* Prose variants
+*/
+const editorProseVariants = cva(cn("prose dark:prose-invert", "prose-a:text-primary", "prose-headings:scroll-mt-20", "prose-h1:mt-6 prose-h1:mb-3", "prose-h2:mt-6 prose-h2:mb-3", "prose-h3:mt-5 prose-h3:mb-2", "prose-h4:mt-4 prose-h4:mb-2", "prose-ul:my-3 prose-ol:my-3", "prose-ul:pl-6 prose-ol:pl-6", "prose-li:my-1", "prose-li:marker:text-primary", "prose-li:p-0", "prose-img:my-0 prose-img:rounded-lg", "prose-blockquote:my-4 prose-blockquote:py-1", "prose-hr:my-6", "prose-pre:my-4"));
+/**
+* Image variants
+*/
+const editorImageVariants = cva(cn("[&_[data-resize-wrapper]]:!inline-block", "[&_[data-resize-wrapper]]:!relative", "[&_[data-resize-wrapper]]:max-w-full", "[&_[data-resize-wrapper]]:overflow-hidden", "[&_[data-resize-handle]]:absolute", "[&_[data-resize-handle]]:z-10", "[&_[data-resize-handle]]:rounded-full", "[&_[data-resize-handle]]:bg-muted/40", "[&_[data-resize-handle]]:w-1.5", "[&_[data-resize-handle]]:cursor-ew-resize", "[&_[data-resize-handle]]:opacity-0", "[&_[data-resize-handle]]:transition-opacity", "[&:hover_[data-resize-handle]]:opacity-100", "[&_[data-resize-state='true']_[data-resize-handle]]:opacity-100", "[&_[data-resize-handle]]:!top-1/2", "[&_[data-resize-handle]]:!bottom-auto", "[&_[data-resize-handle]]:!-translate-y-1/2", "[&_[data-resize-handle]]:!h-1/2", "[&_[data-resize-handle='left']]:!left-2", "[&_[data-resize-handle='right']]:!right-2", "[&_[data-resize-container]:has(img[data-pending='true'])]:[visibility:visible!important]", "[&_[data-resize-container]:has(img[data-pending='true'])]:[pointer-events:auto!important]", "[&_img[data-pending='true']]:bg-primary/10", "[&_img[data-pending='true']]:animate-pulse", "[&_img[data-pending='true']]:rounded-md", "[&_img[data-pending='true']]:opacity-0", "[&_img[data-pending='true']]:min-h-[500px]"));
+
+//#endregion
+export { editorImageVariants, editorProseVariants };

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

@@ -0,0 +1,50 @@
+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";
+
+//#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-[#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 font-bold text-[24px] text-black",
+								children: "Herstel uw wachtwoord"
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								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 font-semibold text-[12px] text-white no-underline",
+								href: resetPasswordHref,
+								children: "Reset password"
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsx(Text, {
+						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] text-black leading-[20px]",
+						children: "Stuur deze e-mail niet door om uw account veilig te houden."
+					})] })
+				]
+			})
+		}) })
+	] });
+}
+ForgetPasswordEmail.PreviewProps = { resetPasswordHref: url("/auth/reset-password") };
+
+//#endregion
+export { ForgetPasswordEmail as default };

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

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

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

@@ -0,0 +1,42 @@
+"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.client.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("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: [
+		/* @__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 };

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

@@ -0,0 +1,28 @@
+import { Path } from "../../modules/config/paths/types.mjs";
+import * as react_jsx_runtime0 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_runtime0.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_runtime0.JSX.Element;
+//#endregion
+export { BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps };

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

@@ -0,0 +1,37 @@
+"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 { useSelectedLayoutSegment } from "next/navigation";
+import Link from "next/link";
+
+//#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("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("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, {
+				permission,
+				children
+			}, href);
+			return children;
+		})
+	});
+}
+
+//#endregion
+export { BottomBar, BottomBarLinks };

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

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

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

@@ -0,0 +1,63 @@
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.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";
+
+//#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 };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+//#endregion
+export { Header };

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

@@ -0,0 +1,14 @@
+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("sticky top-0 z-30 bg-sidebar backdrop-blur-3xl", className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { Header };

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

@@ -0,0 +1,24 @@
+"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 };