@epicbagel/saas-kit 1.33.0 → 1.34.0

package/dist/primitives/app-sidebar.cjs

@@ -20,15 +20,15 @@
 
 
 
-var _chunkG3SF4RRAcjs = require('../chunk-G3SF4RRA.cjs');
+var _chunkUKYUWSF2cjs = require('../chunk-UKYUWSF2.cjs');
 require('../chunk-NQK5ZWC7.cjs');
 require('../chunk-PPX2VPGI.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-U2NES7VR.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
+require('../chunk-R35FT53G.cjs');
 
 
 
@@ -49,4 +49,4 @@ require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.Sidebar = _chunkG3SF4RRAcjs.Sidebar; exports.SidebarBrand = _chunkG3SF4RRAcjs.SidebarBrand; exports.SidebarContent = _chunkG3SF4RRAcjs.SidebarContent; exports.SidebarFooter = _chunkG3SF4RRAcjs.SidebarFooter; exports.SidebarFooterActions = _chunkG3SF4RRAcjs.SidebarFooterActions; exports.SidebarGroup = _chunkG3SF4RRAcjs.SidebarGroup; exports.SidebarGroupContent = _chunkG3SF4RRAcjs.SidebarGroupContent; exports.SidebarGroupLabel = _chunkG3SF4RRAcjs.SidebarGroupLabel; exports.SidebarHeader = _chunkG3SF4RRAcjs.SidebarHeader; exports.SidebarInset = _chunkG3SF4RRAcjs.SidebarInset; exports.SidebarMenu = _chunkG3SF4RRAcjs.SidebarMenu; exports.SidebarMenuBadge = _chunkG3SF4RRAcjs.SidebarMenuBadge; exports.SidebarMenuButton = _chunkG3SF4RRAcjs.SidebarMenuButton; exports.SidebarMenuItem = _chunkG3SF4RRAcjs.SidebarMenuItem; exports.SidebarProvider = _chunkG3SF4RRAcjs.SidebarProvider; exports.SidebarRail = _chunkG3SF4RRAcjs.SidebarRail; exports.SidebarSeparator = _chunkG3SF4RRAcjs.SidebarSeparator; exports.SidebarTrigger = _chunkG3SF4RRAcjs.SidebarTrigger; exports.useSidebar = _chunkG3SF4RRAcjs.useSidebar;
+exports.Sidebar = _chunkUKYUWSF2cjs.Sidebar; exports.SidebarBrand = _chunkUKYUWSF2cjs.SidebarBrand; exports.SidebarContent = _chunkUKYUWSF2cjs.SidebarContent; exports.SidebarFooter = _chunkUKYUWSF2cjs.SidebarFooter; exports.SidebarFooterActions = _chunkUKYUWSF2cjs.SidebarFooterActions; exports.SidebarGroup = _chunkUKYUWSF2cjs.SidebarGroup; exports.SidebarGroupContent = _chunkUKYUWSF2cjs.SidebarGroupContent; exports.SidebarGroupLabel = _chunkUKYUWSF2cjs.SidebarGroupLabel; exports.SidebarHeader = _chunkUKYUWSF2cjs.SidebarHeader; exports.SidebarInset = _chunkUKYUWSF2cjs.SidebarInset; exports.SidebarMenu = _chunkUKYUWSF2cjs.SidebarMenu; exports.SidebarMenuBadge = _chunkUKYUWSF2cjs.SidebarMenuBadge; exports.SidebarMenuButton = _chunkUKYUWSF2cjs.SidebarMenuButton; exports.SidebarMenuItem = _chunkUKYUWSF2cjs.SidebarMenuItem; exports.SidebarProvider = _chunkUKYUWSF2cjs.SidebarProvider; exports.SidebarRail = _chunkUKYUWSF2cjs.SidebarRail; exports.SidebarSeparator = _chunkUKYUWSF2cjs.SidebarSeparator; exports.SidebarTrigger = _chunkUKYUWSF2cjs.SidebarTrigger; exports.useSidebar = _chunkUKYUWSF2cjs.useSidebar;

package/dist/primitives/app-sidebar.js

@@ -20,15 +20,15 @@ import {
   SidebarSeparator,
   SidebarTrigger,
   useSidebar
-} from "../chunk-2FVFPGP5.js";
+} from "../chunk-5GFMSK27.js";
 import "../chunk-HYTILYE5.js";
 import "../chunk-G76JANB4.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-ZRLUUZHK.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
+import "../chunk-PIU5SSUV.js";
 export {
   Sidebar,
   SidebarBrand,

package/dist/primitives/archive-confirmation-dialog.cjs

@@ -2,10 +2,10 @@
 "use client";
 
 
-var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
+var _chunkKM5FHCXUcjs = require('../chunk-KM5FHCXU.cjs');
 
 
-var _chunkKM5FHCXUcjs = require('../chunk-KM5FHCXU.cjs');
+var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
 require('../chunk-LIUYHYFN.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');

package/dist/primitives/archive-confirmation-dialog.js

@@ -1,11 +1,11 @@
 "use client";
 "use client";
-import {
-  Icon
-} from "../chunk-KN4RPX35.js";
 import {
   DeleteConfirmationDialog
 } from "../chunk-WL73DFE3.js";
+import {
+  Icon
+} from "../chunk-KN4RPX35.js";
 import "../chunk-ZLU32SRP.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";

package/dist/primitives/badge.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/badge.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ElementType } from 'react';
 
 declare const badgeVariants: (props?: ({
-    variant?: "neutral" | "error" | "success" | "default" | "secondary" | "destructive" | "outline" | "warning" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     weight?: "normal" | "semibold" | "bold";

package/dist/primitives/board-view-internals.cjs

@@ -3,14 +3,14 @@
 
 
 
-var _chunkD46FNEZ5cjs = require('../chunk-D46FNEZ5.cjs');
+var _chunkYYFVG5A6cjs = require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
-require('../chunk-VBPPFC7X.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
+require('../chunk-VBPPFC7X.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.BoardColumnComponent = _chunkD46FNEZ5cjs.BoardColumnComponent; exports.MobileBoardView = _chunkD46FNEZ5cjs.MobileBoardView;
+exports.BoardColumnComponent = _chunkYYFVG5A6cjs.BoardColumnComponent; exports.MobileBoardView = _chunkYYFVG5A6cjs.MobileBoardView;

package/dist/primitives/board-view-internals.js

@@ -3,12 +3,12 @@
 import {
   BoardColumnComponent,
   MobileBoardView
-} from "../chunk-ULZB4A2I.js";
+} from "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";
-import "../chunk-YEW65ASC.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
+import "../chunk-YEW65ASC.js";
 import "../chunk-G6SRSWXB.js";
 export {
   BoardColumnComponent,

package/dist/primitives/board-view.cjs

@@ -2,27 +2,27 @@
 "use client";
 
 
-var _chunkF3D5HA2Fcjs = require('../chunk-F3D5HA2F.cjs');
+var _chunkVUMLLKWYcjs = require('../chunk-VUMLLKWY.cjs');
 require('../chunk-EUFV25KL.cjs');
 require('../chunk-7YCKII7G.cjs');
-require('../chunk-GUVQAWUW.cjs');
+require('../chunk-S2IMM37Q.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
-require('../chunk-LELBCBDT.cjs');
 require('../chunk-JH4GAGOQ.cjs');
-require('../chunk-D46FNEZ5.cjs');
+require('../chunk-LELBCBDT.cjs');
+require('../chunk-VOTCYG3F.cjs');
+require('../chunk-YYFVG5A6.cjs');
 require('../chunk-XLIAY56V.cjs');
 require('../chunk-V5SPFLKW.cjs');
-require('../chunk-VOTCYG3F.cjs');
 require('../chunk-PPX2VPGI.cjs');
-require('../chunk-R35FT53G.cjs');
 require('../chunk-U2NES7VR.cjs');
 require('../chunk-PQUSJEXL.cjs');
-require('../chunk-VBPPFC7X.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
+require('../chunk-VBPPFC7X.cjs');
 require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
+require('../chunk-R35FT53G.cjs');
 
 // src/primitives/board-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -57,7 +57,7 @@ function BoardView({
   onSortChange
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkF3D5HA2Fcjs.ResourceList,
+    _chunkVUMLLKWYcjs.ResourceList,
     {
       data,
       loading,

package/dist/primitives/board-view.js

@@ -2,27 +2,27 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-IZF4WCK6.js";
+} from "../chunk-ROUWBWEQ.js";
 import "../chunk-43UMPZWD.js";
 import "../chunk-EEHIMPD7.js";
-import "../chunk-SW4T3O7M.js";
+import "../chunk-6LB37JWO.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
-import "../chunk-H2O6NMLZ.js";
 import "../chunk-OICAYRVH.js";
-import "../chunk-ULZB4A2I.js";
+import "../chunk-H2O6NMLZ.js";
+import "../chunk-H2CCBRVG.js";
+import "../chunk-62UTAG2C.js";
 import "../chunk-LELFPLTE.js";
 import "../chunk-J6NXDZR5.js";
-import "../chunk-H2CCBRVG.js";
 import "../chunk-G76JANB4.js";
-import "../chunk-PIU5SSUV.js";
 import "../chunk-ZRLUUZHK.js";
 import "../chunk-QMA3WVB7.js";
-import "../chunk-YEW65ASC.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
+import "../chunk-YEW65ASC.js";
 import "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
+import "../chunk-PIU5SSUV.js";
 
 // src/primitives/board-view.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/primitives/brand-mark.cjs

@@ -1,26 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+var _chunkTDCVZKMXcjs = require('../chunk-TDCVZKMX.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-// src/primitives/brand-mark.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var sizeStyles = {
-  sm: "h-6 max-w-36",
-  md: "h-7 max-w-44",
-  lg: "h-9 max-w-52"
-};
-var BrandMark = _react.forwardRef.call(void 0, function BrandMark2({ size = "md", className, ...props }, ref) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "img",
-    {
-      ref,
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "w-auto object-contain", sizeStyles[size], className),
-      ...props
-    }
-  );
-});
 
-
-exports.BrandMark = BrandMark;
+exports.BrandMark = _chunkTDCVZKMXcjs.BrandMark;

package/dist/primitives/brand-mark.js

@@ -1,26 +1,8 @@
 "use client";
 import {
-  cn
-} from "../chunk-G6SRSWXB.js";
-
-// src/primitives/brand-mark.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var sizeStyles = {
-  sm: "h-6 max-w-36",
-  md: "h-7 max-w-44",
-  lg: "h-9 max-w-52"
-};
-var BrandMark = forwardRef(function BrandMark2({ size = "md", className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ref,
-      className: cn("w-auto object-contain", sizeStyles[size], className),
-      ...props
-    }
-  );
-});
+  BrandMark
+} from "../chunk-O3G3TVPU.js";
+import "../chunk-G6SRSWXB.js";
 export {
   BrandMark
 };

package/dist/primitives/branded-page.cjs

@@ -0,0 +1,201 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+var _chunkFYNHRHVYcjs = require('../chunk-FYNHRHVY.cjs');
+
+
+var _chunk5PHOKJCTcjs = require('../chunk-5PHOKJCT.cjs');
+
+
+var _chunkBOMVE7QOcjs = require('../chunk-BOMVE7QO.cjs');
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+
+var _chunkLELBCBDTcjs = require('../chunk-LELBCBDT.cjs');
+
+
+var _chunkTDCVZKMXcjs = require('../chunk-TDCVZKMX.cjs');
+
+
+var _chunk2BNEE3U6cjs = require('../chunk-2BNEE3U6.cjs');
+
+
+var _chunkT2ZFSPE4cjs = require('../chunk-T2ZFSPE4.cjs');
+
+
+var _chunkI3GBXIFLcjs = require('../chunk-I3GBXIFL.cjs');
+
+
+var _chunkCLYAASFNcjs = require('../chunk-CLYAASFN.cjs');
+require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/branded-page.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var UNAVAILABLE = {
+  "not-found": {
+    icon: _lucidereact.Link2Off,
+    title: "This link isn't available",
+    description: "It may have expired or been withdrawn. Ask whoever shared it for a new one."
+  },
+  expired: {
+    icon: _lucidereact.Clock,
+    title: "This link has expired",
+    description: "Ask whoever shared it for a new one."
+  },
+  archived: {
+    icon: _lucidereact.Archive,
+    title: "This page has been archived",
+    description: "It is no longer shared. Ask whoever shared it if you still need it."
+  },
+  revoked: {
+    icon: _lucidereact.EyeOff,
+    title: "This link is no longer active",
+    description: "Whoever shared it has stopped sharing it. Ask them for a new one if you still need it."
+  }
+};
+function StateIcon({ icon, spin }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT2ZFSPE4cjs.Icon, { icon, tone: "muted", strokeWidth: 1.5, spin, className: "size-12" });
+}
+function BrandedPageUnavailable({
+  reason = "not-found",
+  icon,
+  title,
+  description,
+  action,
+  className
+}) {
+  const words = UNAVAILABLE[reason];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCLYAASFNcjs.EmptyState,
+    {
+      variant: "error",
+      size: "lg",
+      surface: "plain",
+      icon: _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StateIcon, { icon: words.icon }))),
+      title: title || words.title,
+      description: _nullishCoalesce(description, () => ( words.description)),
+      className,
+      children: action ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "branded-page-unavailable-action", className: "flex flex-wrap justify-center gap-2 pt-1", children: action }) : null
+    }
+  );
+}
+function BrandedPageLoading({ label, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", "data-slot": "branded-page-loading", className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCLYAASFNcjs.EmptyState,
+    {
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StateIcon, { icon: _lucidereact.LoaderCircle, spin: true }),
+      size: "lg",
+      surface: "plain",
+      title: label || "Loading\u2026"
+    }
+  ) });
+}
+function isBrandData(brand) {
+  return typeof brand === "object" && brand !== null && !("$$typeof" in brand);
+}
+function brandMark({ name, logoUrl, logoAlt, href }) {
+  const mark = logoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTDCVZKMXcjs.BrandMark, { src: logoUrl, alt: _nullishCoalesce(logoAlt, () => ( (name || "Logo"))) }) : name ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELBCBDTcjs.Heading, { level: 3, as: "span", children: name }) : null;
+  if (!mark || !href) return mark;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2BNEE3U6cjs.Anchor,
+    {
+      href,
+      "data-slot": "branded-page-brand-link",
+      className: "rounded-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4",
+      children: mark
+    }
+  );
+}
+function BrandedPage({
+  brand,
+  accent,
+  palette,
+  headerTrailing,
+  width = "narrow",
+  padding = "base",
+  surface = "muted",
+  children,
+  credit,
+  creditPrintVisibility = "visible",
+  actionBar,
+  loading = false,
+  unavailable = false,
+  className
+}) {
+  const mark = isBrandData(brand) ? brandMark(brand) : _nullishCoalesce(brand, () => ( null));
+  const state = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BrandedPageLoading, { ...loading === true ? null : loading }) : unavailable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BrandedPageUnavailable, { ...unavailable === true ? null : unavailable }) : null;
+  const bar = state ? null : actionBar;
+  return (
+    // The palette is pinned out here, and the canvas painted opaque in it:
+    // the muted surface is translucent, and would otherwise be tinted by
+    // the visitor's own palette on the document behind it.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "branded-page", "data-theme": palette, className: _chunkKWLSBTB2cjs.cn.call(void 0, "bg-background text-foreground", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI3GBXIFLcjs.AccentTheme, { colours: accent, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-slot": "branded-page-surface",
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex min-h-screen flex-col print:min-h-0",
+          surface === "muted" && "bg-muted/40 print:bg-background"
+        ),
+        children: [
+          mark || headerTrailing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk5PHOKJCTcjs.MarketingHeader,
+            {
+              brand: mark,
+              trailing: headerTrailing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "contents print:hidden", children: headerTrailing }) : void 0
+            }
+          ) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkFYNHRHVYcjs.PageShell,
+            {
+              width,
+              padding,
+              printMode: "compact",
+              bottomInset: bar ? "action" : "default",
+              className: bar ? "print:pb-0" : void 0,
+              children: state ? (
+                // Both states start at the same height, a little way down the
+                // screen, so nothing jumps when loading turns out to be a dead link.
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "branded-page-state", className: "pt-[12vh]", children: state })
+              ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                children,
+                credit ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunk373W6VADcjs.Text,
+                  {
+                    variant: "caption",
+                    align: "center",
+                    "data-slot": "branded-page-credit",
+                    className: _chunkKWLSBTB2cjs.cn.call(void 0, creditPrintVisibility === "hidden" && "print:hidden"),
+                    children: credit
+                  }
+                ) : null
+              ] })
+            }
+          ),
+          bar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkBOMVE7QOcjs.FixedActionBar,
+            {
+              title: bar.title,
+              description: bar.description,
+              width,
+              actionsWidth: bar.actionsWidth,
+              className: "print:hidden",
+              children: bar.actions
+            }
+          ) : null
+        ]
+      }
+    ) }) })
+  );
+}
+
+
+
+
+exports.BrandedPage = BrandedPage; exports.BrandedPageLoading = BrandedPageLoading; exports.BrandedPageUnavailable = BrandedPageUnavailable;

package/dist/primitives/branded-page.d.cts

@@ -0,0 +1,118 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { ReactElement, ReactNode } from 'react';
+import { AccentThemeColours } from './accent-theme.cjs';
+
+/** Whose page it is: the company that shares it, not the product that hosts it. */
+interface BrandedPageBrand {
+    /** The brand's name. Drawn as text when there is no logo, and the logo's text alternative when there is. */
+    name?: string | null;
+    /** The brand's logo, an image URL, drawn in place of the name. */
+    logoUrl?: string | null;
+    /** The logo's text alternative. Defaults to the brand's `name`, else "Logo". */
+    logoAlt?: string;
+    /** Where the brand leads, such as its own site. Left out, the brand is not a link. */
+    href?: string | null;
+}
+/** The fixed bar at the foot of the page, for its one or two actions. */
+interface BrandedPageActionBar {
+    /** What the actions are about, beside them. */
+    title?: ReactNode;
+    /** One muted line under the title. */
+    description?: ReactNode;
+    /** The page's one or two actions. */
+    actions: ReactNode;
+    /** `full` gives the actions the bar's whole width, for a host that lays out both ends of it. Defaults to `auto`. */
+    actionsWidth?: "auto" | "full";
+}
+/** Why a link leads nowhere. */
+type BrandedPageUnavailableReason = "not-found" | "expired" | "archived" | "revoked";
+interface BrandedPageUnavailableProps {
+    /**
+     * Why the link is dead: it picks the icon and the words. Defaults to
+     * `not-found`, which is worded for a link whose fate the host can't tell.
+     */
+    reason?: BrandedPageUnavailableReason;
+    /**
+     * In place of the reason's icon, and decorative like it: a Lucide
+     * component, or an element. Pass an element from a server component.
+     */
+    icon?: LucideIcon | ReactNode;
+    /** In place of the reason's title. It is the state's heading. */
+    title?: string;
+    /** In place of the reason's description. `""` leaves it out. */
+    description?: string;
+    /** What the visitor can do next: the host's own button or link. */
+    action?: ReactNode;
+    className?: string;
+}
+interface BrandedPageLoadingProps {
+    /** What is happening, under the spinner. Defaults to "Loading…". */
+    label?: string;
+    className?: string;
+}
+interface BrandedPageProps {
+    /**
+     * Whose page it is: the brand's `name`, `logoUrl` and `href`, or the
+     * host's own element (its wordmark, or its router's link around one).
+     * Nothing is drawn for a brand with neither a logo nor a name.
+     */
+    brand?: BrandedPageBrand | ReactElement | null;
+    /** The brand's accent as six-digit hex, for light and dark mode. It replaces the primary colour inside the page only. */
+    accent?: AccentThemeColours | null;
+    /**
+     * Pins the page to one palette (its `data-theme` value), so it looks the
+     * same to every visitor whatever palette their own browser has stored.
+     * Left out, the page follows the document.
+     */
+    palette?: string;
+    /** The host's own controls at the end of the header, such as a theme switch or Sign in. Left off paper. */
+    headerTrailing?: ReactNode;
+    /** How wide the content column is. Defaults to `narrow`. */
+    width?: "narrow" | "wide" | "full";
+    /** The content's side padding. Defaults to `base`, which lines up with the header. */
+    padding?: "none" | "base" | "relaxed" | "spacious";
+    /** The canvas behind the content: `muted` (the default) sets cards apart, `default` is the plain background. Paper is always plain. */
+    surface?: "default" | "muted";
+    /** The page's content. Not drawn while `loading` or `unavailable` stands in for it. */
+    children?: ReactNode;
+    /** A closing line under the content, such as "Shared by Example Agency". */
+    credit?: ReactNode;
+    /** Whether the credit prints. Defaults to `visible`. */
+    creditPrintVisibility?: "visible" | "hidden";
+    /** A fixed bar at the foot of the page. Left off paper, and not drawn while `loading` or `unavailable`. */
+    actionBar?: BrandedPageActionBar | null;
+    /** Stands in for the content while it loads: `true`, or the loading state's props. It wins over `unavailable`. */
+    loading?: boolean | BrandedPageLoadingProps;
+    /** Stands in for the content when the link is dead: `true`, or the unavailable state's props. */
+    unavailable?: boolean | BrandedPageUnavailableProps;
+    className?: string;
+}
+/**
+ * A dead link, in place of a page's content: an icon, a heading, a line on
+ * what to do and an optional action. It is announced when it appears, since
+ * it often replaces a loading state. Use it as `BrandedPage`'s `unavailable`,
+ * or alone inside a frame of your own.
+ */
+declare function BrandedPageUnavailable({ reason, icon, title, description, action, className, }: BrandedPageUnavailableProps): react_jsx_runtime.JSX.Element;
+/**
+ * A page that is still loading, in place of its content: a spinner over one
+ * line, announced politely. Use it as `BrandedPage`'s `loading`, or alone
+ * inside a frame of your own.
+ */
+declare function BrandedPageLoading({ label, className }: BrandedPageLoadingProps): react_jsx_runtime.JSX.Element;
+/**
+ * The whole of a public page one company shows to another's people: a shared
+ * profile, a list sent for review, an invitation, a client's portal. The
+ * brand in a header (a banner), the content in one `main`, and optionally a
+ * closing credit and a fixed action bar, in the brand's accent and, when
+ * pinned, in one palette for every visitor. `loading` and `unavailable`
+ * stand in for the content, so the frame holds still while a link resolves.
+ *
+ * Presentation only: the host fetches, routes and decides which state shows.
+ * On paper the canvas is plain, the spacing compact, and the header's
+ * controls and the action bar are left off.
+ */
+declare function BrandedPage({ brand, accent, palette, headerTrailing, width, padding, surface, children, credit, creditPrintVisibility, actionBar, loading, unavailable, className, }: BrandedPageProps): react_jsx_runtime.JSX.Element;
+
+export { BrandedPage, type BrandedPageActionBar, type BrandedPageBrand, BrandedPageLoading, type BrandedPageLoadingProps, type BrandedPageProps, BrandedPageUnavailable, type BrandedPageUnavailableProps, type BrandedPageUnavailableReason };