@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/primitives/batch-action-bar.cjs

@@ -0,0 +1,134 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkI6GUOEBOcjs = require('../chunk-I6GUOEBO.cjs');
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/batch-action-bar.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function BatchActionBar({
+  selectedIds,
+  processing = false,
+  onClearSelection,
+  onSelectAll,
+  totalItems,
+  clearSelectionLabel = "Clear Selection",
+  showClearSelection = true,
+  badgeText,
+  children,
+  placement = "fixed"
+}) {
+  const [showMobileActions, setShowMobileActions] = _react.useState.call(void 0, false);
+  if (selectedIds.length === 0) {
+    return null;
+  }
+  const displayBadgeText = badgeText || `${selectedIds.length} selected`;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: placement === "fixed" ? "fixed bottom-4 left-1/2 -translate-x-1/2 z-50" : "sticky bottom-4 z-20 flex justify-center", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: !showMobileActions ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4 bg-background border-2 rounded-lg shadow-lg backdrop-blur-sm bg-opacity-95", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkI6GUOEBOcjs.Badge,
+        {
+          variant: "default",
+          className: "whitespace-nowrap flex-shrink-0",
+          children: displayBadgeText
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkJDEXZGIYcjs.Button,
+        {
+          size: "sm",
+          onClick: () => setShowMobileActions(true),
+          className: "ml-2",
+          disabled: processing,
+          children: "Batch Actions"
+        }
+      )
+    ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 p-4 bg-background border-2 rounded-lg shadow-lg backdrop-blur-sm bg-opacity-95 max-w-[90vw]", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkI6GUOEBOcjs.Badge,
+          {
+            variant: "default",
+            className: "whitespace-nowrap flex-shrink-0",
+            children: displayBadgeText
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkJDEXZGIYcjs.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => setShowMobileActions(false),
+            children: "Close"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
+        children,
+        (showClearSelection || onSelectAll) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block h-6 border-l border-border mx-2" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 w-full", children: [
+            onSelectAll && totalItems && selectedIds.length < totalItems && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkJDEXZGIYcjs.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: onSelectAll,
+                className: "flex-1",
+                disabled: processing,
+                children: "Select All"
+              }
+            ),
+            showClearSelection && onClearSelection && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkJDEXZGIYcjs.Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: onClearSelection,
+                className: "flex-1",
+                disabled: processing,
+                children: clearSelectionLabel
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "hidden md:flex items-center gap-3 p-4 bg-background border-2 rounded-lg shadow-lg backdrop-blur-sm bg-opacity-95 max-w-[90vw]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6GUOEBOcjs.Badge, { variant: "default", className: "whitespace-nowrap flex-shrink-0", children: displayBadgeText }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 border-l border-border mx-2" }),
+      children,
+      (showClearSelection || onSelectAll) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 border-l border-border mx-2" }),
+        onSelectAll && totalItems && selectedIds.length < totalItems && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkJDEXZGIYcjs.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: onSelectAll,
+            disabled: processing,
+            children: "Select All"
+          }
+        ),
+        showClearSelection && onClearSelection && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkJDEXZGIYcjs.Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: onClearSelection,
+            disabled: processing,
+            children: clearSelectionLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+
+exports.BatchActionBar = BatchActionBar;

package/dist/primitives/batch-action-bar.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface BatchActionBarProps {
+    /** Array of selected IDs */
+    selectedIds: (string | number)[];
+    /** Whether any batch processing is currently happening */
+    processing?: boolean;
+    /** Callback to clear selection */
+    onClearSelection?: () => void;
+    /** Callback to select all items */
+    onSelectAll?: () => void;
+    /** Total number of items available for selection */
+    totalItems?: number;
+    /** Custom clear selection button label */
+    clearSelectionLabel?: string;
+    /** Whether to show the clear selection button */
+    showClearSelection?: boolean;
+    /** Custom badge text (defaults to "X selected") */
+    badgeText?: string;
+    /** Batch action buttons rendered as children */
+    children?: ReactNode;
+    placement?: "fixed" | "sticky";
+}
+declare function BatchActionBar({ selectedIds, processing, onClearSelection, onSelectAll, totalItems, clearSelectionLabel, showClearSelection, badgeText, children, placement, }: BatchActionBarProps): react_jsx_runtime.JSX.Element | null;
+
+export { BatchActionBar, type BatchActionBarProps };

package/dist/primitives/batch-action-bar.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface BatchActionBarProps {
+    /** Array of selected IDs */
+    selectedIds: (string | number)[];
+    /** Whether any batch processing is currently happening */
+    processing?: boolean;
+    /** Callback to clear selection */
+    onClearSelection?: () => void;
+    /** Callback to select all items */
+    onSelectAll?: () => void;
+    /** Total number of items available for selection */
+    totalItems?: number;
+    /** Custom clear selection button label */
+    clearSelectionLabel?: string;
+    /** Whether to show the clear selection button */
+    showClearSelection?: boolean;
+    /** Custom badge text (defaults to "X selected") */
+    badgeText?: string;
+    /** Batch action buttons rendered as children */
+    children?: ReactNode;
+    placement?: "fixed" | "sticky";
+}
+declare function BatchActionBar({ selectedIds, processing, onClearSelection, onSelectAll, totalItems, clearSelectionLabel, showClearSelection, badgeText, children, placement, }: BatchActionBarProps): react_jsx_runtime.JSX.Element | null;
+
+export { BatchActionBar, type BatchActionBarProps };

package/dist/primitives/batch-action-bar.js

@@ -0,0 +1,134 @@
+"use client";
+"use client";
+import {
+  Badge
+} from "../chunk-D4ZL2OEQ.js";
+import {
+  Button
+} from "../chunk-W326GKML.js";
+import "../chunk-G6SRSWXB.js";
+
+// src/primitives/batch-action-bar.tsx
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BatchActionBar({
+  selectedIds,
+  processing = false,
+  onClearSelection,
+  onSelectAll,
+  totalItems,
+  clearSelectionLabel = "Clear Selection",
+  showClearSelection = true,
+  badgeText,
+  children,
+  placement = "fixed"
+}) {
+  const [showMobileActions, setShowMobileActions] = useState(false);
+  if (selectedIds.length === 0) {
+    return null;
+  }
+  const displayBadgeText = badgeText || `${selectedIds.length} selected`;
+  return /* @__PURE__ */ jsxs("div", { className: placement === "fixed" ? "fixed bottom-4 left-1/2 -translate-x-1/2 z-50" : "sticky bottom-4 z-20 flex justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: !showMobileActions ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4 bg-background border-2 rounded-lg shadow-lg backdrop-blur-sm bg-opacity-95", children: [
+      /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "default",
+          className: "whitespace-nowrap flex-shrink-0",
+          children: displayBadgeText
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          onClick: () => setShowMobileActions(true),
+          className: "ml-2",
+          disabled: processing,
+          children: "Batch Actions"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4 bg-background border-2 rounded-lg shadow-lg backdrop-blur-sm bg-opacity-95 max-w-[90vw]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "default",
+            className: "whitespace-nowrap flex-shrink-0",
+            children: displayBadgeText
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => setShowMobileActions(false),
+            children: "Close"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        children,
+        (showClearSelection || onSelectAll) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "hidden md:block h-6 border-l border-border mx-2" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full", children: [
+            onSelectAll && totalItems && selectedIds.length < totalItems && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: onSelectAll,
+                className: "flex-1",
+                disabled: processing,
+                children: "Select All"
+              }
+            ),
+            showClearSelection && onClearSelection && /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: onClearSelection,
+                className: "flex-1",
+                disabled: processing,
+                children: clearSelectionLabel
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center gap-3 p-4 bg-background border-2 rounded-lg shadow-lg backdrop-blur-sm bg-opacity-95 max-w-[90vw]", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: "default", className: "whitespace-nowrap flex-shrink-0", children: displayBadgeText }),
+      /* @__PURE__ */ jsx("div", { className: "h-6 border-l border-border mx-2" }),
+      children,
+      (showClearSelection || onSelectAll) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "h-6 border-l border-border mx-2" }),
+        onSelectAll && totalItems && selectedIds.length < totalItems && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: onSelectAll,
+            disabled: processing,
+            children: "Select All"
+          }
+        ),
+        showClearSelection && onClearSelection && /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: onClearSelection,
+            disabled: processing,
+            children: clearSelectionLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  BatchActionBar
+};

package/dist/primitives/board-view.cjs

@@ -2,20 +2,20 @@
 "use client";
 
 
-var _chunkMOJHETNOcjs = require('../chunk-MOJHETNO.cjs');
+var _chunkVUMLLKWYcjs = require('../chunk-VUMLLKWY.cjs');
 require('../chunk-EUFV25KL.cjs');
 require('../chunk-7YCKII7G.cjs');
-require('../chunk-MW67PHAQ.cjs');
-require('../chunk-PPX2VPGI.cjs');
+require('../chunk-S2IMM37Q.cjs');
 require('../chunk-WNXVGUBF.cjs');
 require('../chunk-IQZLUT2Y.cjs');
-require('../chunk-LELBCBDT.cjs');
-require('../chunk-U2NES7VR.cjs');
 require('../chunk-JH4GAGOQ.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-U2NES7VR.cjs');
 require('../chunk-PQUSJEXL.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
@@ -57,7 +57,7 @@ function BoardView({
   onSortChange
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMOJHETNOcjs.ResourceList,
+    _chunkVUMLLKWYcjs.ResourceList,
     {
       data,
       loading,

package/dist/primitives/board-view.js

@@ -2,20 +2,20 @@
 "use client";
 import {
   ResourceList
-} from "../chunk-JS6BLIWL.js";
+} from "../chunk-ROUWBWEQ.js";
 import "../chunk-43UMPZWD.js";
 import "../chunk-EEHIMPD7.js";
-import "../chunk-UFFHGKI7.js";
-import "../chunk-G76JANB4.js";
+import "../chunk-6LB37JWO.js";
 import "../chunk-YG7FBJRM.js";
 import "../chunk-E2TQMDO7.js";
-import "../chunk-H2O6NMLZ.js";
-import "../chunk-ZRLUUZHK.js";
 import "../chunk-OICAYRVH.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-ZRLUUZHK.js";
 import "../chunk-QMA3WVB7.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";

package/dist/primitives/brand-mark.cjs

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

package/dist/primitives/brand-mark.d.cts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ImgHTMLAttributes } from 'react';
+
+interface BrandMarkProps extends ImgHTMLAttributes<HTMLImageElement> {
+    size?: "sm" | "md" | "lg";
+}
+/** A contained, intrinsic-ratio image for a company or product logo. */
+declare const BrandMark: React.ForwardRefExoticComponent<BrandMarkProps & React.RefAttributes<HTMLImageElement>>;
+
+export { BrandMark, type BrandMarkProps };

package/dist/primitives/brand-mark.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { ImgHTMLAttributes } from 'react';
+
+interface BrandMarkProps extends ImgHTMLAttributes<HTMLImageElement> {
+    size?: "sm" | "md" | "lg";
+}
+/** A contained, intrinsic-ratio image for a company or product logo. */
+declare const BrandMark: React.ForwardRefExoticComponent<BrandMarkProps & React.RefAttributes<HTMLImageElement>>;
+
+export { BrandMark, type BrandMarkProps };

package/dist/primitives/brand-mark.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  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;