@epicbagel/saas-kit 1.32.0 → 1.33.0

package/dist/primitives/marketing-footer.d.cts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type MarketingFooterLink = {
+    href: string;
+    label: ReactNode;
+};
+type RenderLink = (props: {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}) => ReactNode;
+/**
+ * MarketingFooter — brand on the left, a row of meta links + a meta
+ * note (version / copyright) on the right, in the shared mono-muted
+ * treatment. Routing injected via `renderLink` (falls back to <a>).
+ * Server-component-safe.
+ */
+interface MarketingFooterProps {
+    brand?: ReactNode;
+    links?: MarketingFooterLink[];
+    /** Trailing meta — e.g. "v0.1 · beta" or "© 2026". */
+    meta?: ReactNode;
+    renderLink?: RenderLink;
+    className?: string;
+}
+declare function MarketingFooter({ brand, links, meta, renderLink, className, }: MarketingFooterProps): react_jsx_runtime.JSX.Element;
+
+export { MarketingFooter, type MarketingFooterLink, type MarketingFooterProps };

package/dist/primitives/marketing-footer.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type MarketingFooterLink = {
+    href: string;
+    label: ReactNode;
+};
+type RenderLink = (props: {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}) => ReactNode;
+/**
+ * MarketingFooter — brand on the left, a row of meta links + a meta
+ * note (version / copyright) on the right, in the shared mono-muted
+ * treatment. Routing injected via `renderLink` (falls back to <a>).
+ * Server-component-safe.
+ */
+interface MarketingFooterProps {
+    brand?: ReactNode;
+    links?: MarketingFooterLink[];
+    /** Trailing meta — e.g. "v0.1 · beta" or "© 2026". */
+    meta?: ReactNode;
+    renderLink?: RenderLink;
+    className?: string;
+}
+declare function MarketingFooter({ brand, links, meta, renderLink, className, }: MarketingFooterProps): react_jsx_runtime.JSX.Element;
+
+export { MarketingFooter, type MarketingFooterLink, type MarketingFooterProps };

package/dist/primitives/marketing-footer.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/marketing-footer.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function MarketingFooter({
+  brand,
+  links = [],
+  meta,
+  renderLink,
+  className
+}) {
+  const cls = "transition-colors hover:text-foreground";
+  const link = (l) => {
+    if (renderLink)
+      return /* @__PURE__ */ jsx("span", { children: renderLink({ href: l.href, children: l.label, className: cls }) }, l.href);
+    return /* @__PURE__ */ jsx("a", { href: l.href, className: cls, children: l.label }, l.href);
+  };
+  return /* @__PURE__ */ jsx("footer", { className: cn("border-t border-border", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-5xl flex-wrap items-center justify-between gap-4 px-4 py-6 md:px-6", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 font-mono text-xs text-muted-foreground", children: [
+      links.map(link),
+      meta && /* @__PURE__ */ jsxs(Fragment, { children: [
+        links.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { children: meta })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  MarketingFooter
+};

package/dist/primitives/marketing-header.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/marketing-header.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function MarketingHeader({
+  brand,
+  links = [],
+  trailing,
+  renderLink,
+  variant = "default",
+  className
+}) {
+  const link = (l) => {
+    const cls = variant === "mono" ? "font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground transition-colors hover:text-foreground" : "text-sm text-muted-foreground transition-colors hover:text-foreground";
+    if (renderLink)
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: renderLink({ href: l.href, children: l.label, className: cls }) }, l.href);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: l.href, className: cls, children: l.label }, l.href);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "header",
+    {
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        "sticky top-0 z-50 border-b border-border bg-background/80 backdrop-blur-sm supports-[backdrop-filter]:bg-background/70",
+        className
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto flex w-full max-w-5xl items-center justify-between px-4 py-4 md:px-6", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center", children: brand }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { className: "flex items-center gap-3 md:gap-5", children: [
+          links.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden items-center gap-5 sm:flex", children: links.map(link) }),
+          trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-2 md:gap-3", children: trailing })
+        ] })
+      ] })
+    }
+  );
+}
+
+
+exports.MarketingHeader = MarketingHeader;

package/dist/primitives/marketing-header.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type MarketingNavLink = {
+    href: string;
+    label: ReactNode;
+};
+type RenderLink = (props: {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}) => ReactNode;
+/**
+ * MarketingHeader — the sticky landing-page top bar: brand on the left,
+ * nav links + a trailing slot (theme switch, auth buttons) on the right.
+ * Routing is injected via `renderLink` (falls back to <a>), so the kit
+ * stays framework-agnostic. Server-component-safe.
+ */
+interface MarketingHeaderProps {
+    brand?: ReactNode;
+    links?: MarketingNavLink[];
+    /** Right-aligned slot — e.g. <ThemeModeSwitch /> + sign-in/up buttons. */
+    trailing?: ReactNode;
+    renderLink?: RenderLink;
+    /** "mono" gives the editorial uppercase-mono nav treatment. */
+    variant?: "default" | "mono";
+    className?: string;
+}
+declare function MarketingHeader({ brand, links, trailing, renderLink, variant, className, }: MarketingHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { MarketingHeader, type MarketingHeaderProps, type MarketingNavLink };

package/dist/primitives/marketing-header.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type MarketingNavLink = {
+    href: string;
+    label: ReactNode;
+};
+type RenderLink = (props: {
+    href: string;
+    children: ReactNode;
+    className?: string;
+}) => ReactNode;
+/**
+ * MarketingHeader — the sticky landing-page top bar: brand on the left,
+ * nav links + a trailing slot (theme switch, auth buttons) on the right.
+ * Routing is injected via `renderLink` (falls back to <a>), so the kit
+ * stays framework-agnostic. Server-component-safe.
+ */
+interface MarketingHeaderProps {
+    brand?: ReactNode;
+    links?: MarketingNavLink[];
+    /** Right-aligned slot — e.g. <ThemeModeSwitch /> + sign-in/up buttons. */
+    trailing?: ReactNode;
+    renderLink?: RenderLink;
+    /** "mono" gives the editorial uppercase-mono nav treatment. */
+    variant?: "default" | "mono";
+    className?: string;
+}
+declare function MarketingHeader({ brand, links, trailing, renderLink, variant, className, }: MarketingHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { MarketingHeader, type MarketingHeaderProps, type MarketingNavLink };

package/dist/primitives/marketing-header.js

@@ -0,0 +1,41 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/marketing-header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MarketingHeader({
+  brand,
+  links = [],
+  trailing,
+  renderLink,
+  variant = "default",
+  className
+}) {
+  const link = (l) => {
+    const cls = variant === "mono" ? "font-mono text-xs uppercase tracking-[0.18em] text-muted-foreground transition-colors hover:text-foreground" : "text-sm text-muted-foreground transition-colors hover:text-foreground";
+    if (renderLink)
+      return /* @__PURE__ */ jsx("span", { children: renderLink({ href: l.href, children: l.label, className: cls }) }, l.href);
+    return /* @__PURE__ */ jsx("a", { href: l.href, className: cls, children: l.label }, l.href);
+  };
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-50 border-b border-border bg-background/80 backdrop-blur-sm supports-[backdrop-filter]:bg-background/70",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-5xl items-center justify-between px-4 py-4 md:px-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center", children: brand }),
+        /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-3 md:gap-5", children: [
+          links.length > 0 && /* @__PURE__ */ jsx("div", { className: "hidden items-center gap-5 sm:flex", children: links.map(link) }),
+          trailing && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 md:gap-3", children: trailing })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  MarketingHeader
+};

package/dist/primitives/marketing-section.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkHTTRUJQUcjs = require('../chunk-HTTRUJQU.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.MarketingSection = _chunkHTTRUJQUcjs.MarketingSection;

package/dist/primitives/marketing-section.d.cts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * MarketingSection — the canonical container every landing-page section
+ * sits in. Codifies the shared rhythm across the app portfolio: a
+ * centered max-width inner column, responsive horizontal padding, a
+ * vertical padding scale, and the three background "tones" the apps
+ * alternate between (default / muted band / inverted dark band).
+ *
+ * Server-safe; compose the section primitives (Hero, FeatureGrid, …)
+ * or arbitrary children inside it.
+ */
+declare const sectionVariants: (props?: ({
+    tone?: "default" | "muted" | "inverted" | null | undefined;
+    padding?: "none" | "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const widthClass: {
+    readonly narrow: "max-w-3xl";
+    readonly wide: "max-w-5xl";
+    readonly widest: "max-w-6xl";
+};
+interface MarketingSectionProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
+    /** Inner column max-width. narrow=prose/hero, wide=header/footer, widest=grids. */
+    width?: keyof typeof widthClass;
+    /** Override the rendered element. Defaults to <section>. */
+    as?: ElementType;
+    /** Extra classes on the centered inner column (not the full-bleed band). */
+    innerClassName?: string;
+}
+declare const MarketingSection: React.ForwardRefExoticComponent<MarketingSectionProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingSection, type MarketingSectionProps };

package/dist/primitives/marketing-section.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { HTMLAttributes, ElementType } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * MarketingSection — the canonical container every landing-page section
+ * sits in. Codifies the shared rhythm across the app portfolio: a
+ * centered max-width inner column, responsive horizontal padding, a
+ * vertical padding scale, and the three background "tones" the apps
+ * alternate between (default / muted band / inverted dark band).
+ *
+ * Server-safe; compose the section primitives (Hero, FeatureGrid, …)
+ * or arbitrary children inside it.
+ */
+declare const sectionVariants: (props?: ({
+    tone?: "default" | "muted" | "inverted" | null | undefined;
+    padding?: "none" | "sm" | "lg" | "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const widthClass: {
+    readonly narrow: "max-w-3xl";
+    readonly wide: "max-w-5xl";
+    readonly widest: "max-w-6xl";
+};
+interface MarketingSectionProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
+    /** Inner column max-width. narrow=prose/hero, wide=header/footer, widest=grids. */
+    width?: keyof typeof widthClass;
+    /** Override the rendered element. Defaults to <section>. */
+    as?: ElementType;
+    /** Extra classes on the centered inner column (not the full-bleed band). */
+    innerClassName?: string;
+}
+declare const MarketingSection: React.ForwardRefExoticComponent<MarketingSectionProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingSection, type MarketingSectionProps };

package/dist/primitives/marketing-section.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  MarketingSection
+} from "../chunk-TUQVHPSI.js";
+import "../chunk-G6SRSWXB.js";
+export {
+  MarketingSection
+};

package/dist/primitives/marketing-shell.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/marketing-shell.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var MarketingShell = _react.forwardRef.call(void 0, 
+  function MarketingShell2({ surface = "default", printSurface = "preserve", className, ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "main",
+      {
+        ref,
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex min-h-screen flex-col text-foreground",
+          surface === "default" ? "bg-background" : "bg-muted/40",
+          printSurface === "default" && "print:bg-background",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+
+exports.MarketingShell = MarketingShell;

package/dist/primitives/marketing-shell.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface MarketingShellProps extends HTMLAttributes<HTMLElement> {
+    surface?: "default" | "muted";
+    printSurface?: "preserve" | "default";
+}
+/**
+ * Full-height outer container for public marketing, legal, and editorial
+ * routes. Header, sections, and footer remain independently composable.
+ */
+declare const MarketingShell: React.ForwardRefExoticComponent<MarketingShellProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingShell, type MarketingShellProps };

package/dist/primitives/marketing-shell.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { HTMLAttributes } from 'react';
+
+interface MarketingShellProps extends HTMLAttributes<HTMLElement> {
+    surface?: "default" | "muted";
+    printSurface?: "preserve" | "default";
+}
+/**
+ * Full-height outer container for public marketing, legal, and editorial
+ * routes. Header, sections, and footer remain independently composable.
+ */
+declare const MarketingShell: React.ForwardRefExoticComponent<MarketingShellProps & React.RefAttributes<HTMLElement>>;
+
+export { MarketingShell, type MarketingShellProps };

package/dist/primitives/marketing-shell.js

@@ -0,0 +1,28 @@
+"use client";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/marketing-shell.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var MarketingShell = forwardRef(
+  function MarketingShell2({ surface = "default", printSurface = "preserve", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "main",
+      {
+        ref,
+        className: cn(
+          "flex min-h-screen flex-col text-foreground",
+          surface === "default" ? "bg-background" : "bg-muted/40",
+          printSurface === "default" && "print:bg-background",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+export {
+  MarketingShell
+};

package/dist/primitives/notes.cjs

@@ -21,16 +21,16 @@ var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
 
 
 var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
-require('../chunk-VGTINL5Q.cjs');
-
-
-var _chunkI6GUOEBOcjs = require('../chunk-I6GUOEBO.cjs');
 
 
 var _chunkCLYAASFNcjs = require('../chunk-CLYAASFN.cjs');
 
 
 var _chunkVBPPFC7Xcjs = require('../chunk-VBPPFC7X.cjs');
+require('../chunk-VGTINL5Q.cjs');
+
+
+var _chunkI6GUOEBOcjs = require('../chunk-I6GUOEBO.cjs');
 
 
 var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');

package/dist/primitives/notes.js

@@ -21,16 +21,16 @@ import {
 import {
   Icon
 } from "../chunk-KN4RPX35.js";
-import "../chunk-H7TETFLB.js";
-import {
-  Badge
-} from "../chunk-D4ZL2OEQ.js";
 import {
   EmptyState
 } from "../chunk-ET4THLFX.js";
 import {
   Skeleton
 } from "../chunk-YEW65ASC.js";
+import "../chunk-H7TETFLB.js";
+import {
+  Badge
+} from "../chunk-D4ZL2OEQ.js";
 import {
   Button
 } from "../chunk-W326GKML.js";

package/dist/primitives/page-header.cjs

@@ -1,72 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+var _chunkY6X6XDHEcjs = require('../chunk-Y6X6XDHE.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/page-header.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function PageHeader({
-  eyebrow,
-  title,
-  description,
-  children,
-  size = "default",
-  actionsLayout = "inline",
-  spacing = "default",
-  responsiveVisibility = "always",
-  className
-}) {
-  const display = size === "display";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-        "flex items-start justify-between gap-4",
-        spacing === "default" && (display ? "mb-8 md:mb-10" : "mb-6"),
-        spacing === "compact" && "mb-4",
-        display && "flex-col gap-6 sm:flex-row sm:gap-4",
-        actionsLayout === "responsive" && "flex-wrap gap-y-3 [&>div:last-child]:w-full [&>div:last-child]:justify-end sm:[&>div:last-child]:w-auto",
-        responsiveVisibility === "desktop" && "hidden md:flex",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "min-w-0 flex-1", display ? "space-y-2" : "space-y-1.5"), children: [
-          eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-mono text-xs uppercase tracking-widest text-muted-foreground", children: eyebrow }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "h1",
-            {
-              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                "font-semibold tracking-tight",
-                size === "display" ? "text-4xl leading-none md:text-6xl md:leading-none" : "text-2xl md:text-3xl"
-              ),
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "p",
-            {
-              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-                "max-w-[72ch] text-muted-foreground",
-                size === "display" ? "text-base md:text-lg" : "text-sm"
-              ),
-              children: description
-            }
-          )
-        ] }),
-        children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-              "flex shrink-0 items-center gap-2",
-              size === "display" ? "w-full flex-wrap sm:mt-0.5 sm:w-auto sm:flex-nowrap md:mt-1" : "mt-1"
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
-}
 
-
-exports.PageHeader = PageHeader;
+exports.PageHeader = _chunkY6X6XDHEcjs.PageHeader;

package/dist/primitives/page-header.js

@@ -1,72 +1,8 @@
 "use client";
 import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/page-header.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function PageHeader({
-  eyebrow,
-  title,
-  description,
-  children,
-  size = "default",
-  actionsLayout = "inline",
-  spacing = "default",
-  responsiveVisibility = "always",
-  className
-}) {
-  const display = size === "display";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex items-start justify-between gap-4",
-        spacing === "default" && (display ? "mb-8 md:mb-10" : "mb-6"),
-        spacing === "compact" && "mb-4",
-        display && "flex-col gap-6 sm:flex-row sm:gap-4",
-        actionsLayout === "responsive" && "flex-wrap gap-y-3 [&>div:last-child]:w-full [&>div:last-child]:justify-end sm:[&>div:last-child]:w-auto",
-        responsiveVisibility === "desktop" && "hidden md:flex",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", display ? "space-y-2" : "space-y-1.5"), children: [
-          eyebrow && /* @__PURE__ */ jsx("p", { className: "font-mono text-xs uppercase tracking-widest text-muted-foreground", children: eyebrow }),
-          /* @__PURE__ */ jsx(
-            "h1",
-            {
-              className: cn(
-                "font-semibold tracking-tight",
-                size === "display" ? "text-4xl leading-none md:text-6xl md:leading-none" : "text-2xl md:text-3xl"
-              ),
-              children: title
-            }
-          ),
-          description && /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                "max-w-[72ch] text-muted-foreground",
-                size === "display" ? "text-base md:text-lg" : "text-sm"
-              ),
-              children: description
-            }
-          )
-        ] }),
-        children && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex shrink-0 items-center gap-2",
-              size === "display" ? "w-full flex-wrap sm:mt-0.5 sm:w-auto sm:flex-nowrap md:mt-1" : "mt-1"
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
-}
+  PageHeader
+} from "../chunk-VWOWPNKT.js";
+import "../chunk-G6SRSWXB.js";
 export {
   PageHeader
 };