@epicbagel/saas-kit 1.32.0 → 1.34.0

package/dist/primitives/pager.d.cts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PagerProps {
+    /** Index of the first row on the current page. */
+    offset: number;
+    /** Rows per page. */
+    limit: number;
+    /** Total rows across all pages. */
+    total: number;
+    onOffsetChange: (offset: number) => void;
+    /** Noun in the default range label. Defaults to "results". */
+    noun?: string;
+    /** Replaces the whole range label — for counts that aren't row-shaped. */
+    formatRange?: (from: number, to: number, total: number) => ReactNode;
+    /** Blocks both buttons — use while the next page is in flight. */
+    disabled?: boolean;
+    size?: "sm" | "default";
+    /** Extra content between the label and the buttons — a page-size select. */
+    children?: ReactNode;
+    /**
+     * Renders nothing when everything fits on one page. Defaults to true.
+     * Set false to keep the row count visible at all times.
+     */
+    hideWhenSinglePage?: boolean;
+    className?: string;
+}
+/**
+ * Offset/limit pager — "1–50 of 320" with prev/next.
+ *
+ * Distinct from `<Pagination>`, which is the ShadCN numbered-link strip
+ * for URL-driven navigation. This one is for server-paged lists that
+ * hold offset in state, which is most admin and dashboard tables.
+ *
+ * Purely presentational: it computes the next offset and hands it back.
+ */
+declare function Pager({ offset, limit, total, onOffsetChange, noun, formatRange, disabled, size, children, hideWhenSinglePage, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
+
+export { Pager, type PagerProps };

package/dist/primitives/pager.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface PagerProps {
+    /** Index of the first row on the current page. */
+    offset: number;
+    /** Rows per page. */
+    limit: number;
+    /** Total rows across all pages. */
+    total: number;
+    onOffsetChange: (offset: number) => void;
+    /** Noun in the default range label. Defaults to "results". */
+    noun?: string;
+    /** Replaces the whole range label — for counts that aren't row-shaped. */
+    formatRange?: (from: number, to: number, total: number) => ReactNode;
+    /** Blocks both buttons — use while the next page is in flight. */
+    disabled?: boolean;
+    size?: "sm" | "default";
+    /** Extra content between the label and the buttons — a page-size select. */
+    children?: ReactNode;
+    /**
+     * Renders nothing when everything fits on one page. Defaults to true.
+     * Set false to keep the row count visible at all times.
+     */
+    hideWhenSinglePage?: boolean;
+    className?: string;
+}
+/**
+ * Offset/limit pager — "1–50 of 320" with prev/next.
+ *
+ * Distinct from `<Pagination>`, which is the ShadCN numbered-link strip
+ * for URL-driven navigation. This one is for server-paged lists that
+ * hold offset in state, which is most admin and dashboard tables.
+ *
+ * Purely presentational: it computes the next offset and hands it back.
+ */
+declare function Pager({ offset, limit, total, onOffsetChange, noun, formatRange, disabled, size, children, hideWhenSinglePage, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
+
+export { Pager, type PagerProps };

package/dist/primitives/pager.js

@@ -0,0 +1,85 @@
+"use client";
+"use client";
+import {
+  Button
+} from "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/pager.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Pager({
+  offset,
+  limit,
+  total,
+  onOffsetChange,
+  noun = "results",
+  formatRange,
+  disabled = false,
+  size = "sm",
+  children,
+  hideWhenSinglePage = true,
+  className
+}) {
+  if (hideWhenSinglePage && total <= limit) return null;
+  const from = total === 0 ? 0 : Math.min(offset, Math.max(total - 1, 0)) + 1;
+  const to = Math.min(offset + limit, total);
+  const canPrev = offset > 0 && !disabled;
+  const canNext = offset + limit < total && !disabled;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between gap-3 pt-3 text-xs text-muted-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatRange ? formatRange(from, to, total) : total === 0 ? `No ${noun}` : /* @__PURE__ */ jsxs(Fragment, { children: [
+          from,
+          "\u2013",
+          to,
+          " of ",
+          total,
+          " ",
+          noun
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          children,
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canPrev,
+              onClick: () => onOffsetChange(Math.max(offset - limit, 0)),
+              children: [
+                /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+                "Previous"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              size,
+              variant: "outline",
+              disabled: !canNext,
+              onClick: () => onOffsetChange(offset + limit),
+              children: [
+                "Next",
+                /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Pager
+};

package/dist/primitives/pagination.cjs

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/pagination.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+
+
+
+
+var _lia = require('react-icons/lia');
+var _jsxruntime = require('react/jsx-runtime');
+var Pagination = ({ className, marginTop = "none", ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "mx-auto flex w-full justify-center", marginTop === "md" && "mt-4", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React.forwardRef(({ className, width = "auto", justify = "start", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "ul",
+  {
+    ref,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex flex-row items-center gap-1", width === "full" && "w-full", justify === "between" && "justify-between", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _chunkKWLSBTB2cjs.cn.call(void 0, "", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  disabled = false,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    "aria-disabled": disabled || void 0,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+      _chunkJDEXZGIYcjs.buttonVariants.call(void 0, {
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      disabled && "pointer-events-none opacity-50",
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lia.LiaChevronLeftSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Next" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lia.LiaChevronRightSolid, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  "span",
+  {
+    "aria-hidden": true,
+    className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lia.LiaEllipsisHSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+
+
+
+
+
+
+
+exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationNext = PaginationNext; exports.PaginationPrevious = PaginationPrevious;

package/dist/primitives/pagination.d.cts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ButtonProps } from './button.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PaginationProps extends React.ComponentProps<"nav"> {
+    marginTop?: "none" | "md";
+}
+declare const Pagination: {
+    ({ className, marginTop, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface PaginationContentProps extends React.ComponentProps<"ul"> {
+    width?: "auto" | "full";
+    justify?: "start" | "between";
+}
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<PaginationContentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    disabled?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, disabled, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps };

package/dist/primitives/pagination.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ButtonProps } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface PaginationProps extends React.ComponentProps<"nav"> {
+    marginTop?: "none" | "md";
+}
+declare const Pagination: {
+    ({ className, marginTop, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface PaginationContentProps extends React.ComponentProps<"ul"> {
+    width?: "auto" | "full";
+    justify?: "start" | "between";
+}
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<PaginationContentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+    disabled?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, disabled, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationProps };

package/dist/primitives/pagination.js

@@ -0,0 +1,119 @@
+"use client";
+import {
+  buttonVariants
+} from "../chunk-W326GKML.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/pagination.tsx
+import * as React from "react";
+import {
+  LiaChevronLeftSolid,
+  LiaChevronRightSolid,
+  LiaEllipsisHSolid
+} from "react-icons/lia";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = ({ className, marginTop = "none", ...props }) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", marginTop === "md" && "mt-4", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React.forwardRef(({ className, width = "auto", justify = "start", ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", width === "full" && "w-full", justify === "between" && "justify-between", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  disabled = false,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    "aria-disabled": disabled || void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      disabled && "pointer-events-none opacity-50",
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(LiaChevronLeftSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: cn("gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsx(LiaChevronRightSolid, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(LiaEllipsisHSolid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+};

package/dist/primitives/poster.cjs

@@ -25,6 +25,15 @@ var PosterShell = _react.forwardRef.call(void 0, function PosterShell2({ colours
 var PosterMain = _react.forwardRef.call(void 0, function PosterMain2(props, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { ref, "data-slot": "poster-main", ...props });
 });
+var PosterBanner = _react.forwardRef.call(void 0, function PosterBanner2({ action, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { ref, "data-slot": "poster-banner", ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children }),
+    action ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      " ",
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "poster-banner-action", children: action })
+    ] }) : null
+  ] });
+});
 var PosterHeader = _react.forwardRef.call(void 0, function PosterHeader2({ brand, nav, action, className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { ref, "data-slot": "poster-header", className, ...props, children: [
     brand,
@@ -393,4 +402,5 @@ var PosterMockNote = _react.forwardRef.call(void 0, function PosterMockNote2(pro
 
 
 
-exports.PosterAction = PosterAction; exports.PosterBand = PosterBand; exports.PosterBreak = PosterBreak; exports.PosterCalculator = PosterCalculator; exports.PosterCallList = PosterCallList; exports.PosterClaims = PosterClaims; exports.PosterColumns = PosterColumns; exports.PosterCopyText = PosterCopyText; exports.PosterCost = PosterCost; exports.PosterDisclosure = PosterDisclosure; exports.PosterFacts = PosterFacts; exports.PosterFigures = PosterFigures; exports.PosterFlow = PosterFlow; exports.PosterFootnote = PosterFootnote; exports.PosterGrade = PosterGrade; exports.PosterHeader = PosterHeader; exports.PosterHeaderAction = PosterHeaderAction; exports.PosterHero = PosterHero; exports.PosterMain = PosterMain; exports.PosterMark = PosterMark; exports.PosterMockNote = PosterMockNote; exports.PosterMoreLink = PosterMoreLink; exports.PosterNav = PosterNav; exports.PosterNavLink = PosterNavLink; exports.PosterNextLink = PosterNextLink; exports.PosterNote = PosterNote; exports.PosterPeople = PosterPeople; exports.PosterQuote = PosterQuote; exports.PosterRange = PosterRange; exports.PosterRanges = PosterRanges; exports.PosterScreen = PosterScreen; exports.PosterScreenDetail = PosterScreenDetail; exports.PosterScreenLead = PosterScreenLead; exports.PosterScreenMessage = PosterScreenMessage; exports.PosterScreenPane = PosterScreenPane; exports.PosterScreenPerson = PosterScreenPerson; exports.PosterScreenQueue = PosterScreenQueue; exports.PosterScreenRows = PosterScreenRows; exports.PosterScreenSplit = PosterScreenSplit; exports.PosterScreenTabs = PosterScreenTabs; exports.PosterScreenTrace = PosterScreenTrace; exports.PosterShell = PosterShell; exports.PosterSmallPrint = PosterSmallPrint; exports.PosterStatement = PosterStatement; exports.PosterStats = PosterStats; exports.PosterSteps = PosterSteps; exports.PosterSubhead = PosterSubhead; exports.PosterSwitch = PosterSwitch; exports.PosterTextLink = PosterTextLink; exports.PosterTicks = PosterTicks;
+
+exports.PosterAction = PosterAction; exports.PosterBand = PosterBand; exports.PosterBanner = PosterBanner; exports.PosterBreak = PosterBreak; exports.PosterCalculator = PosterCalculator; exports.PosterCallList = PosterCallList; exports.PosterClaims = PosterClaims; exports.PosterColumns = PosterColumns; exports.PosterCopyText = PosterCopyText; exports.PosterCost = PosterCost; exports.PosterDisclosure = PosterDisclosure; exports.PosterFacts = PosterFacts; exports.PosterFigures = PosterFigures; exports.PosterFlow = PosterFlow; exports.PosterFootnote = PosterFootnote; exports.PosterGrade = PosterGrade; exports.PosterHeader = PosterHeader; exports.PosterHeaderAction = PosterHeaderAction; exports.PosterHero = PosterHero; exports.PosterMain = PosterMain; exports.PosterMark = PosterMark; exports.PosterMockNote = PosterMockNote; exports.PosterMoreLink = PosterMoreLink; exports.PosterNav = PosterNav; exports.PosterNavLink = PosterNavLink; exports.PosterNextLink = PosterNextLink; exports.PosterNote = PosterNote; exports.PosterPeople = PosterPeople; exports.PosterQuote = PosterQuote; exports.PosterRange = PosterRange; exports.PosterRanges = PosterRanges; exports.PosterScreen = PosterScreen; exports.PosterScreenDetail = PosterScreenDetail; exports.PosterScreenLead = PosterScreenLead; exports.PosterScreenMessage = PosterScreenMessage; exports.PosterScreenPane = PosterScreenPane; exports.PosterScreenPerson = PosterScreenPerson; exports.PosterScreenQueue = PosterScreenQueue; exports.PosterScreenRows = PosterScreenRows; exports.PosterScreenSplit = PosterScreenSplit; exports.PosterScreenTabs = PosterScreenTabs; exports.PosterScreenTrace = PosterScreenTrace; exports.PosterShell = PosterShell; exports.PosterSmallPrint = PosterSmallPrint; exports.PosterStatement = PosterStatement; exports.PosterStats = PosterStats; exports.PosterSteps = PosterSteps; exports.PosterSubhead = PosterSubhead; exports.PosterSwitch = PosterSwitch; exports.PosterTextLink = PosterTextLink; exports.PosterTicks = PosterTicks;

package/dist/primitives/poster.d.cts

@@ -39,6 +39,17 @@ interface PosterShellProps extends HTMLAttributes<HTMLDivElement> {
 declare const PosterShell: React.ForwardRefExoticComponent<PosterShellProps & React.RefAttributes<HTMLDivElement>>;
 /** The page's main landmark, under the header. */
 declare const PosterMain: React.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+interface PosterBannerProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** A short label after the words, underlined ("Read why"). */
+    action?: ReactNode;
+}
+/**
+ * An announcement strip in the primary colour: one line of words and a short
+ * action, the whole strip a single link. A page puts it inside `PosterShell`,
+ * above `PosterHeader`. The space before the action keeps the two apart
+ * wherever the strip is read as plain text.
+ */
+declare const PosterBanner: React.ForwardRefExoticComponent<PosterBannerProps & React.RefAttributes<HTMLAnchorElement>>;
 interface PosterHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
     /** The wordmark: a `PosterMark`. */
     brand: ReactNode;
@@ -392,4 +403,4 @@ declare function PosterScreenRows({ items }: PosterScreenRowsProps): react_jsx_r
 /** A quiet line under a mock-up. */
 declare const PosterMockNote: React.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };
+export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBanner, type PosterBannerProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };

package/dist/primitives/poster.d.ts

@@ -39,6 +39,17 @@ interface PosterShellProps extends HTMLAttributes<HTMLDivElement> {
 declare const PosterShell: React.ForwardRefExoticComponent<PosterShellProps & React.RefAttributes<HTMLDivElement>>;
 /** The page's main landmark, under the header. */
 declare const PosterMain: React.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+interface PosterBannerProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** A short label after the words, underlined ("Read why"). */
+    action?: ReactNode;
+}
+/**
+ * An announcement strip in the primary colour: one line of words and a short
+ * action, the whole strip a single link. A page puts it inside `PosterShell`,
+ * above `PosterHeader`. The space before the action keeps the two apart
+ * wherever the strip is read as plain text.
+ */
+declare const PosterBanner: React.ForwardRefExoticComponent<PosterBannerProps & React.RefAttributes<HTMLAnchorElement>>;
 interface PosterHeaderProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
     /** The wordmark: a `PosterMark`. */
     brand: ReactNode;
@@ -392,4 +403,4 @@ declare function PosterScreenRows({ items }: PosterScreenRowsProps): react_jsx_r
 /** A quiet line under a mock-up. */
 declare const PosterMockNote: React.ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };
+export { PosterAction, type PosterActionProps, PosterBand, type PosterBandProps, PosterBanner, type PosterBannerProps, PosterBreak, PosterCalculator, PosterCallList, type PosterCallListProps, PosterClaims, type PosterClaimsProps, type PosterColours, PosterColumns, type PosterColumnsProps, PosterCopyText, type PosterCopyTextProps, PosterCost, type PosterCostProps, PosterDisclosure, type PosterDisclosureProps, PosterFacts, type PosterFactsProps, PosterFigures, type PosterFiguresProps, PosterFlow, PosterFootnote, type PosterFootnoteProps, PosterGrade, PosterHeader, PosterHeaderAction, type PosterHeaderProps, PosterHero, type PosterHeroProps, PosterMain, PosterMark, PosterMockNote, PosterMoreLink, PosterNav, PosterNavLink, type PosterNavLinkProps, type PosterNavProps, PosterNextLink, type PosterNextLinkProps, PosterNote, type PosterNumberedProps, PosterPeople, type PosterPeopleProps, PosterQuote, type PosterQuoteProps, PosterRange, type PosterRangeProps, PosterRanges, PosterScreen, PosterScreenDetail, type PosterScreenDetailProps, PosterScreenLead, PosterScreenMessage, PosterScreenPane, PosterScreenPerson, type PosterScreenPersonProps, type PosterScreenProps, PosterScreenQueue, type PosterScreenQueueProps, PosterScreenRows, type PosterScreenRowsProps, PosterScreenSplit, PosterScreenTabs, PosterScreenTrace, PosterShell, type PosterShellProps, PosterSmallPrint, PosterStatement, PosterStats, type PosterStatsProps, PosterSteps, type PosterStepsProps, PosterSubhead, PosterSwitch, type PosterSwitchOption, type PosterSwitchProps, PosterTextLink, PosterTicks, type PosterTicksProps };

package/dist/primitives/poster.js

@@ -25,6 +25,15 @@ var PosterShell = forwardRef(function PosterShell2({ colours, font, colorScheme,
 var PosterMain = forwardRef(function PosterMain2(props, ref) {
   return /* @__PURE__ */ jsx("main", { ref, "data-slot": "poster-main", ...props });
 });
+var PosterBanner = forwardRef(function PosterBanner2({ action, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("a", { ref, "data-slot": "poster-banner", ...props, children: [
+    /* @__PURE__ */ jsx("span", { children }),
+    action ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { "data-slot": "poster-banner-action", children: action })
+    ] }) : null
+  ] });
+});
 var PosterHeader = forwardRef(function PosterHeader2({ brand, nav, action, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs("header", { ref, "data-slot": "poster-header", className, ...props, children: [
     brand,
@@ -345,6 +354,7 @@ var PosterMockNote = forwardRef(function PosterMockNote2(props, ref) {
 export {
   PosterAction,
   PosterBand,
+  PosterBanner,
   PosterBreak,
   PosterCalculator,
   PosterCallList,

package/dist/primitives/resource-list.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');
@@ -25,4 +25,4 @@ require('../chunk-KWLSBTB2.cjs');
 require('../chunk-R35FT53G.cjs');
 
 
-exports.ResourceList = _chunkMOJHETNOcjs.ResourceList;
+exports.ResourceList = _chunkVUMLLKWYcjs.ResourceList;

package/dist/primitives/resource-list.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";