@treasuryspatial/surface-primitives 0.0.0-stage → 0.1.1

package/README.md

@@ -1,3 +1,66 @@
-# Temporary Holding Version
+# @treasuryspatial/surface-primitives
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Treasury's neutral surface primitives: React, styled-components 6, styled from
+`@treasuryspatial/treasury-design-tokens` only. No product or route logic.
+
+```tsx
+import { TreasurySurface, TreasurySectionHeader, TreasuryButton, TreasuryContractFailure } from '@treasuryspatial/surface-primitives';
+```
+
+| Export | What it is |
+| --- | --- |
+| `TreasurySurface` | bordered section; `tone` default / raised / muted / danger, `padding` none / sm / md / lg |
+| `TreasuryStack`, `TreasuryInline` | grid and wrapping-row layout helpers |
+| `TreasurySectionHeader` | eyebrow, title, subtitle, action |
+| `TreasuryBadge` | status label; `tone` neutral / accent / success / warning / danger |
+| `TreasuryButton` | primary / secondary / quiet / danger; a link when `href` is set |
+| `TreasuryMetric` | label, value, detail |
+| `TreasuryKeyValueList` | definition list of label/value rows |
+| `TreasuryTable*` | table container, table, head, body, row, header cell, cell |
+| `TreasuryEmptyState` | dashed frame with title, message, action |
+| `TreasuryContractFailure` | the visible failure block (`role="alert"`) for a missing contract |
+| `TreasuryContractIssues` | renders a list of issues as a contract failure, or nothing when the list is empty |
+| `resolveTreasuryTokens` | the tokens with a component's `tokens` overrides merged in |
+| `TreasuryPersonChip` | headshot (`imageUrl`) or initials, name, one-line `role`; a link when `href` is set (0.1.1) |
+| `TreasuryStepper` | ordered stages; `currentId` makes earlier steps done and later ones upcoming, `complete` makes all done (0.1.1) |
+| `TreasurySectionTabs` | underline tabs between the sections of one page or form, each with an optional completeness dot (0.1.1) |
+| `TreasuryProgress` | "n of m" as text and a bar, `role="progressbar"` (0.1.1) |
+
+### Contracts of the 0.1.1 additions
+
+Each checks its props with an exported `getTreasury*Issues` function and renders a visible contract failure when
+they break. A person chip needs a name. A stepper needs unique steps, and `currentId` must be one of them or null.
+Section tabs need a unique active id that exists, an `ariaLabel`, and an `href` or `onSelect` for every tab.
+Progress needs whole numbers with `0 ≤ value ≤ max` and `max > 0`. State shown by colour (step status,
+completeness) is also given as visually hidden text.
+
+### `TreasurySectionTabs` is not `PageTabs` or `ModeBar`
+
+`@treasuryspatial/top-bar` keeps the bar's own switches. Its `PageTabs` move between the pages of a site (routes)
+and its `ModeBar` switches one mode of a workspace. `TreasurySectionTabs` moves between the sections of one page
+or form (the eight onboarding sections) and carries a completeness mark per tab. It sits in the page, under the
+bar, and never in it. Use top-bar for pages and modes; use this for sections.
+
+```tsx
+<TreasurySectionTabs ariaLabel="Onboarding sections" activeId={section} linkComponent={Link}
+  tabs={[{ id: 'profile', label: 'Profile', href: '#profile', completeness: 'complete' }, …]} />
+<TreasuryStepper steps={stages} currentId="assessment" />
+<TreasuryProgress label="Setup" value={4} max={8} unit="sections complete" />
+<TreasuryPersonChip name="Jen Carlile" role="Workflows & Operations" />
+```
+
+Helpers: `getTreasuryInitials`, `getTreasuryStepStatuses`, `formatTreasuryProgress`.
+
+- **Peers:** React ≥ 18, styled-components ^6.1, `@treasuryspatial/treasury-design-tokens`.
+- **Bundle:** one ESM file with a `'use client'` banner; declarations under `dist/`.
+
+## Release
+
+```bash
+npm ci
+npm run build
+npm test
+```
+
+Bump `version` and merge to `main`: the **publish-npm** workflow publishes it with npm trusted publishing. The
+first version of a package that is not on npm yet is published once by hand by the scope owner (`npm publish`).

package/dist/index.d.ts

@@ -0,0 +1,195 @@
+import type { ComponentType, HTMLAttributeAnchorTarget, HTMLAttributes, MouseEventHandler, ReactNode, TableHTMLAttributes } from "react";
+import { type DeepPartial, type TreasuryDesignTokens } from "@treasuryspatial/treasury-design-tokens";
+export type TreasuryTone = "neutral" | "accent" | "success" | "warning" | "danger";
+export type TreasurySurfaceTone = "default" | "raised" | "muted" | "danger";
+export type TreasurySurfacePadding = "none" | "sm" | "md" | "lg";
+export type TreasuryTokenOverrides = DeepPartial<TreasuryDesignTokens>;
+export interface TreasuryTokenProps {
+    tokens?: TreasuryTokenOverrides;
+}
+export declare const resolveTreasuryTokens: (tokens?: TreasuryTokenOverrides) => TreasuryDesignTokens;
+export interface TreasurySurfaceProps extends HTMLAttributes<HTMLElement>, TreasuryTokenProps {
+    children?: ReactNode;
+    padding?: TreasurySurfacePadding;
+    tone?: TreasurySurfaceTone;
+}
+export declare function TreasurySurface({ children, padding, tone, tokens, ...props }: TreasurySurfaceProps): import("react").JSX.Element;
+export declare const TreasuryStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $gap?: keyof TreasuryDesignTokens["spacing"];
+}>> & string;
+export declare const TreasuryInline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $gap?: keyof TreasuryDesignTokens["spacing"];
+}>> & string;
+export interface TreasurySectionHeaderProps extends TreasuryTokenProps {
+    action?: ReactNode;
+    eyebrow?: ReactNode;
+    subtitle?: ReactNode;
+    title: ReactNode;
+}
+export declare function TreasurySectionHeader({ action, eyebrow, subtitle, title, tokens, }: TreasurySectionHeaderProps): import("react").JSX.Element;
+export interface TreasuryBadgeProps extends HTMLAttributes<HTMLSpanElement>, TreasuryTokenProps {
+    tone?: TreasuryTone;
+}
+export declare function TreasuryBadge({ tone, tokens, ...props }: TreasuryBadgeProps): import("react").JSX.Element;
+export type TreasuryButtonVariant = "primary" | "secondary" | "quiet" | "danger";
+export interface TreasuryButtonProps extends TreasuryTokenProps {
+    ariaLabel?: string;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    href?: string;
+    icon?: ReactNode;
+    onClick?: MouseEventHandler<HTMLElement>;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+    type?: "button" | "submit" | "reset";
+    variant?: TreasuryButtonVariant;
+}
+export declare function TreasuryButton({ ariaLabel, children, className, disabled, href, icon, onClick, rel, target, tokens, type, variant, }: TreasuryButtonProps): import("react").JSX.Element;
+export interface TreasuryMetricProps extends HTMLAttributes<HTMLDivElement>, TreasuryTokenProps {
+    label: ReactNode;
+    value: ReactNode;
+    detail?: ReactNode;
+}
+export declare function TreasuryMetric({ detail, label, tokens, value, ...props }: TreasuryMetricProps): import("react").JSX.Element;
+export type TreasuryKeyValueItem = {
+    key: string;
+    label: ReactNode;
+    value: ReactNode;
+};
+export interface TreasuryKeyValueListProps extends TreasuryTokenProps {
+    items: TreasuryKeyValueItem[];
+}
+export declare function TreasuryKeyValueList({ items, tokens }: TreasuryKeyValueListProps): import("react").JSX.Element;
+export declare const TreasuryTableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TreasuryTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, TableHTMLAttributes<HTMLTableElement>>> & string;
+export declare const TreasuryTableHead: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TreasuryTableBody: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TreasuryTableRow: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TreasuryTableHeaderCell: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TreasuryTableCell: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export interface TreasuryEmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, TreasuryTokenProps {
+    action?: ReactNode;
+    message?: ReactNode;
+    title: ReactNode;
+}
+export declare function TreasuryEmptyState({ action, message, title, tokens, ...props }: TreasuryEmptyStateProps): import("react").JSX.Element;
+export interface TreasuryContractFailureProps extends TreasuryTokenProps {
+    action?: ReactNode;
+    details?: ReactNode;
+    title?: ReactNode;
+}
+export declare function TreasuryContractFailure({ action, details, title, tokens, }: TreasuryContractFailureProps): import("react").JSX.Element;
+/** Renders `issues` as a contract failure, or null when there are none: `const failure = treasuryContractIssues(...)`. */
+export declare function TreasuryContractIssues({ issues, title, tokens, }: {
+    issues: string[];
+    title: ReactNode;
+} & TreasuryTokenProps): import("react").JSX.Element | null;
+export interface TreasuryPersonChipProps extends TreasuryTokenProps {
+    name: string;
+    /** One line: specialty, title, "lead". */
+    role?: ReactNode;
+    /** Headshot URL. Without one the chip shows the name's initials. */
+    imageUrl?: string | null;
+    href?: string;
+    className?: string;
+}
+/** First letter of the first and last words, upper-cased: "John Manoochehri" → "JM", "Maria" → "M". */
+export declare function getTreasuryInitials(name: string): string;
+export declare function getTreasuryPersonChipIssues(props: {
+    name?: unknown;
+}): string[];
+export declare function TreasuryPersonChip({ className, href, imageUrl, name, role, tokens }: TreasuryPersonChipProps): import("react").JSX.Element;
+export type TreasuryStepStatus = "done" | "current" | "upcoming";
+export interface TreasuryStep {
+    id: string;
+    label: ReactNode;
+}
+export interface TreasuryStepperProps extends TreasuryTokenProps {
+    steps: TreasuryStep[];
+    /** The stage in progress. null = not started (all upcoming). */
+    currentId: string | null;
+    /** Every stage done (the engagement closed). */
+    complete?: boolean;
+    /** Accessible name of the list; default "Stages". */
+    ariaLabel?: string;
+    className?: string;
+}
+/** Steps before `currentId` are done, `currentId` is current, the rest upcoming; `complete` makes all done. */
+export declare function getTreasuryStepStatuses(steps: TreasuryStep[], currentId: string | null, complete?: boolean): TreasuryStepStatus[];
+export declare function getTreasuryStepperIssues(props: {
+    steps?: TreasuryStep[];
+    currentId?: unknown;
+    complete?: boolean;
+}): string[];
+export declare function TreasuryStepper({ ariaLabel, className, complete, currentId, steps, tokens }: TreasuryStepperProps): import("react").JSX.Element;
+export type TreasurySectionCompleteness = "complete" | "partial" | "empty";
+export interface TreasurySectionTab {
+    id: string;
+    label: ReactNode;
+    /** Anchor or route of the section. Without it the tab is a button that calls onSelect. */
+    href?: string;
+    /** Omit for no dot. */
+    completeness?: TreasurySectionCompleteness;
+}
+type TreasuryLinkLike = ComponentType<{
+    href: string;
+    className?: string;
+    children?: ReactNode;
+    "aria-current"?: "true" | "page" | "location";
+}>;
+export interface TreasurySectionTabsProps extends TreasuryTokenProps {
+    tabs: TreasurySectionTab[];
+    activeId: string;
+    /** Called with the tab id; required for tabs without href. */
+    onSelect?: (id: string) => void;
+    /** Accessible name of the row ("Onboarding sections"). */
+    ariaLabel: string;
+    /** Next.js Link or similar for href tabs; defaults to <a>. */
+    linkComponent?: TreasuryLinkLike;
+    className?: string;
+}
+export declare function getTreasurySectionTabsIssues(props: {
+    tabs?: TreasurySectionTab[];
+    activeId?: unknown;
+    onSelect?: unknown;
+    ariaLabel?: unknown;
+}): string[];
+export declare function TreasurySectionTabs({ activeId, ariaLabel, className, linkComponent, onSelect, tabs, tokens, }: TreasurySectionTabsProps): import("react").JSX.Element;
+export interface TreasuryProgressProps extends TreasuryTokenProps {
+    value: number;
+    max: number;
+    /** What is counted, after "n of m": "sections complete". */
+    unit?: string;
+    /** A heading on the left of the count ("Setup"). */
+    label?: ReactNode;
+    /** Default true. */
+    showBar?: boolean;
+    className?: string;
+}
+export declare function getTreasuryProgressIssues(props: {
+    value?: unknown;
+    max?: unknown;
+}): string[];
+/** "4 of 8 sections complete". */
+export declare function formatTreasuryProgress(value: number, max: number, unit?: string): string;
+export declare function TreasuryProgress({ className, label, max, showBar, tokens, unit, value }: TreasuryProgressProps): import("react").JSX.Element;
+export {};

package/dist/index.js

@@ -0,0 +1,822 @@
+'use client';
+
+// src/index.tsx
+import styled, { css } from "styled-components";
+import {
+  createTreasuryDesignTokens
+} from "@treasuryspatial/treasury-design-tokens";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var resolveTreasuryTokens = (tokens) => createTreasuryDesignTokens(tokens);
+var toneColors = (tone, tokens) => {
+  if (tone === "accent") {
+    return {
+      background: tokens.colors.accentSoft,
+      border: tokens.colors.accent,
+      text: tokens.colors.accentStrong
+    };
+  }
+  if (tone === "success") {
+    return {
+      background: tokens.colors.successSoft,
+      border: tokens.colors.success,
+      text: tokens.colors.success
+    };
+  }
+  if (tone === "warning") {
+    return {
+      background: tokens.colors.warningSoft,
+      border: tokens.colors.warning,
+      text: tokens.colors.warning
+    };
+  }
+  if (tone === "danger") {
+    return {
+      background: tokens.colors.dangerSoft,
+      border: tokens.colors.danger,
+      text: tokens.colors.danger
+    };
+  }
+  return {
+    background: tokens.colors.surfaceRaised,
+    border: tokens.colors.borderMuted,
+    text: tokens.colors.textMuted
+  };
+};
+var surfaceBackground = (tone, tokens) => {
+  if (tone === "raised") return tokens.colors.surfaceRaised;
+  if (tone === "muted") return tokens.colors.canvas;
+  if (tone === "danger") return tokens.colors.dangerSoft;
+  return tokens.colors.surface;
+};
+var surfaceBorder = (tone, tokens) => {
+  if (tone === "danger") return tokens.colors.danger;
+  return tokens.colors.borderMuted;
+};
+var paddingFor = (padding, tokens) => {
+  if (padding === "none") return "0";
+  if (padding === "sm") return tokens.spacing.md;
+  if (padding === "lg") return tokens.spacing.xl;
+  return tokens.spacing.lg;
+};
+var BaseSurface = styled.section`
+  background: ${({ $tone, $tokens }) => surfaceBackground($tone, $tokens)};
+  border: 1px solid ${({ $tone, $tokens }) => surfaceBorder($tone, $tokens)};
+  border-radius: ${({ $tokens }) => $tokens.radii.md};
+  color: ${({ $tokens }) => $tokens.colors.text};
+  display: block;
+  padding: ${({ $padding, $tokens }) => paddingFor($padding, $tokens)};
+`;
+function TreasurySurface({
+  children,
+  padding = "md",
+  tone = "default",
+  tokens,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(BaseSurface, { $padding: padding, $tone: tone, $tokens: resolveTreasuryTokens(tokens), ...props, children });
+}
+var TreasuryStack = styled.div`
+  display: grid;
+  gap: ${({ $gap = "lg" }) => createTreasuryDesignTokens().spacing[$gap]};
+`;
+var TreasuryInline = styled.div`
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${({ $gap = "sm" }) => createTreasuryDesignTokens().spacing[$gap]};
+`;
+var SectionHeaderRoot = styled.div`
+  align-items: flex-start;
+  display: flex;
+  gap: ${({ $tokens }) => $tokens.spacing.lg};
+  justify-content: space-between;
+  min-width: 0;
+`;
+var SectionHeaderCopy = styled.div`
+  display: grid;
+  gap: ${({ $tokens }) => $tokens.spacing.xs};
+  min-width: 0;
+`;
+var Eyebrow = styled.div`
+  color: ${({ $tokens }) => $tokens.colors.textSubtle};
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xs};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.semibold};
+  letter-spacing: ${({ $tokens }) => $tokens.typography.letterSpacing.caps};
+  text-transform: uppercase;
+`;
+var SectionTitle = styled.h2`
+  color: ${({ $tokens }) => $tokens.colors.text};
+  font-family: ${({ $tokens }) => $tokens.typography.family.heading};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xl};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+  letter-spacing: ${({ $tokens }) => $tokens.typography.letterSpacing.tight};
+  line-height: 1.18;
+  margin: 0;
+`;
+var SectionSubtitle = styled.p`
+  color: ${({ $tokens }) => $tokens.colors.textMuted};
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  line-height: 1.5;
+  margin: 0;
+`;
+function TreasurySectionHeader({
+  action,
+  eyebrow,
+  subtitle,
+  title,
+  tokens
+}) {
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  return /* @__PURE__ */ jsxs(SectionHeaderRoot, { $tokens: resolvedTokens, children: [
+    /* @__PURE__ */ jsxs(SectionHeaderCopy, { $tokens: resolvedTokens, children: [
+      eyebrow ? /* @__PURE__ */ jsx(Eyebrow, { $tokens: resolvedTokens, children: eyebrow }) : null,
+      /* @__PURE__ */ jsx(SectionTitle, { $tokens: resolvedTokens, children: title }),
+      subtitle ? /* @__PURE__ */ jsx(SectionSubtitle, { $tokens: resolvedTokens, children: subtitle }) : null
+    ] }),
+    action ? /* @__PURE__ */ jsx("div", { children: action }) : null
+  ] });
+}
+var Badge = styled.span`
+  ${({ $tone, $tokens }) => {
+  const colors = toneColors($tone, $tokens);
+  return css`
+      background: ${colors.background};
+      border-color: ${colors.border};
+      color: ${colors.text};
+    `;
+}}
+  align-items: center;
+  border: 1px solid;
+  border-radius: ${({ $tokens }) => $tokens.radii.sm};
+  display: inline-flex;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xs};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+  line-height: 1;
+  min-height: 24px;
+  padding: 0 ${({ $tokens }) => $tokens.spacing.sm};
+  white-space: nowrap;
+`;
+function TreasuryBadge({ tone = "neutral", tokens, ...props }) {
+  return /* @__PURE__ */ jsx(Badge, { $tone: tone, $tokens: resolveTreasuryTokens(tokens), ...props });
+}
+var buttonVariant = (variant, tokens) => {
+  if (variant === "primary") {
+    return css`
+      background: ${tokens.colors.accent};
+      border-color: ${tokens.colors.accent};
+      color: ${tokens.colors.inverseText};
+    `;
+  }
+  if (variant === "danger") {
+    return css`
+      background: ${tokens.colors.danger};
+      border-color: ${tokens.colors.danger};
+      color: ${tokens.colors.inverseText};
+    `;
+  }
+  if (variant === "quiet") {
+    return css`
+      background: transparent;
+      border-color: transparent;
+      color: ${tokens.colors.textMuted};
+    `;
+  }
+  return css`
+    background: ${tokens.colors.surface};
+    border-color: ${tokens.colors.border};
+    color: ${tokens.colors.text};
+  `;
+};
+var buttonCss = css`
+  ${({ $tokens, $variant }) => buttonVariant($variant, $tokens)}
+  align-items: center;
+  border: 1px solid;
+  border-radius: ${({ $tokens }) => $tokens.radii.md};
+  cursor: pointer;
+  display: inline-flex;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+  gap: ${({ $tokens }) => $tokens.spacing.sm};
+  justify-content: center;
+  line-height: 1;
+  min-height: 36px;
+  padding: 0 ${({ $tokens }) => $tokens.spacing.lg};
+  text-decoration: none;
+  transition:
+    background ${({ $tokens }) => $tokens.motion.quick} ${({ $tokens }) => $tokens.motion.easing},
+    border-color ${({ $tokens }) => $tokens.motion.quick} ${({ $tokens }) => $tokens.motion.easing},
+    color ${({ $tokens }) => $tokens.motion.quick} ${({ $tokens }) => $tokens.motion.easing};
+  white-space: nowrap;
+
+  &:disabled,
+  &[aria-disabled="true"] {
+    cursor: not-allowed;
+    opacity: 0.48;
+  }
+`;
+var Button = styled.button`
+  ${buttonCss}
+`;
+var ButtonLink = styled.a`
+  ${buttonCss}
+`;
+function TreasuryButton({
+  ariaLabel,
+  children,
+  className,
+  disabled,
+  href,
+  icon,
+  onClick,
+  rel,
+  target,
+  tokens,
+  type = "button",
+  variant = "secondary"
+}) {
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  if (href) {
+    return /* @__PURE__ */ jsxs(
+      ButtonLink,
+      {
+        $tokens: resolvedTokens,
+        $variant: variant,
+        "aria-disabled": disabled,
+        "aria-label": ariaLabel,
+        className,
+        href: disabled ? void 0 : href,
+        onClick,
+        rel,
+        target,
+        children: [
+          icon,
+          children
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      $tokens: resolvedTokens,
+      $variant: variant,
+      "aria-label": ariaLabel,
+      className,
+      disabled,
+      onClick,
+      type,
+      children: [
+        icon,
+        children
+      ]
+    }
+  );
+}
+var MetricRoot = styled.div`
+  border: 1px solid ${({ $tokens }) => $tokens.colors.borderMuted};
+  border-radius: ${({ $tokens }) => $tokens.radii.md};
+  display: grid;
+  gap: ${({ $tokens }) => $tokens.spacing.xs};
+  padding: ${({ $tokens }) => $tokens.spacing.lg};
+`;
+var MetricValue = styled.div`
+  color: ${({ $tokens }) => $tokens.colors.text};
+  font-family: ${({ $tokens }) => $tokens.typography.family.heading};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xl};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+  line-height: 1.1;
+`;
+function TreasuryMetric({ detail, label, tokens, value, ...props }) {
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  return /* @__PURE__ */ jsxs(MetricRoot, { $tokens: resolvedTokens, ...props, children: [
+    /* @__PURE__ */ jsx(Eyebrow, { $tokens: resolvedTokens, children: label }),
+    /* @__PURE__ */ jsx(MetricValue, { $tokens: resolvedTokens, children: value }),
+    detail ? /* @__PURE__ */ jsx(SectionSubtitle, { $tokens: resolvedTokens, children: detail }) : null
+  ] });
+}
+var KeyValueList = styled.dl`
+  display: grid;
+  gap: ${({ $tokens }) => $tokens.spacing.sm};
+  margin: 0;
+`;
+var KeyValueRow = styled.div`
+  display: grid;
+  gap: ${({ $tokens }) => $tokens.spacing.sm};
+  grid-template-columns: minmax(120px, 0.36fr) minmax(0, 1fr);
+
+  @media (max-width: 620px) {
+    grid-template-columns: 1fr;
+  }
+`;
+var KeyTerm = styled.dt`
+  color: ${({ $tokens }) => $tokens.colors.textSubtle};
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+`;
+var KeyValue = styled.dd`
+  color: ${({ $tokens }) => $tokens.colors.text};
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  margin: 0;
+  min-width: 0;
+`;
+function TreasuryKeyValueList({ items, tokens }) {
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  return /* @__PURE__ */ jsx(KeyValueList, { $tokens: resolvedTokens, children: items.map((item) => /* @__PURE__ */ jsxs(KeyValueRow, { $tokens: resolvedTokens, children: [
+    /* @__PURE__ */ jsx(KeyTerm, { $tokens: resolvedTokens, children: item.label }),
+    /* @__PURE__ */ jsx(KeyValue, { $tokens: resolvedTokens, children: item.value })
+  ] }, item.key)) });
+}
+var TreasuryTableContainer = styled.div`
+  overflow-x: auto;
+  width: 100%;
+`;
+var TreasuryTable = styled.table`
+  border-collapse: collapse;
+  min-width: 100%;
+`;
+var TreasuryTableHead = styled.thead``;
+var TreasuryTableBody = styled.tbody``;
+var TreasuryTableRow = styled.tr``;
+var TreasuryTableHeaderCell = styled.th`
+  border-bottom: 1px solid ${createTreasuryDesignTokens().colors.border};
+  color: ${createTreasuryDesignTokens().colors.textSubtle};
+  font-family: ${createTreasuryDesignTokens().typography.family.body};
+  font-size: ${createTreasuryDesignTokens().typography.size.xs};
+  font-weight: ${createTreasuryDesignTokens().typography.weight.semibold};
+  letter-spacing: ${createTreasuryDesignTokens().typography.letterSpacing.caps};
+  padding: ${createTreasuryDesignTokens().spacing.md};
+  text-align: left;
+  text-transform: uppercase;
+`;
+var TreasuryTableCell = styled.td`
+  border-bottom: 1px solid ${createTreasuryDesignTokens().colors.borderMuted};
+  color: ${createTreasuryDesignTokens().colors.text};
+  font-family: ${createTreasuryDesignTokens().typography.family.body};
+  font-size: ${createTreasuryDesignTokens().typography.size.sm};
+  padding: ${createTreasuryDesignTokens().spacing.md};
+  vertical-align: top;
+`;
+var EmptyRoot = styled.div`
+  align-items: center;
+  border: 1px dashed ${({ $tokens }) => $tokens.colors.border};
+  border-radius: ${({ $tokens }) => $tokens.radii.md};
+  display: grid;
+  gap: ${({ $tokens }) => $tokens.spacing.md};
+  justify-items: start;
+  padding: ${({ $tokens }) => $tokens.spacing.xl};
+`;
+function TreasuryEmptyState({ action, message, title, tokens, ...props }) {
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  return /* @__PURE__ */ jsxs(EmptyRoot, { $tokens: resolvedTokens, ...props, children: [
+    /* @__PURE__ */ jsx(SectionTitle, { $tokens: resolvedTokens, children: title }),
+    message ? /* @__PURE__ */ jsx(SectionSubtitle, { $tokens: resolvedTokens, children: message }) : null,
+    action
+  ] });
+}
+var FailureRoot = styled(TreasurySurface)`
+  border-width: 2px;
+`;
+var FailureTitle = styled.h2`
+  color: ${({ $tokens }) => $tokens.colors.danger};
+  font-family: ${({ $tokens }) => $tokens.typography.family.heading};
+  font-size: ${({ $tokens }) => $tokens.typography.size.lg};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.semibold};
+  margin: 0;
+`;
+var FailureDetails = styled.div`
+  color: ${({ $tokens }) => $tokens.colors.danger};
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  line-height: 1.5;
+
+  ul {
+    margin: 0;
+    padding-left: 1.2em;
+  }
+`;
+function TreasuryContractFailure({
+  action,
+  details,
+  title = "Treasury UI contract failure",
+  tokens
+}) {
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  return /* @__PURE__ */ jsxs(FailureRoot, { "data-treasury-contract-failure": "", role: "alert", tokens, tone: "danger", children: [
+    /* @__PURE__ */ jsx(FailureTitle, { $tokens: resolvedTokens, children: title }),
+    details ? /* @__PURE__ */ jsx(FailureDetails, { $tokens: resolvedTokens, children: details }) : null,
+    action
+  ] });
+}
+function TreasuryContractIssues({
+  issues,
+  title,
+  tokens
+}) {
+  if (!issues.length) return null;
+  return /* @__PURE__ */ jsx(
+    TreasuryContractFailure,
+    {
+      details: /* @__PURE__ */ jsx("ul", { children: issues.map((issue) => /* @__PURE__ */ jsx("li", { children: issue }, issue)) }),
+      title,
+      tokens
+    }
+  );
+}
+var VisuallyHidden = styled.span`
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`;
+var duplicateValues = (values) => [...new Set(values.filter((value, index) => values.indexOf(value) !== index))];
+function getTreasuryInitials(name) {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  if (!words.length) return "";
+  const first = words[0][0] ?? "";
+  const last = words.length > 1 ? words[words.length - 1][0] ?? "" : "";
+  return `${first}${last}`.toUpperCase();
+}
+var PersonRoot = styled.div`
+  align-items: center;
+  background: ${({ $tokens }) => $tokens.colors.surfaceRaised};
+  border: 1px solid ${({ $tokens }) => $tokens.colors.borderMuted};
+  border-radius: ${({ $tokens }) => $tokens.radii.sm};
+  color: inherit;
+  display: inline-flex;
+  gap: ${({ $tokens }) => $tokens.spacing.sm};
+  max-width: 100%;
+  min-width: 0;
+  padding: ${({ $tokens }) => `${$tokens.spacing.xs} ${$tokens.spacing.md} ${$tokens.spacing.xs} ${$tokens.spacing.xs}`};
+  text-decoration: none;
+
+  a&:hover {
+    border-color: ${({ $tokens }) => $tokens.colors.accent};
+  }
+`;
+var Avatar = styled.span`
+  align-items: center;
+  background: ${({ $tokens }) => $tokens.colors.accentSoft};
+  border-radius: 50%;
+  color: ${({ $tokens }) => $tokens.colors.accentStrong};
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xs};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+  height: 28px;
+  justify-content: center;
+  overflow: hidden;
+  width: 28px;
+
+  img {
+    height: 100%;
+    object-fit: cover;
+    width: 100%;
+  }
+`;
+var PersonText = styled.span`
+  display: grid;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  line-height: 1.3;
+  min-width: 0;
+`;
+var PersonName = styled.span`
+  color: ${({ $tokens }) => $tokens.colors.text};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+var PersonRole = styled.span`
+  color: ${({ $tokens }) => $tokens.colors.textSubtle};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xs};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+function getTreasuryPersonChipIssues(props) {
+  return typeof props.name === "string" && props.name.trim() ? [] : ["Person chip has no name."];
+}
+function TreasuryPersonChip({ className, href, imageUrl, name, role, tokens }) {
+  const issues = getTreasuryPersonChipIssues({ name });
+  if (issues.length) return /* @__PURE__ */ jsx(TreasuryContractIssues, { issues, title: "Person chip contract failure", tokens });
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  return /* @__PURE__ */ jsxs(
+    PersonRoot,
+    {
+      $tokens: resolvedTokens,
+      as: href ? "a" : "div",
+      className,
+      "data-treasury-person": "",
+      ...href ? { href } : {},
+      children: [
+        /* @__PURE__ */ jsx(Avatar, { $tokens: resolvedTokens, "aria-hidden": "true", children: imageUrl ? /* @__PURE__ */ jsx("img", { alt: "", src: imageUrl }) : getTreasuryInitials(name) }),
+        /* @__PURE__ */ jsxs(PersonText, { $tokens: resolvedTokens, children: [
+          /* @__PURE__ */ jsx(PersonName, { $tokens: resolvedTokens, children: name }),
+          role ? /* @__PURE__ */ jsx(PersonRole, { $tokens: resolvedTokens, children: role }) : null
+        ] })
+      ]
+    }
+  );
+}
+function getTreasuryStepStatuses(steps, currentId, complete = false) {
+  if (complete) return steps.map(() => "done");
+  const currentIndex = currentId === null ? -1 : steps.findIndex((step) => step.id === currentId);
+  return steps.map((_, index) => {
+    if (currentIndex < 0) return "upcoming";
+    if (index < currentIndex) return "done";
+    return index === currentIndex ? "current" : "upcoming";
+  });
+}
+function getTreasuryStepperIssues(props) {
+  const issues = [];
+  const steps = Array.isArray(props.steps) ? props.steps : [];
+  const ids = steps.map((step) => step.id);
+  if (!steps.length) issues.push("Stepper has no steps.");
+  if (ids.some((id) => typeof id !== "string" || !id)) issues.push("Stepper has a step with an empty id.");
+  for (const id of duplicateValues(ids)) issues.push(`Stepper repeats step ${JSON.stringify(id)}.`);
+  if (props.currentId !== null && props.currentId !== void 0 && !ids.includes(props.currentId)) {
+    issues.push(`Stepper current step ${JSON.stringify(props.currentId)} is not one of its steps.`);
+  }
+  return issues;
+}
+var StepList = styled.ol`
+  display: grid;
+  gap: ${({ $tokens }) => $tokens.spacing.xs};
+  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`;
+var StepItem = styled.li`
+  color: ${({ $status, $tokens }) => $status === "current" ? $tokens.colors.accentStrong : $tokens.colors.textSubtle};
+  display: grid;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.xs};
+  font-weight: ${({ $status, $tokens }) => $status === "current" ? $tokens.typography.weight.medium : $tokens.typography.weight.regular};
+  gap: 6px;
+  line-height: 1.3;
+  text-align: center;
+`;
+var StepBar = styled.span`
+  background: ${({ $status, $tokens }) => $status === "done" ? $tokens.colors.accent : $status === "current" ? $tokens.colors.accentStrong : $tokens.colors.borderMuted};
+  border-radius: ${({ $tokens }) => $tokens.radii.sm};
+  display: block;
+  height: 6px;
+`;
+var STEP_STATUS_TEXT = { done: "done", current: "current", upcoming: "upcoming" };
+function TreasuryStepper({ ariaLabel = "Stages", className, complete, currentId, steps, tokens }) {
+  const issues = getTreasuryStepperIssues({ complete, currentId, steps });
+  if (issues.length) return /* @__PURE__ */ jsx(TreasuryContractIssues, { issues, title: "Stepper contract failure", tokens });
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  const statuses = getTreasuryStepStatuses(steps, currentId, complete);
+  return /* @__PURE__ */ jsx(StepList, { $tokens: resolvedTokens, "aria-label": ariaLabel, className, children: steps.map((step, index) => /* @__PURE__ */ jsxs(
+    StepItem,
+    {
+      $status: statuses[index],
+      $tokens: resolvedTokens,
+      "aria-current": statuses[index] === "current" ? "step" : void 0,
+      "data-status": statuses[index],
+      children: [
+        /* @__PURE__ */ jsx(StepBar, { $status: statuses[index], $tokens: resolvedTokens }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          step.label,
+          /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+            ", ",
+            STEP_STATUS_TEXT[statuses[index]]
+          ] })
+        ] })
+      ]
+    },
+    step.id
+  )) });
+}
+function getTreasurySectionTabsIssues(props) {
+  const issues = [];
+  const tabs = Array.isArray(props.tabs) ? props.tabs : [];
+  const ids = tabs.map((tab) => tab.id);
+  if (!tabs.length) issues.push("Section tabs have no tabs.");
+  if (!props.ariaLabel) issues.push("Section tabs have no ariaLabel.");
+  if (ids.some((id) => typeof id !== "string" || !id)) issues.push("Section tabs have a tab with an empty id.");
+  for (const id of duplicateValues(ids)) issues.push(`Section tabs repeat ${JSON.stringify(id)}.`);
+  if (!ids.includes(props.activeId)) issues.push(`Section tabs active id ${JSON.stringify(props.activeId)} is not one of the tabs.`);
+  for (const tab of tabs) {
+    if (!tab.href && typeof props.onSelect !== "function") issues.push(`Section tab ${JSON.stringify(tab.id)} has neither href nor onSelect.`);
+    if (tab.completeness !== void 0 && !["complete", "partial", "empty"].includes(tab.completeness)) {
+      issues.push(`Section tab ${JSON.stringify(tab.id)} completeness ${JSON.stringify(tab.completeness)} is not complete, partial or empty.`);
+    }
+  }
+  return issues;
+}
+var SectionTabsRow = styled.nav`
+  background: ${({ $tokens }) => $tokens.colors.surface};
+  border-bottom: 1px solid ${({ $tokens }) => $tokens.colors.borderMuted};
+  display: flex;
+  gap: ${({ $tokens }) => $tokens.spacing.xs};
+  overflow-x: auto;
+  padding: 0 ${({ $tokens }) => $tokens.spacing.lg};
+  scrollbar-width: thin;
+`;
+var sectionTabCss = css`
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid ${({ $active, $tokens }) => $active ? $tokens.colors.accent : "transparent"};
+  color: ${({ $active, $tokens }) => $active ? $tokens.colors.text : $tokens.colors.textMuted};
+  cursor: pointer;
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  font-weight: ${({ $active, $tokens }) => $active ? $tokens.typography.weight.medium : $tokens.typography.weight.regular};
+  gap: 6px;
+  margin-bottom: -1px;
+  padding: ${({ $tokens }) => `${$tokens.spacing.md} ${$tokens.spacing.sm}`};
+  text-decoration: none;
+  white-space: nowrap;
+
+  &:hover {
+    color: ${({ $tokens }) => $tokens.colors.text};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${({ $tokens }) => $tokens.colors.accent};
+    outline-offset: -2px;
+  }
+`;
+var SectionTabButton = styled.button`
+  ${sectionTabCss}
+`;
+var SectionTabLinkFrame = styled.span`
+  display: inline-flex;
+  flex: 0 0 auto;
+
+  a {
+    ${sectionTabCss}
+  }
+`;
+var CompletenessDot = styled.span`
+  background: ${({ $state, $tokens }) => $state === "complete" ? $tokens.colors.accent : $state === "partial" ? $tokens.colors.warning : $tokens.colors.border};
+  border-radius: 50%;
+  display: inline-block;
+  flex: 0 0 auto;
+  height: 7px;
+  width: 7px;
+`;
+var COMPLETENESS_TEXT = {
+  complete: "complete",
+  partial: "partly complete",
+  empty: "not started"
+};
+function TreasurySectionTabs({
+  activeId,
+  ariaLabel,
+  className,
+  linkComponent,
+  onSelect,
+  tabs,
+  tokens
+}) {
+  const issues = getTreasurySectionTabsIssues({ activeId, ariaLabel, onSelect, tabs });
+  if (issues.length) return /* @__PURE__ */ jsx(TreasuryContractIssues, { issues, title: "Section tabs contract failure", tokens });
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  const Link = linkComponent ?? ((props) => /* @__PURE__ */ jsx("a", { ...props }));
+  return /* @__PURE__ */ jsx(SectionTabsRow, { $tokens: resolvedTokens, "aria-label": ariaLabel, className, children: tabs.map((tab) => {
+    const active = tab.id === activeId;
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      tab.completeness ? /* @__PURE__ */ jsx(CompletenessDot, { $state: tab.completeness, $tokens: resolvedTokens, "aria-hidden": "true" }) : null,
+      tab.label,
+      tab.completeness ? /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+        ", ",
+        COMPLETENESS_TEXT[tab.completeness]
+      ] }) : null
+    ] });
+    return tab.href ? /* @__PURE__ */ jsx(SectionTabLinkFrame, { $active: active, $tokens: resolvedTokens, "data-completeness": tab.completeness, children: /* @__PURE__ */ jsx(Link, { "aria-current": active ? "true" : void 0, href: tab.href, children: content }) }, tab.id) : /* @__PURE__ */ jsx(
+      SectionTabButton,
+      {
+        $active: active,
+        $tokens: resolvedTokens,
+        "aria-current": active ? "true" : void 0,
+        "data-completeness": tab.completeness,
+        onClick: () => onSelect?.(tab.id),
+        type: "button",
+        children: content
+      },
+      tab.id
+    );
+  }) });
+}
+function getTreasuryProgressIssues(props) {
+  const issues = [];
+  const { max, value } = props;
+  if (!Number.isInteger(max) || max <= 0) issues.push(`Progress max ${JSON.stringify(max)} is not a whole number above 0.`);
+  else if (!Number.isInteger(value) || value < 0 || value > max) {
+    issues.push(`Progress value ${JSON.stringify(value)} is not a whole number from 0 to ${max}.`);
+  }
+  return issues;
+}
+function formatTreasuryProgress(value, max, unit) {
+  return `${value} of ${max}${unit ? ` ${unit}` : ""}`;
+}
+var ProgressRoot = styled.div`
+  display: grid;
+  font-family: ${({ $tokens }) => $tokens.typography.family.body};
+  gap: ${({ $tokens }) => $tokens.spacing.xs};
+`;
+var ProgressText = styled.div`
+  align-items: baseline;
+  display: flex;
+  gap: ${({ $tokens }) => $tokens.spacing.md};
+  justify-content: space-between;
+`;
+var ProgressLabel = styled.span`
+  color: ${({ $tokens }) => $tokens.colors.text};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};
+`;
+var ProgressCount = styled.span`
+  color: ${({ $complete, $tokens }) => $complete ? $tokens.colors.success : $tokens.colors.textMuted};
+  font-size: ${({ $tokens }) => $tokens.typography.size.sm};
+  font-variant-numeric: tabular-nums;
+`;
+var ProgressTrack = styled.div`
+  background: ${({ $tokens }) => $tokens.colors.borderMuted};
+  border-radius: ${({ $tokens }) => $tokens.radii.sm};
+  height: 6px;
+  overflow: hidden;
+`;
+var ProgressFill = styled.div`
+  background: ${({ $complete, $tokens }) => $complete ? $tokens.colors.success : $tokens.colors.accent};
+  height: 100%;
+`;
+function TreasuryProgress({ className, label, max, showBar = true, tokens, unit, value }) {
+  const issues = getTreasuryProgressIssues({ max, value });
+  if (issues.length) return /* @__PURE__ */ jsx(TreasuryContractIssues, { issues, title: "Progress contract failure", tokens });
+  const resolvedTokens = resolveTreasuryTokens(tokens);
+  const complete = value === max;
+  const text = formatTreasuryProgress(value, max, unit);
+  return /* @__PURE__ */ jsxs(
+    ProgressRoot,
+    {
+      $tokens: resolvedTokens,
+      "aria-valuemax": max,
+      "aria-valuemin": 0,
+      "aria-valuenow": value,
+      "aria-valuetext": text,
+      className,
+      "data-complete": complete ? "" : void 0,
+      role: "progressbar",
+      children: [
+        /* @__PURE__ */ jsxs(ProgressText, { $tokens: resolvedTokens, children: [
+          label ? /* @__PURE__ */ jsx(ProgressLabel, { $tokens: resolvedTokens, children: label }) : /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx(ProgressCount, { $complete: complete, $tokens: resolvedTokens, children: text })
+        ] }),
+        showBar ? /* @__PURE__ */ jsx(ProgressTrack, { $tokens: resolvedTokens, "aria-hidden": "true", children: /* @__PURE__ */ jsx(ProgressFill, { $complete: complete, $tokens: resolvedTokens, style: { width: `${value / max * 100}%` } }) }) : null
+      ]
+    }
+  );
+}
+export {
+  TreasuryBadge,
+  TreasuryButton,
+  TreasuryContractFailure,
+  TreasuryContractIssues,
+  TreasuryEmptyState,
+  TreasuryInline,
+  TreasuryKeyValueList,
+  TreasuryMetric,
+  TreasuryPersonChip,
+  TreasuryProgress,
+  TreasurySectionHeader,
+  TreasurySectionTabs,
+  TreasuryStack,
+  TreasuryStepper,
+  TreasurySurface,
+  TreasuryTable,
+  TreasuryTableBody,
+  TreasuryTableCell,
+  TreasuryTableContainer,
+  TreasuryTableHead,
+  TreasuryTableHeaderCell,
+  TreasuryTableRow,
+  formatTreasuryProgress,
+  getTreasuryInitials,
+  getTreasuryPersonChipIssues,
+  getTreasuryProgressIssues,
+  getTreasurySectionTabsIssues,
+  getTreasuryStepStatuses,
+  getTreasuryStepperIssues,
+  resolveTreasuryTokens
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["// @treasuryspatial/surface-primitives \u2014 Treasury's neutral surface primitives. Styled from\n// @treasuryspatial/treasury-design-tokens only; every component takes `tokens` overrides. Nothing here knows a\n// product or a route. The contract-failure block lives at this level so every kit package (and a consuming\n// surface) can fail visibly without a quiet fallback.\n\nimport type {\n  ComponentType,\n  HTMLAttributeAnchorTarget,\n  HTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n  TableHTMLAttributes,\n} from \"react\";\nimport styled, { css } from \"styled-components\";\nimport {\n  createTreasuryDesignTokens,\n  type DeepPartial,\n  type TreasuryDesignTokens,\n} from \"@treasuryspatial/treasury-design-tokens\";\n\nexport type TreasuryTone = \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\nexport type TreasurySurfaceTone = \"default\" | \"raised\" | \"muted\" | \"danger\";\nexport type TreasurySurfacePadding = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport type TreasuryTokenOverrides = DeepPartial<TreasuryDesignTokens>;\n\nexport interface TreasuryTokenProps {\n  tokens?: TreasuryTokenOverrides;\n}\n\nexport const resolveTreasuryTokens = (tokens?: TreasuryTokenOverrides): TreasuryDesignTokens =>\n  createTreasuryDesignTokens(tokens);\n\nconst toneColors = (tone: TreasuryTone, tokens: TreasuryDesignTokens) => {\n  if (tone === \"accent\") {\n    return {\n      background: tokens.colors.accentSoft,\n      border: tokens.colors.accent,\n      text: tokens.colors.accentStrong,\n    };\n  }\n\n  if (tone === \"success\") {\n    return {\n      background: tokens.colors.successSoft,\n      border: tokens.colors.success,\n      text: tokens.colors.success,\n    };\n  }\n\n  if (tone === \"warning\") {\n    return {\n      background: tokens.colors.warningSoft,\n      border: tokens.colors.warning,\n      text: tokens.colors.warning,\n    };\n  }\n\n  if (tone === \"danger\") {\n    return {\n      background: tokens.colors.dangerSoft,\n      border: tokens.colors.danger,\n      text: tokens.colors.danger,\n    };\n  }\n\n  return {\n    background: tokens.colors.surfaceRaised,\n    border: tokens.colors.borderMuted,\n    text: tokens.colors.textMuted,\n  };\n};\n\nconst surfaceBackground = (tone: TreasurySurfaceTone, tokens: TreasuryDesignTokens) => {\n  if (tone === \"raised\") return tokens.colors.surfaceRaised;\n  if (tone === \"muted\") return tokens.colors.canvas;\n  if (tone === \"danger\") return tokens.colors.dangerSoft;\n  return tokens.colors.surface;\n};\n\nconst surfaceBorder = (tone: TreasurySurfaceTone, tokens: TreasuryDesignTokens) => {\n  if (tone === \"danger\") return tokens.colors.danger;\n  return tokens.colors.borderMuted;\n};\n\nconst paddingFor = (padding: TreasurySurfacePadding, tokens: TreasuryDesignTokens) => {\n  if (padding === \"none\") return \"0\";\n  if (padding === \"sm\") return tokens.spacing.md;\n  if (padding === \"lg\") return tokens.spacing.xl;\n  return tokens.spacing.lg;\n};\n\nconst BaseSurface = styled.section<{\n  $padding: TreasurySurfacePadding;\n  $tone: TreasurySurfaceTone;\n  $tokens: TreasuryDesignTokens;\n}>`\n  background: ${({ $tone, $tokens }) => surfaceBackground($tone, $tokens)};\n  border: 1px solid ${({ $tone, $tokens }) => surfaceBorder($tone, $tokens)};\n  border-radius: ${({ $tokens }) => $tokens.radii.md};\n  color: ${({ $tokens }) => $tokens.colors.text};\n  display: block;\n  padding: ${({ $padding, $tokens }) => paddingFor($padding, $tokens)};\n`;\n\nexport interface TreasurySurfaceProps\n  extends HTMLAttributes<HTMLElement>,\n    TreasuryTokenProps {\n  children?: ReactNode;\n  padding?: TreasurySurfacePadding;\n  tone?: TreasurySurfaceTone;\n}\n\nexport function TreasurySurface({\n  children,\n  padding = \"md\",\n  tone = \"default\",\n  tokens,\n  ...props\n}: TreasurySurfaceProps) {\n  return (\n    <BaseSurface $padding={padding} $tone={tone} $tokens={resolveTreasuryTokens(tokens)} {...props}>\n      {children}\n    </BaseSurface>\n  );\n}\n\nexport const TreasuryStack = styled.div<{ $gap?: keyof TreasuryDesignTokens[\"spacing\"] }>`\n  display: grid;\n  gap: ${({ $gap = \"lg\" }) => createTreasuryDesignTokens().spacing[$gap]};\n`;\n\nexport const TreasuryInline = styled.div<{ $gap?: keyof TreasuryDesignTokens[\"spacing\"] }>`\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ $gap = \"sm\" }) => createTreasuryDesignTokens().spacing[$gap]};\n`;\n\nexport interface TreasurySectionHeaderProps extends TreasuryTokenProps {\n  action?: ReactNode;\n  eyebrow?: ReactNode;\n  subtitle?: ReactNode;\n  title: ReactNode;\n}\n\nconst SectionHeaderRoot = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  align-items: flex-start;\n  display: flex;\n  gap: ${({ $tokens }) => $tokens.spacing.lg};\n  justify-content: space-between;\n  min-width: 0;\n`;\n\nconst SectionHeaderCopy = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  display: grid;\n  gap: ${({ $tokens }) => $tokens.spacing.xs};\n  min-width: 0;\n`;\n\nconst Eyebrow = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.textSubtle};\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xs};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.semibold};\n  letter-spacing: ${({ $tokens }) => $tokens.typography.letterSpacing.caps};\n  text-transform: uppercase;\n`;\n\nconst SectionTitle = styled.h2<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.text};\n  font-family: ${({ $tokens }) => $tokens.typography.family.heading};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xl};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n  letter-spacing: ${({ $tokens }) => $tokens.typography.letterSpacing.tight};\n  line-height: 1.18;\n  margin: 0;\n`;\n\nconst SectionSubtitle = styled.p<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.textMuted};\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  line-height: 1.5;\n  margin: 0;\n`;\n\nexport function TreasurySectionHeader({\n  action,\n  eyebrow,\n  subtitle,\n  title,\n  tokens,\n}: TreasurySectionHeaderProps) {\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  return (\n    <SectionHeaderRoot $tokens={resolvedTokens}>\n      <SectionHeaderCopy $tokens={resolvedTokens}>\n        {eyebrow ? <Eyebrow $tokens={resolvedTokens}>{eyebrow}</Eyebrow> : null}\n        <SectionTitle $tokens={resolvedTokens}>{title}</SectionTitle>\n        {subtitle ? <SectionSubtitle $tokens={resolvedTokens}>{subtitle}</SectionSubtitle> : null}\n      </SectionHeaderCopy>\n      {action ? <div>{action}</div> : null}\n    </SectionHeaderRoot>\n  );\n}\n\nexport interface TreasuryBadgeProps extends HTMLAttributes<HTMLSpanElement>, TreasuryTokenProps {\n  tone?: TreasuryTone;\n}\n\nconst Badge = styled.span<{ $tone: TreasuryTone; $tokens: TreasuryDesignTokens }>`\n  ${({ $tone, $tokens }) => {\n    const colors = toneColors($tone, $tokens);\n    return css`\n      background: ${colors.background};\n      border-color: ${colors.border};\n      color: ${colors.text};\n    `;\n  }}\n  align-items: center;\n  border: 1px solid;\n  border-radius: ${({ $tokens }) => $tokens.radii.sm};\n  display: inline-flex;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xs};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n  line-height: 1;\n  min-height: 24px;\n  padding: 0 ${({ $tokens }) => $tokens.spacing.sm};\n  white-space: nowrap;\n`;\n\nexport function TreasuryBadge({ tone = \"neutral\", tokens, ...props }: TreasuryBadgeProps) {\n  return <Badge $tone={tone} $tokens={resolveTreasuryTokens(tokens)} {...props} />;\n}\n\nexport type TreasuryButtonVariant = \"primary\" | \"secondary\" | \"quiet\" | \"danger\";\n\nconst buttonVariant = (variant: TreasuryButtonVariant, tokens: TreasuryDesignTokens) => {\n  if (variant === \"primary\") {\n    return css`\n      background: ${tokens.colors.accent};\n      border-color: ${tokens.colors.accent};\n      color: ${tokens.colors.inverseText};\n    `;\n  }\n\n  if (variant === \"danger\") {\n    return css`\n      background: ${tokens.colors.danger};\n      border-color: ${tokens.colors.danger};\n      color: ${tokens.colors.inverseText};\n    `;\n  }\n\n  if (variant === \"quiet\") {\n    return css`\n      background: transparent;\n      border-color: transparent;\n      color: ${tokens.colors.textMuted};\n    `;\n  }\n\n  return css`\n    background: ${tokens.colors.surface};\n    border-color: ${tokens.colors.border};\n    color: ${tokens.colors.text};\n  `;\n};\n\nconst buttonCss = css<{\n  $tokens: TreasuryDesignTokens;\n  $variant: TreasuryButtonVariant;\n}>`\n  ${({ $tokens, $variant }) => buttonVariant($variant, $tokens)}\n  align-items: center;\n  border: 1px solid;\n  border-radius: ${({ $tokens }) => $tokens.radii.md};\n  cursor: pointer;\n  display: inline-flex;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n  gap: ${({ $tokens }) => $tokens.spacing.sm};\n  justify-content: center;\n  line-height: 1;\n  min-height: 36px;\n  padding: 0 ${({ $tokens }) => $tokens.spacing.lg};\n  text-decoration: none;\n  transition:\n    background ${({ $tokens }) => $tokens.motion.quick} ${({ $tokens }) => $tokens.motion.easing},\n    border-color ${({ $tokens }) => $tokens.motion.quick} ${({ $tokens }) => $tokens.motion.easing},\n    color ${({ $tokens }) => $tokens.motion.quick} ${({ $tokens }) => $tokens.motion.easing};\n  white-space: nowrap;\n\n  &:disabled,\n  &[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n    opacity: 0.48;\n  }\n`;\n\nconst Button = styled.button<{\n  $tokens: TreasuryDesignTokens;\n  $variant: TreasuryButtonVariant;\n}>`\n  ${buttonCss}\n`;\n\nconst ButtonLink = styled.a<{\n  $tokens: TreasuryDesignTokens;\n  $variant: TreasuryButtonVariant;\n}>`\n  ${buttonCss}\n`;\n\nexport interface TreasuryButtonProps extends TreasuryTokenProps {\n  ariaLabel?: string;\n  children?: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  href?: string;\n  icon?: ReactNode;\n  onClick?: MouseEventHandler<HTMLElement>;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n  type?: \"button\" | \"submit\" | \"reset\";\n  variant?: TreasuryButtonVariant;\n}\n\nexport function TreasuryButton({\n  ariaLabel,\n  children,\n  className,\n  disabled,\n  href,\n  icon,\n  onClick,\n  rel,\n  target,\n  tokens,\n  type = \"button\",\n  variant = \"secondary\",\n}: TreasuryButtonProps) {\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  if (href) {\n    return (\n      <ButtonLink\n        $tokens={resolvedTokens}\n        $variant={variant}\n        aria-disabled={disabled}\n        aria-label={ariaLabel}\n        className={className}\n        href={disabled ? undefined : href}\n        onClick={onClick as MouseEventHandler<HTMLAnchorElement>}\n        rel={rel}\n        target={target}\n      >\n        {icon}\n        {children}\n      </ButtonLink>\n    );\n  }\n\n  return (\n    <Button\n      $tokens={resolvedTokens}\n      $variant={variant}\n      aria-label={ariaLabel}\n      className={className}\n      disabled={disabled}\n      onClick={onClick as MouseEventHandler<HTMLButtonElement>}\n      type={type}\n    >\n      {icon}\n      {children}\n    </Button>\n  );\n}\n\nexport interface TreasuryMetricProps extends HTMLAttributes<HTMLDivElement>, TreasuryTokenProps {\n  label: ReactNode;\n  value: ReactNode;\n  detail?: ReactNode;\n}\n\nconst MetricRoot = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  border: 1px solid ${({ $tokens }) => $tokens.colors.borderMuted};\n  border-radius: ${({ $tokens }) => $tokens.radii.md};\n  display: grid;\n  gap: ${({ $tokens }) => $tokens.spacing.xs};\n  padding: ${({ $tokens }) => $tokens.spacing.lg};\n`;\n\nconst MetricValue = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.text};\n  font-family: ${({ $tokens }) => $tokens.typography.family.heading};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xl};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n  line-height: 1.1;\n`;\n\nexport function TreasuryMetric({ detail, label, tokens, value, ...props }: TreasuryMetricProps) {\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  return (\n    <MetricRoot $tokens={resolvedTokens} {...props}>\n      <Eyebrow $tokens={resolvedTokens}>{label}</Eyebrow>\n      <MetricValue $tokens={resolvedTokens}>{value}</MetricValue>\n      {detail ? <SectionSubtitle $tokens={resolvedTokens}>{detail}</SectionSubtitle> : null}\n    </MetricRoot>\n  );\n}\n\nexport type TreasuryKeyValueItem = {\n  key: string;\n  label: ReactNode;\n  value: ReactNode;\n};\n\nexport interface TreasuryKeyValueListProps extends TreasuryTokenProps {\n  items: TreasuryKeyValueItem[];\n}\n\nconst KeyValueList = styled.dl<{ $tokens: TreasuryDesignTokens }>`\n  display: grid;\n  gap: ${({ $tokens }) => $tokens.spacing.sm};\n  margin: 0;\n`;\n\nconst KeyValueRow = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  display: grid;\n  gap: ${({ $tokens }) => $tokens.spacing.sm};\n  grid-template-columns: minmax(120px, 0.36fr) minmax(0, 1fr);\n\n  @media (max-width: 620px) {\n    grid-template-columns: 1fr;\n  }\n`;\n\nconst KeyTerm = styled.dt<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.textSubtle};\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n`;\n\nconst KeyValue = styled.dd<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.text};\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  margin: 0;\n  min-width: 0;\n`;\n\nexport function TreasuryKeyValueList({ items, tokens }: TreasuryKeyValueListProps) {\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  return (\n    <KeyValueList $tokens={resolvedTokens}>\n      {items.map((item) => (\n        <KeyValueRow $tokens={resolvedTokens} key={item.key}>\n          <KeyTerm $tokens={resolvedTokens}>{item.label}</KeyTerm>\n          <KeyValue $tokens={resolvedTokens}>{item.value}</KeyValue>\n        </KeyValueRow>\n      ))}\n    </KeyValueList>\n  );\n}\n\nexport const TreasuryTableContainer = styled.div`\n  overflow-x: auto;\n  width: 100%;\n`;\n\nexport const TreasuryTable = styled.table<TableHTMLAttributes<HTMLTableElement>>`\n  border-collapse: collapse;\n  min-width: 100%;\n`;\n\nexport const TreasuryTableHead = styled.thead``;\nexport const TreasuryTableBody = styled.tbody``;\nexport const TreasuryTableRow = styled.tr``;\n\nexport const TreasuryTableHeaderCell = styled.th`\n  border-bottom: 1px solid ${createTreasuryDesignTokens().colors.border};\n  color: ${createTreasuryDesignTokens().colors.textSubtle};\n  font-family: ${createTreasuryDesignTokens().typography.family.body};\n  font-size: ${createTreasuryDesignTokens().typography.size.xs};\n  font-weight: ${createTreasuryDesignTokens().typography.weight.semibold};\n  letter-spacing: ${createTreasuryDesignTokens().typography.letterSpacing.caps};\n  padding: ${createTreasuryDesignTokens().spacing.md};\n  text-align: left;\n  text-transform: uppercase;\n`;\n\nexport const TreasuryTableCell = styled.td`\n  border-bottom: 1px solid ${createTreasuryDesignTokens().colors.borderMuted};\n  color: ${createTreasuryDesignTokens().colors.text};\n  font-family: ${createTreasuryDesignTokens().typography.family.body};\n  font-size: ${createTreasuryDesignTokens().typography.size.sm};\n  padding: ${createTreasuryDesignTokens().spacing.md};\n  vertical-align: top;\n`;\n\nexport interface TreasuryEmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\">, TreasuryTokenProps {\n  action?: ReactNode;\n  message?: ReactNode;\n  title: ReactNode;\n}\n\nconst EmptyRoot = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  align-items: center;\n  border: 1px dashed ${({ $tokens }) => $tokens.colors.border};\n  border-radius: ${({ $tokens }) => $tokens.radii.md};\n  display: grid;\n  gap: ${({ $tokens }) => $tokens.spacing.md};\n  justify-items: start;\n  padding: ${({ $tokens }) => $tokens.spacing.xl};\n`;\n\nexport function TreasuryEmptyState({ action, message, title, tokens, ...props }: TreasuryEmptyStateProps) {\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  return (\n    <EmptyRoot $tokens={resolvedTokens} {...props}>\n      <SectionTitle $tokens={resolvedTokens}>{title}</SectionTitle>\n      {message ? <SectionSubtitle $tokens={resolvedTokens}>{message}</SectionSubtitle> : null}\n      {action}\n    </EmptyRoot>\n  );\n}\n\n// ---------------------------------------------------------------------------------------------------------------\n// Contract failure: the one way a kit package or a surface reports a missing contract (no manifest, no record,\n// no definition). It is loud by design; consumers fix the integration rather than style this away.\n\nexport interface TreasuryContractFailureProps extends TreasuryTokenProps {\n  action?: ReactNode;\n  details?: ReactNode;\n  title?: ReactNode;\n}\n\nconst FailureRoot = styled(TreasurySurface)`\n  border-width: 2px;\n`;\n\nconst FailureTitle = styled.h2<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.danger};\n  font-family: ${({ $tokens }) => $tokens.typography.family.heading};\n  font-size: ${({ $tokens }) => $tokens.typography.size.lg};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.semibold};\n  margin: 0;\n`;\n\nconst FailureDetails = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.danger};\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  line-height: 1.5;\n\n  ul {\n    margin: 0;\n    padding-left: 1.2em;\n  }\n`;\n\nexport function TreasuryContractFailure({\n  action,\n  details,\n  title = \"Treasury UI contract failure\",\n  tokens,\n}: TreasuryContractFailureProps) {\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  return (\n    <FailureRoot data-treasury-contract-failure=\"\" role=\"alert\" tokens={tokens} tone=\"danger\">\n      <FailureTitle $tokens={resolvedTokens}>{title}</FailureTitle>\n      {details ? <FailureDetails $tokens={resolvedTokens}>{details}</FailureDetails> : null}\n      {action}\n    </FailureRoot>\n  );\n}\n\n/** Renders `issues` as a contract failure, or null when there are none: `const failure = treasuryContractIssues(...)`. */\nexport function TreasuryContractIssues({\n  issues,\n  title,\n  tokens,\n}: { issues: string[]; title: ReactNode } & TreasuryTokenProps) {\n  if (!issues.length) return null;\n\n  return (\n    <TreasuryContractFailure\n      details={\n        <ul>\n          {issues.map((issue) => (\n            <li key={issue}>{issue}</li>\n          ))}\n        </ul>\n      }\n      title={title}\n      tokens={tokens}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------------------------------------------\n// Visually hidden text for state that is otherwise shown only by colour (step status, completeness dots).\n\nconst VisuallyHidden = styled.span`\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n\nconst duplicateValues = (values: string[]) => [...new Set(values.filter((value, index) => values.indexOf(value) !== index))];\n\n// ---------------------------------------------------------------------------------------------------------------\n// TreasuryPersonChip: a headshot (or initials), a name and a one-line role. Avatars are the one circle in the kit.\n\nexport interface TreasuryPersonChipProps extends TreasuryTokenProps {\n  name: string;\n  /** One line: specialty, title, \"lead\". */\n  role?: ReactNode;\n  /** Headshot URL. Without one the chip shows the name's initials. */\n  imageUrl?: string | null;\n  href?: string;\n  className?: string;\n}\n\n/** First letter of the first and last words, upper-cased: \"John Manoochehri\" \u2192 \"JM\", \"Maria\" \u2192 \"M\". */\nexport function getTreasuryInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (!words.length) return \"\";\n  const first = words[0][0] ?? \"\";\n  const last = words.length > 1 ? words[words.length - 1][0] ?? \"\" : \"\";\n  return `${first}${last}`.toUpperCase();\n}\n\nconst PersonRoot = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  align-items: center;\n  background: ${({ $tokens }) => $tokens.colors.surfaceRaised};\n  border: 1px solid ${({ $tokens }) => $tokens.colors.borderMuted};\n  border-radius: ${({ $tokens }) => $tokens.radii.sm};\n  color: inherit;\n  display: inline-flex;\n  gap: ${({ $tokens }) => $tokens.spacing.sm};\n  max-width: 100%;\n  min-width: 0;\n  padding: ${({ $tokens }) => `${$tokens.spacing.xs} ${$tokens.spacing.md} ${$tokens.spacing.xs} ${$tokens.spacing.xs}`};\n  text-decoration: none;\n\n  a&:hover {\n    border-color: ${({ $tokens }) => $tokens.colors.accent};\n  }\n`;\n\nconst Avatar = styled.span<{ $tokens: TreasuryDesignTokens }>`\n  align-items: center;\n  background: ${({ $tokens }) => $tokens.colors.accentSoft};\n  border-radius: 50%;\n  color: ${({ $tokens }) => $tokens.colors.accentStrong};\n  display: inline-flex;\n  flex: 0 0 auto;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xs};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n  height: 28px;\n  justify-content: center;\n  overflow: hidden;\n  width: 28px;\n\n  img {\n    height: 100%;\n    object-fit: cover;\n    width: 100%;\n  }\n`;\n\nconst PersonText = styled.span<{ $tokens: TreasuryDesignTokens }>`\n  display: grid;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  line-height: 1.3;\n  min-width: 0;\n`;\n\nconst PersonName = styled.span<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.text};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nconst PersonRole = styled.span<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.textSubtle};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xs};\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nexport function getTreasuryPersonChipIssues(props: { name?: unknown }): string[] {\n  return typeof props.name === \"string\" && props.name.trim() ? [] : [\"Person chip has no name.\"];\n}\n\nexport function TreasuryPersonChip({ className, href, imageUrl, name, role, tokens }: TreasuryPersonChipProps) {\n  const issues = getTreasuryPersonChipIssues({ name });\n  if (issues.length) return <TreasuryContractIssues issues={issues} title=\"Person chip contract failure\" tokens={tokens} />;\n\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n\n  return (\n    <PersonRoot\n      $tokens={resolvedTokens}\n      as={href ? \"a\" : \"div\"}\n      className={className}\n      data-treasury-person=\"\"\n      {...(href ? { href } : {})}\n    >\n      <Avatar $tokens={resolvedTokens} aria-hidden=\"true\">\n        {imageUrl ? <img alt=\"\" src={imageUrl} /> : getTreasuryInitials(name)}\n      </Avatar>\n      <PersonText $tokens={resolvedTokens}>\n        <PersonName $tokens={resolvedTokens}>{name}</PersonName>\n        {role ? <PersonRole $tokens={resolvedTokens}>{role}</PersonRole> : null}\n      </PersonText>\n    </PersonRoot>\n  );\n}\n\n// ---------------------------------------------------------------------------------------------------------------\n// TreasuryStepper: ordered stages, each done, current or upcoming, derived from one `currentId`.\n\nexport type TreasuryStepStatus = \"done\" | \"current\" | \"upcoming\";\n\nexport interface TreasuryStep {\n  id: string;\n  label: ReactNode;\n}\n\nexport interface TreasuryStepperProps extends TreasuryTokenProps {\n  steps: TreasuryStep[];\n  /** The stage in progress. null = not started (all upcoming). */\n  currentId: string | null;\n  /** Every stage done (the engagement closed). */\n  complete?: boolean;\n  /** Accessible name of the list; default \"Stages\". */\n  ariaLabel?: string;\n  className?: string;\n}\n\n/** Steps before `currentId` are done, `currentId` is current, the rest upcoming; `complete` makes all done. */\nexport function getTreasuryStepStatuses(\n  steps: TreasuryStep[],\n  currentId: string | null,\n  complete = false,\n): TreasuryStepStatus[] {\n  if (complete) return steps.map(() => \"done\");\n  const currentIndex = currentId === null ? -1 : steps.findIndex((step) => step.id === currentId);\n  return steps.map((_, index) => {\n    if (currentIndex < 0) return \"upcoming\";\n    if (index < currentIndex) return \"done\";\n    return index === currentIndex ? \"current\" : \"upcoming\";\n  });\n}\n\nexport function getTreasuryStepperIssues(props: { steps?: TreasuryStep[]; currentId?: unknown; complete?: boolean }): string[] {\n  const issues: string[] = [];\n  const steps = Array.isArray(props.steps) ? props.steps : [];\n  const ids = steps.map((step) => step.id);\n  if (!steps.length) issues.push(\"Stepper has no steps.\");\n  if (ids.some((id) => typeof id !== \"string\" || !id)) issues.push(\"Stepper has a step with an empty id.\");\n  for (const id of duplicateValues(ids)) issues.push(`Stepper repeats step ${JSON.stringify(id)}.`);\n  if (props.currentId !== null && props.currentId !== undefined && !ids.includes(props.currentId as string)) {\n    issues.push(`Stepper current step ${JSON.stringify(props.currentId)} is not one of its steps.`);\n  }\n  return issues;\n}\n\nconst StepList = styled.ol<{ $tokens: TreasuryDesignTokens }>`\n  display: grid;\n  gap: ${({ $tokens }) => $tokens.spacing.xs};\n  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));\n  list-style: none;\n  margin: 0;\n  padding: 0;\n`;\n\nconst StepItem = styled.li<{ $status: TreasuryStepStatus; $tokens: TreasuryDesignTokens }>`\n  color: ${({ $status, $tokens }) => ($status === \"current\" ? $tokens.colors.accentStrong : $tokens.colors.textSubtle)};\n  display: grid;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.xs};\n  font-weight: ${({ $status, $tokens }) => ($status === \"current\" ? $tokens.typography.weight.medium : $tokens.typography.weight.regular)};\n  gap: 6px;\n  line-height: 1.3;\n  text-align: center;\n`;\n\nconst StepBar = styled.span<{ $status: TreasuryStepStatus; $tokens: TreasuryDesignTokens }>`\n  background: ${({ $status, $tokens }) =>\n    $status === \"done\" ? $tokens.colors.accent : $status === \"current\" ? $tokens.colors.accentStrong : $tokens.colors.borderMuted};\n  border-radius: ${({ $tokens }) => $tokens.radii.sm};\n  display: block;\n  height: 6px;\n`;\n\nconst STEP_STATUS_TEXT: Record<TreasuryStepStatus, string> = { done: \"done\", current: \"current\", upcoming: \"upcoming\" };\n\nexport function TreasuryStepper({ ariaLabel = \"Stages\", className, complete, currentId, steps, tokens }: TreasuryStepperProps) {\n  const issues = getTreasuryStepperIssues({ complete, currentId, steps });\n  if (issues.length) return <TreasuryContractIssues issues={issues} title=\"Stepper contract failure\" tokens={tokens} />;\n\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n  const statuses = getTreasuryStepStatuses(steps, currentId, complete);\n\n  return (\n    <StepList $tokens={resolvedTokens} aria-label={ariaLabel} className={className}>\n      {steps.map((step, index) => (\n        <StepItem\n          $status={statuses[index]}\n          $tokens={resolvedTokens}\n          aria-current={statuses[index] === \"current\" ? \"step\" : undefined}\n          data-status={statuses[index]}\n          key={step.id}\n        >\n          <StepBar $status={statuses[index]} $tokens={resolvedTokens} />\n          <span>\n            {step.label}\n            <VisuallyHidden>, {STEP_STATUS_TEXT[statuses[index]]}</VisuallyHidden>\n          </span>\n        </StepItem>\n      ))}\n    </StepList>\n  );\n}\n\n// ---------------------------------------------------------------------------------------------------------------\n// TreasurySectionTabs: underline tabs between the SECTIONS of one page or form, each with an optional\n// completeness dot. Not top-bar's PageTabs (which move between pages of a site) and not its ModeBar (one mode of a\n// workspace): those stay in @treasuryspatial/top-bar. This row sits in the page, under the bar.\n\nexport type TreasurySectionCompleteness = \"complete\" | \"partial\" | \"empty\";\n\nexport interface TreasurySectionTab {\n  id: string;\n  label: ReactNode;\n  /** Anchor or route of the section. Without it the tab is a button that calls onSelect. */\n  href?: string;\n  /** Omit for no dot. */\n  completeness?: TreasurySectionCompleteness;\n}\n\ntype TreasuryLinkLike = ComponentType<{\n  href: string;\n  className?: string;\n  children?: ReactNode;\n  \"aria-current\"?: \"true\" | \"page\" | \"location\";\n}>;\n\nexport interface TreasurySectionTabsProps extends TreasuryTokenProps {\n  tabs: TreasurySectionTab[];\n  activeId: string;\n  /** Called with the tab id; required for tabs without href. */\n  onSelect?: (id: string) => void;\n  /** Accessible name of the row (\"Onboarding sections\"). */\n  ariaLabel: string;\n  /** Next.js Link or similar for href tabs; defaults to <a>. */\n  linkComponent?: TreasuryLinkLike;\n  className?: string;\n}\n\nexport function getTreasurySectionTabsIssues(props: {\n  tabs?: TreasurySectionTab[];\n  activeId?: unknown;\n  onSelect?: unknown;\n  ariaLabel?: unknown;\n}): string[] {\n  const issues: string[] = [];\n  const tabs = Array.isArray(props.tabs) ? props.tabs : [];\n  const ids = tabs.map((tab) => tab.id);\n  if (!tabs.length) issues.push(\"Section tabs have no tabs.\");\n  if (!props.ariaLabel) issues.push(\"Section tabs have no ariaLabel.\");\n  if (ids.some((id) => typeof id !== \"string\" || !id)) issues.push(\"Section tabs have a tab with an empty id.\");\n  for (const id of duplicateValues(ids)) issues.push(`Section tabs repeat ${JSON.stringify(id)}.`);\n  if (!ids.includes(props.activeId as string)) issues.push(`Section tabs active id ${JSON.stringify(props.activeId)} is not one of the tabs.`);\n  for (const tab of tabs) {\n    if (!tab.href && typeof props.onSelect !== \"function\") issues.push(`Section tab ${JSON.stringify(tab.id)} has neither href nor onSelect.`);\n    if (tab.completeness !== undefined && ![\"complete\", \"partial\", \"empty\"].includes(tab.completeness)) {\n      issues.push(`Section tab ${JSON.stringify(tab.id)} completeness ${JSON.stringify(tab.completeness)} is not complete, partial or empty.`);\n    }\n  }\n  return issues;\n}\n\nconst SectionTabsRow = styled.nav<{ $tokens: TreasuryDesignTokens }>`\n  background: ${({ $tokens }) => $tokens.colors.surface};\n  border-bottom: 1px solid ${({ $tokens }) => $tokens.colors.borderMuted};\n  display: flex;\n  gap: ${({ $tokens }) => $tokens.spacing.xs};\n  overflow-x: auto;\n  padding: 0 ${({ $tokens }) => $tokens.spacing.lg};\n  scrollbar-width: thin;\n`;\n\nconst sectionTabCss = css<{ $active: boolean; $tokens: TreasuryDesignTokens }>`\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-bottom: 2px solid ${({ $active, $tokens }) => ($active ? $tokens.colors.accent : \"transparent\")};\n  color: ${({ $active, $tokens }) => ($active ? $tokens.colors.text : $tokens.colors.textMuted)};\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  font-weight: ${({ $active, $tokens }) => ($active ? $tokens.typography.weight.medium : $tokens.typography.weight.regular)};\n  gap: 6px;\n  margin-bottom: -1px;\n  padding: ${({ $tokens }) => `${$tokens.spacing.md} ${$tokens.spacing.sm}`};\n  text-decoration: none;\n  white-space: nowrap;\n\n  &:hover {\n    color: ${({ $tokens }) => $tokens.colors.text};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ $tokens }) => $tokens.colors.accent};\n    outline-offset: -2px;\n  }\n`;\n\nconst SectionTabButton = styled.button<{ $active: boolean; $tokens: TreasuryDesignTokens }>`\n  ${sectionTabCss}\n`;\n\nconst SectionTabLinkFrame = styled.span<{ $active: boolean; $tokens: TreasuryDesignTokens }>`\n  display: inline-flex;\n  flex: 0 0 auto;\n\n  a {\n    ${sectionTabCss}\n  }\n`;\n\nconst CompletenessDot = styled.span<{ $state: TreasurySectionCompleteness; $tokens: TreasuryDesignTokens }>`\n  background: ${({ $state, $tokens }) =>\n    $state === \"complete\" ? $tokens.colors.accent : $state === \"partial\" ? $tokens.colors.warning : $tokens.colors.border};\n  border-radius: 50%;\n  display: inline-block;\n  flex: 0 0 auto;\n  height: 7px;\n  width: 7px;\n`;\n\nconst COMPLETENESS_TEXT: Record<TreasurySectionCompleteness, string> = {\n  complete: \"complete\",\n  partial: \"partly complete\",\n  empty: \"not started\",\n};\n\nexport function TreasurySectionTabs({\n  activeId,\n  ariaLabel,\n  className,\n  linkComponent,\n  onSelect,\n  tabs,\n  tokens,\n}: TreasurySectionTabsProps) {\n  const issues = getTreasurySectionTabsIssues({ activeId, ariaLabel, onSelect, tabs });\n  if (issues.length) return <TreasuryContractIssues issues={issues} title=\"Section tabs contract failure\" tokens={tokens} />;\n\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n  const Link: TreasuryLinkLike = linkComponent ?? ((props) => <a {...props} />);\n\n  return (\n    <SectionTabsRow $tokens={resolvedTokens} aria-label={ariaLabel} className={className}>\n      {tabs.map((tab) => {\n        const active = tab.id === activeId;\n        const content = (\n          <>\n            {tab.completeness ? <CompletenessDot $state={tab.completeness} $tokens={resolvedTokens} aria-hidden=\"true\" /> : null}\n            {tab.label}\n            {tab.completeness ? <VisuallyHidden>, {COMPLETENESS_TEXT[tab.completeness]}</VisuallyHidden> : null}\n          </>\n        );\n\n        return tab.href ? (\n          <SectionTabLinkFrame $active={active} $tokens={resolvedTokens} data-completeness={tab.completeness} key={tab.id}>\n            <Link aria-current={active ? \"true\" : undefined} href={tab.href}>\n              {content}\n            </Link>\n          </SectionTabLinkFrame>\n        ) : (\n          <SectionTabButton\n            $active={active}\n            $tokens={resolvedTokens}\n            aria-current={active ? \"true\" : undefined}\n            data-completeness={tab.completeness}\n            key={tab.id}\n            onClick={() => onSelect?.(tab.id)}\n            type=\"button\"\n          >\n            {content}\n          </SectionTabButton>\n        );\n      })}\n    </SectionTabsRow>\n  );\n}\n\n// ---------------------------------------------------------------------------------------------------------------\n// TreasuryProgress: n of m, as text and a bar.\n\nexport interface TreasuryProgressProps extends TreasuryTokenProps {\n  value: number;\n  max: number;\n  /** What is counted, after \"n of m\": \"sections complete\". */\n  unit?: string;\n  /** A heading on the left of the count (\"Setup\"). */\n  label?: ReactNode;\n  /** Default true. */\n  showBar?: boolean;\n  className?: string;\n}\n\nexport function getTreasuryProgressIssues(props: { value?: unknown; max?: unknown }): string[] {\n  const issues: string[] = [];\n  const { max, value } = props;\n  if (!Number.isInteger(max) || (max as number) <= 0) issues.push(`Progress max ${JSON.stringify(max)} is not a whole number above 0.`);\n  else if (!Number.isInteger(value) || (value as number) < 0 || (value as number) > (max as number)) {\n    issues.push(`Progress value ${JSON.stringify(value)} is not a whole number from 0 to ${max}.`);\n  }\n  return issues;\n}\n\n/** \"4 of 8 sections complete\". */\nexport function formatTreasuryProgress(value: number, max: number, unit?: string): string {\n  return `${value} of ${max}${unit ? ` ${unit}` : \"\"}`;\n}\n\nconst ProgressRoot = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  display: grid;\n  font-family: ${({ $tokens }) => $tokens.typography.family.body};\n  gap: ${({ $tokens }) => $tokens.spacing.xs};\n`;\n\nconst ProgressText = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  align-items: baseline;\n  display: flex;\n  gap: ${({ $tokens }) => $tokens.spacing.md};\n  justify-content: space-between;\n`;\n\nconst ProgressLabel = styled.span<{ $tokens: TreasuryDesignTokens }>`\n  color: ${({ $tokens }) => $tokens.colors.text};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  font-weight: ${({ $tokens }) => $tokens.typography.weight.medium};\n`;\n\nconst ProgressCount = styled.span<{ $complete: boolean; $tokens: TreasuryDesignTokens }>`\n  color: ${({ $complete, $tokens }) => ($complete ? $tokens.colors.success : $tokens.colors.textMuted)};\n  font-size: ${({ $tokens }) => $tokens.typography.size.sm};\n  font-variant-numeric: tabular-nums;\n`;\n\nconst ProgressTrack = styled.div<{ $tokens: TreasuryDesignTokens }>`\n  background: ${({ $tokens }) => $tokens.colors.borderMuted};\n  border-radius: ${({ $tokens }) => $tokens.radii.sm};\n  height: 6px;\n  overflow: hidden;\n`;\n\nconst ProgressFill = styled.div<{ $complete: boolean; $tokens: TreasuryDesignTokens }>`\n  background: ${({ $complete, $tokens }) => ($complete ? $tokens.colors.success : $tokens.colors.accent)};\n  height: 100%;\n`;\n\nexport function TreasuryProgress({ className, label, max, showBar = true, tokens, unit, value }: TreasuryProgressProps) {\n  const issues = getTreasuryProgressIssues({ max, value });\n  if (issues.length) return <TreasuryContractIssues issues={issues} title=\"Progress contract failure\" tokens={tokens} />;\n\n  const resolvedTokens = resolveTreasuryTokens(tokens);\n  const complete = value === max;\n  const text = formatTreasuryProgress(value, max, unit);\n\n  return (\n    <ProgressRoot\n      $tokens={resolvedTokens}\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={value}\n      aria-valuetext={text}\n      className={className}\n      data-complete={complete ? \"\" : undefined}\n      role=\"progressbar\"\n    >\n      <ProgressText $tokens={resolvedTokens}>\n        {label ? <ProgressLabel $tokens={resolvedTokens}>{label}</ProgressLabel> : <span />}\n        <ProgressCount $complete={complete} $tokens={resolvedTokens}>\n          {text}\n        </ProgressCount>\n      </ProgressText>\n      {showBar ? (\n        <ProgressTrack $tokens={resolvedTokens} aria-hidden=\"true\">\n          <ProgressFill $complete={complete} $tokens={resolvedTokens} style={{ width: `${(value / max) * 100}%` }} />\n        </ProgressTrack>\n      ) : null}\n    </ProgressRoot>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,51 @@
 {
   "name": "@treasuryspatial/surface-primitives",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.1",
+  "description": "Treasury's neutral surface primitives (React, styled-components 6): surface, section header, badge, button, metric, key/value list, table shell, empty state and the visible contract-failure block.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "node ../../scripts/kit-siblings.mjs && rm -rf dist && node ../../scripts/kit-bundle.mjs build && tsc -p tsconfig.json",
+    "typecheck": "node ../../scripts/kit-siblings.mjs && tsc -p tsconfig.json --noEmit",
+    "test": "rm -rf dist-test && node ../../scripts/kit-bundle.mjs test && node --test dist-test/*.test.cjs",
+    "prepublishOnly": "npm run build && npm test"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "styled-components": "^6.1.0",
+    "@treasuryspatial/treasury-design-tokens": "^0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.17.30",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "esbuild": "^0.23.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "^6.1.19",
+    "typescript": "^5.8.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TREASURY-SPATIAL-DATA/UI.git",
+    "directory": "packages/surface-primitives"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}