@rookcom/monarch-react 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @rookcom/monarch-react
 
+## 0.3.0
+
+### Minor Changes
+
+- 02ded2b: Marketing layer. Tokens: fluid display scale, lead size, section rhythm, content widths, derived gradients (`--mn-gradient-wash`, `--mn-gradient-accent`, `--mn-gradient-inverse`), inverse-surface roles (`text-inverse-muted`, `border-inverse`) and the `strong-inverse` intent role, all contrast-tested for every product. React: SiteHeader, MarketingHero, MarketingSection, MarketingSectionHeader, FeatureGrid, ProductFrame, StatStrip, CTABand, FAQ and SiteFooter from the new `@rookcom/monarch-react/marketing` entry; Accordion from the root entry.
+
+  Fix: a product's light-theme accent now wins over the light theme regardless of CSS load order (the light theme selector uses `:where()`).
+
+- 59005b3: Wave 1 (actions group): add `CopyButton` with `useCopyToClipboard` and `writeToClipboard`, `CopyField`, `SecretField`, `StatusBadge` with a typed status registry (`builtInStatuses`, `defineStatuses`, `StatusRegistryProvider`, `resolveStatus`, `formatStatusLabel`) and a contrast guard for custom colours (`checkStatusColor`), and `SegmentedControl` (radio group with roving focus) with its multi-select sibling `ToggleGroup` (`aria-pressed`).
+- d83f6e5: Wave 1 core components and upgrades:
+
+  - **InlineEditText** (new): click or Enter to edit, Enter or blur saves, Escape cancels; async save with pending and error states (the draft is kept), `validate`, controlled `editing`, `multiline` with Save/Cancel, and an `onSaveError` / `error` path for product-owned conflict handling.
+  - **SectionHeader** and **SectionHeaderLink** (new): unboxed section title with description, meta, actions, a trailing "View all" link, a busy state and a configurable heading level; with `children` it renders the labelled `<section>`.
+  - **SwitchSettingsList** and **SwitchSettingsItem** (new): on/off settings that save per row, with optimistic toggle, rollback on failure, retry, and announced "Saved" / error results.
+  - **Button**: `success`, `warning` and `brand` variants. `brand` takes `brandColor` and derives fill and text for every theme with the tokens contrast engine (`deriveIntent`), so text meets WCAG AA (7:1 in more contrast). `@rookcom/monarch-tokens` is now imported at runtime (it was already a peer dependency).
+  - **Field**: `layout="row"` for a switch (or checkbox) with a description beside it, and **NativeSelect**, the platform `<select>` wired to Field, with a compact `size="sm"` and inline `label` for toolbars.
+  - **Tabs**: `count` / `countTone` on TabsTrigger, `scrollable` on TabsList, **TabsNav** + **TabsLink** for route tabs (`aria-current`, router-agnostic `asChild`), **TabsFilter** for filter tabs without per-tab panels, and **useTabsUrlBinding** to bind any tab set to injected URL state.
+
+  All changes to existing exports are additive; existing props, classes and markup are unchanged.
+
+- 6a19dbb: Wave 1 display components:
+
+  - **RelativeTime** (new): `<time datetime>` with `Intl.RelativeTimeFormat` text, the absolute time on hover and focus, optional live updates, injectable `now` for SSR, and `locale` / `timeZone`. Helpers `formatRelativeTime` and `relativeTimeParts`.
+  - **Money** (new): `Intl.NumberFormat` currency amounts with minor units (bigint and decimal strings exact), compact notation with an accessible full value, sign display, accounting sign and an opt-in negative tone. Helpers `formatMoney` and `currencyDigits`.
+  - **LoadMore** and **useLoadMore** (new): cursor pagination footer with loading, error and retry, end of list, polite announcements and optional auto-load that keeps the button.
+  - **BackLink** (new): parent-page link with a back arrow; works with any router through `asChild`.
+  - **Avatar** (additive): forwards its ref; numeric `size`, `seed`, `palette="tokens"`, `fallback="icon"` and `icon`, `status` with `statusLabel`; new `AvatarGroup` with "+N" overflow and `avatarPaletteIndex`. A failed image is retried when `src` changes, and a name with no letters or digits now shows the icon instead of "?".
+  - **Progress** (additive): `semantics="meter"` (`role="meter"`, `thresholds`, over-limit danger tone), stacked `segments`, and `valueText`. The default progress bar output is unchanged.
+
+  Note: meters (`semantics="meter"`) default to a new `neutral` tone instead of the product accent, so a normal quota never reads as a warning or error.
+
+- c2156fc: Add five input components: `SearchInput` (icon, clear button, debounce, pending state, shortcut), `TagInput` (chips, Enter/comma entry, paste splitting, validator, suggestions listbox, keyboard removal), `UsernameAvailabilityInput` with the `useAsyncValidation` hook (injected debounced validator, status adornment, announced result), `OTPPinInput` (configurable length, paste, `autocomplete="one-time-code"`, numeric keypad, `onComplete`, mask) and `LocationFields` (country / region / city / postal code with the data source injected through `LocationAdapter`).
+- 31753b0: Wave 2 (notices): add `CalloutBanner` (page- or section-level banner with tones, `page`/`section` placement, a `scope` variant, an action slot with `end` or `inline` placement, a landmark choice, `live` announcements, and controlled or uncontrolled dismissal that leaves persistence to the product) and `InlineNotice` (one-line tone message with a trailing action, `subtle`/`plain` variants, tone-based `live` and dismissal). Toast: fix the live-region bug (the toast `<li>` no longer carries `role="status"`/`role="alert"`, which broke the viewport list and announced twice; politeness now follows the tone through Radix's announcer, overridable with `politeness`); the region is named with its hotkey ("Notifications (F8)"); new `hotkey`, `durationScale` (WCAG 2.2.1), `limit` and `dismissLabel` provider props; toasts with an action default to 10s; Dismiss buttons are described by their toast title; `action.altText`, `onDismiss`, `toast.success/error/warning/info` shorthands, `dismiss()` for all; and `getErrorMessage()` to turn API errors into readable text.
+- a69e649: Wave 2 overlays: new `ConfirmDialog` (with `useConfirm`), `Sheet` and `ResponsiveDialog`. `DialogContent` gains `footer`, `busy`, `closeOnOutsideClick`, `escapeGuard` and `fullScreenOnPhone`; destructive `DropdownMenuItem`s now tint their icon too, and the DropdownMenu docs are complete.
+
+  Behaviour note: `escapeGuard` is on by default for `DialogContent` (and `SheetContent`). Escape pressed while focus is on a combobox or menu button whose own popup is open (`aria-expanded="true"`) no longer also closes the dialog; only the popup closes. This only changes what was previously a bug. Pass `escapeGuard={false}` to restore the old behaviour.
+
+- dfba367: Wave 2 feedback states: new `ErrorPage` (404, 403, 500, offline and maintenance pages that work without the app shell) and `InlineErrorRetry` (compact inline failure with a pending retry, re-announcement and focus return). `EmptyState` gains `kind` (first-run, filtered with Clear filters, success), `layout="line"`, `size="compact"`, `tip`, children and more heading levels. `ErrorState` gains `kind`, `retrying`, `requestId`, plus `ErrorStateBoundary`, `errorKindFromStatus` and `errorKindIcon`. `LoadingState` moves to its own `loading-state` folder (same export, props and class names) and gains the `rows` and `spinner` variants. All three now forward refs.
+
+### Patch Changes
+
+- e6865ac: Input, Textarea and every control built on `.mn-input` (Select trigger, Combobox, SearchInput) now use `box-sizing: border-box`, so `width: 100%` fills the container instead of overflowing it by its padding and border in apps without a global box-sizing reset.
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/components/{button.d.ts → actions/button/button.d.ts}

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes, type ReactNode } from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'danger-subtle';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'danger-subtle' | 'success' | 'warning' | 'brand';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Visual weight. Use one `primary` per view region. Default `secondary`. */
@@ -14,6 +14,14 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     block?: boolean;
     /** Render the child element (e.g. a Next.js <Link>) with button styling. */
     asChild?: boolean;
+    /**
+     * Brand or tenant colour for `variant="brand"`, as `#rrggbb` or `#rgb`.
+     * The fill and text are derived per theme by the tokens contrast engine, so
+     * the label always meets WCAG AA (7:1 in more-contrast themes); the colour
+     * may be darkened or lightened to get there. Ignored by other variants. An
+     * invalid or missing colour falls back to the product accent.
+     */
+    brandColor?: string;
 }
 /**
  * The primary action control.

package/dist/components/actions/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAaf,MAAM,MAAM,aAAa,GACvB,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AACnG,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,6EAA6E;IAC7E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sCAAsC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsCD;;;;;GAKG;AACH,eAAO,MAAM,MAAM,2GA+DjB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,WAAW,EACX,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CACrE;IACC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,qFAAqF;AACrF,eAAO,MAAM,UAAU,+GAmBrB,CAAC"}

package/dist/components/actions/button/button.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo, } from 'react';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { deriveIntent, fromHex, THEME_IDS, themes, toCss, } from '@rookcom/monarch-tokens';
+import { cx } from '../../../internal/cx.js';
+import { Spinner } from '../../feedback/spinner/index.js';
+const THEME_KEY = {
+    light: 'l',
+    dark: 'd',
+    'hc-light': 'hl',
+    'hc-dark': 'hd',
+};
+/** Parses `#rgb` / `#rrggbb`; null when the value is not a hex colour. */
+function parseHex(value) {
+    if (!value)
+        return null;
+    const v = value.trim().replace(/^#/, '');
+    const six = /^[0-9a-f]{3}$/i.test(v) ? v.replace(/./g, (c) => c + c) : v;
+    if (!/^[0-9a-f]{6}$/i.test(six))
+        return null;
+    return fromHex(six);
+}
+/**
+ * Per-theme custom properties for a brand colour: fill, hover, active and
+ * text for each of the four Monarch themes. button.css picks the set that
+ * matches the theme on an ancestor (`.dark`, `data-mn-theme`, `data-mn-contrast`).
+ */
+function brandVars(color) {
+    const base = parseHex(color);
+    if (!base)
+        return undefined;
+    const vars = {};
+    for (const id of THEME_IDS) {
+        const { scale } = deriveIntent(base, themes[id]);
+        const k = THEME_KEY[id];
+        vars[`--_brand-${k}-bg`] = toCss(scale.solid);
+        vars[`--_brand-${k}-bg-hover`] = toCss(scale['solid-hover']);
+        vars[`--_brand-${k}-bg-active`] = toCss(scale['solid-active']);
+        vars[`--_brand-${k}-fg`] = toCss(scale['on-solid']);
+    }
+    return vars;
+}
+/**
+ * The primary action control.
+ *
+ * Defaults to `type="button"` so a button inside a form never submits by
+ * accident; pass `type="submit"` explicitly.
+ */
+export const Button = forwardRef(function Button({ variant = 'secondary', size = 'md', loading = false, leadingIcon, trailingIcon, block = false, asChild = false, brandColor, disabled, type, className, style, children, onClick, ...rest }, ref) {
+    const Comp = asChild ? Slot : 'button';
+    const brand = variant === 'brand';
+    const derived = useMemo(() => (brand ? brandVars(brandColor) : undefined), [brand, brandColor]);
+    // A loading button stays focusable (aria-disabled, not disabled) so keyboard
+    // users do not lose their place while the action completes.
+    const blocked = disabled || loading;
+    return (_jsxs(Comp, { ref: ref, ...rest, ...(asChild ? {} : { type: type ?? 'button', disabled: disabled || undefined }), "aria-disabled": blocked || undefined, "aria-busy": loading || undefined, "data-variant": variant, "data-size": size, "data-loading": loading || undefined, "data-block": block || undefined, "data-brand": derived ? '' : undefined, style: derived ? { ...derived, ...style } : style, className: cx('mn-button', className), onClick: (event) => {
+            if (blocked) {
+                event.preventDefault();
+                return;
+            }
+            onClick?.(event);
+        }, children: [loading ? (_jsx(Spinner, { size: "sm", className: "mn-button__icon" })) : leadingIcon ? (_jsx("span", { className: "mn-button__icon", "aria-hidden": true, children: leadingIcon })) : null, _jsx(Slottable, { children: children }), trailingIcon ? (_jsx("span", { className: "mn-button__icon", "aria-hidden": true, children: trailingIcon })) : null] }));
+});
+/** Square button containing only an icon. `label` is required by the type system. */
+export const IconButton = forwardRef(function IconButton({ label, icon, variant = 'ghost', className, ...rest }, ref) {
+    return (_jsx(Button, { ref: ref, ...rest, variant: variant, "aria-label": label, className: cx('mn-icon-button', className), children: rest.loading ? null : (_jsx("span", { className: "mn-button__icon", "aria-hidden": true, children: icon })) }));
+});
+//# sourceMappingURL=button.js.map

package/dist/components/actions/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/actions/button/index.js

@@ -0,0 +1,2 @@
+export * from './button.js';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/actions/copy-button/copy-button.d.ts

@@ -0,0 +1,71 @@
+import { type ReactNode } from 'react';
+import { type ButtonProps } from '../button/index.js';
+export type CopyStatus = 'idle' | 'copied' | 'error';
+/** What to copy: a string, or a function that returns one (sync or async). */
+export type CopyValue = string | (() => string | Promise<string>);
+export interface UseCopyToClipboardOptions {
+    /** Milliseconds before `copied` or `error` returns to `idle`. `0` keeps the state. Default 2000. */
+    resetAfter?: number;
+    /** Called with the copied text after a successful copy. */
+    onCopy?: (text: string) => void;
+    /** Called when the clipboard is unavailable or the browser refuses the write. */
+    onError?: (error: Error) => void;
+}
+export interface UseCopyToClipboardResult {
+    /** Copies `value`. Resolves `true` on success; never rejects. */
+    copy: (value: CopyValue) => Promise<boolean>;
+    status: CopyStatus;
+    /** The last error, or `null`. */
+    error: Error | null;
+    /** Returns to `idle` immediately. */
+    reset: () => void;
+}
+/** Writes text to the clipboard: the async Clipboard API first, then the legacy fallback. */
+export declare function writeToClipboard(text: string): Promise<void>;
+/**
+ * Copies text and tracks the result. The state machine is
+ * `idle → copied | error → idle` (after `resetAfter`). It never throws:
+ * failures go to `onError` and `status: 'error'`, so the caller decides how
+ * to tell the user (inline, a toast, a manual-copy fallback).
+ */
+export declare function useCopyToClipboard(options?: UseCopyToClipboardOptions): UseCopyToClipboardResult;
+export interface CopyButtonProps extends Omit<ButtonProps, 'children' | 'value' | 'onError' | 'onCopy' | 'leadingIcon' | 'asChild'> {
+    /** The text to copy, or a function that produces it when clicked. */
+    value: CopyValue;
+    /** Visible label, and the accessible name. Default "Copy". */
+    label?: string;
+    /** Label while in the copied state. Default "Copied". */
+    copiedLabel?: string;
+    /** Label after a failed copy. Default "Couldn't copy". */
+    errorLabel?: string;
+    /**
+     * What is copied, for screen readers ("webhook URL"). Appended to the
+     * visible label as visually hidden text, so several copy buttons on one page
+     * have distinct names: "Copy webhook URL", "Copied webhook URL".
+     */
+    target?: string;
+    /**
+     * Hide the visible text and show only the icon. `label` stays the accessible
+     * name, so give it the object: "Copy API key".
+     */
+    iconOnly?: boolean;
+    /** Polite announcement after a successful copy. Default "Copied to clipboard". */
+    copiedMessage?: string;
+    /** Polite announcement after a failure. Default "Couldn't copy. Select the text and copy it manually." */
+    errorMessage?: string;
+    /** Replaces the copy icon. Decorative. */
+    icon?: ReactNode;
+    /** Milliseconds before the button returns to its idle look. Default 2000. */
+    resetAfter?: number;
+    /** Called with the copied text after a successful copy. */
+    onCopy?: (text: string) => void;
+    /** Called when copying fails. Use it to show a toast or a manual-copy fallback. */
+    onCopyError?: (error: Error) => void;
+}
+/**
+ * Copies a value to the clipboard, shows a short "Copied" state and announces
+ * the result through a polite live region. Errors are reported to the caller
+ * through `onCopyError`; the button never fails silently.
+ */
+export declare const CopyButton: import("react").ForwardRefExoticComponent<CopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/actions/copy-button/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/copy-button/copy-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,8EAA8E;AAC9E,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,oGAAoG;IACpG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,wBAAwB;IACvC,iEAAiE;IACjE,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,EAAE,UAAU,CAAC;IACnB,iCAAiC;IACjC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,qCAAqC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAqCD,6FAA6F;AAC7F,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAalE;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CAqD1B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,WAAW,EACX,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CACxE;IACC,qEAAqE;IACrE,KAAK,EAAE,SAAS,CAAC;IACjB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,mFAAmF;IACnF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,+GA+FrB,CAAC"}

package/dist/components/actions/copy-button/copy-button.js

@@ -0,0 +1,150 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { CheckGlyph, CopyGlyph, WarningGlyph } from '../../../internal/icons.js';
+import { Button } from '../button/index.js';
+/**
+ * Fallback for browsers or contexts without the async Clipboard API (for
+ * example an insecure origin). Uses a temporary off-screen textarea and
+ * restores the previous focus and selection.
+ */
+function legacyCopy(text) {
+    if (typeof document === 'undefined' || typeof document.execCommand !== 'function')
+        return false;
+    const active = document.activeElement;
+    const selection = document.getSelection();
+    const range = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
+    const area = document.createElement('textarea');
+    area.value = text;
+    area.setAttribute('readonly', '');
+    area.setAttribute('aria-hidden', 'true');
+    area.style.position = 'fixed';
+    area.style.top = '0';
+    area.style.left = '-9999px';
+    area.style.opacity = '0';
+    document.body.appendChild(area);
+    area.select();
+    let ok = false;
+    try {
+        ok = document.execCommand('copy');
+    }
+    catch {
+        ok = false;
+    }
+    area.remove();
+    if (range && selection) {
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+    active?.focus?.({ preventScroll: true });
+    return ok;
+}
+/** Writes text to the clipboard: the async Clipboard API first, then the legacy fallback. */
+export async function writeToClipboard(text) {
+    const clipboard = typeof navigator !== 'undefined' ? navigator.clipboard : undefined;
+    if (clipboard?.writeText) {
+        try {
+            await clipboard.writeText(text);
+            return;
+        }
+        catch (error) {
+            if (legacyCopy(text))
+                return;
+            throw error instanceof Error ? error : new Error(String(error));
+        }
+    }
+    if (legacyCopy(text))
+        return;
+    throw new Error('Clipboard is not available in this browser.');
+}
+/**
+ * Copies text and tracks the result. The state machine is
+ * `idle → copied | error → idle` (after `resetAfter`). It never throws:
+ * failures go to `onError` and `status: 'error'`, so the caller decides how
+ * to tell the user (inline, a toast, a manual-copy fallback).
+ */
+export function useCopyToClipboard(options = {}) {
+    const { resetAfter = 2000 } = options;
+    const [status, setStatus] = useState('idle');
+    const [error, setError] = useState(null);
+    const timer = useRef(undefined);
+    const mounted = useRef(true);
+    const callbacks = useRef(options);
+    callbacks.current = options;
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+            clearTimeout(timer.current);
+        };
+    }, []);
+    const reset = useCallback(() => {
+        clearTimeout(timer.current);
+        setStatus('idle');
+        setError(null);
+    }, []);
+    const copy = useCallback(async (value) => {
+        clearTimeout(timer.current);
+        let next;
+        try {
+            const text = typeof value === 'function' ? await value() : value;
+            await writeToClipboard(text);
+            if (!mounted.current)
+                return true;
+            setError(null);
+            next = 'copied';
+            callbacks.current.onCopy?.(text);
+        }
+        catch (raw) {
+            const err = raw instanceof Error ? raw : new Error(String(raw));
+            if (!mounted.current)
+                return false;
+            setError(err);
+            next = 'error';
+            callbacks.current.onError?.(err);
+        }
+        setStatus(next);
+        if (resetAfter > 0) {
+            timer.current = setTimeout(() => {
+                if (mounted.current)
+                    setStatus('idle');
+            }, resetAfter);
+        }
+        return next === 'copied';
+    }, [resetAfter]);
+    return { copy, status, error, reset };
+}
+/**
+ * Copies a value to the clipboard, shows a short "Copied" state and announces
+ * the result through a polite live region. Errors are reported to the caller
+ * through `onCopyError`; the button never fails silently.
+ */
+export const CopyButton = forwardRef(function CopyButton({ value, label = 'Copy', copiedLabel = 'Copied', errorLabel = "Couldn't copy", iconOnly = false, target, copiedMessage = 'Copied to clipboard', errorMessage = "Couldn't copy. Select the text and copy it manually.", icon, resetAfter = 2000, onCopy, onCopyError, onClick, variant = iconOnly ? 'ghost' : 'secondary', className, ...rest }, ref) {
+    const { copy, status } = useCopyToClipboard(onCopy || onCopyError
+        ? {
+            resetAfter,
+            ...(onCopy ? { onCopy } : {}),
+            ...(onCopyError ? { onError: onCopyError } : {}),
+        }
+        : { resetAfter });
+    // The live region keeps its text until the next attempt, then is cleared and
+    // refilled so repeated copies are announced each time.
+    const [message, setMessage] = useState('');
+    const glyph = status === 'copied' ? (_jsx(CheckGlyph, {})) : status === 'error' ? (_jsx(WarningGlyph, {})) : ((icon ?? _jsx(CopyGlyph, {})));
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ref: ref, ...rest, variant: variant, "aria-label": iconOnly ? (target ? `${label} ${target}` : label) : undefined, title: rest.title ?? (iconOnly ? (target ? `${label} ${target}` : label) : undefined), "data-state": status, "data-icon-only": iconOnly || undefined, className: cx('mn-copy-button', className), onClick: (event) => {
+                    onClick?.(event);
+                    if (event.defaultPrevented)
+                        return;
+                    setMessage('');
+                    void copy(value).then((ok) => setMessage(ok ? copiedMessage : errorMessage));
+                }, children: [_jsx("span", { className: "mn-copy-button__icon", "aria-hidden": true, children: glyph }), iconOnly ? null : (
+                    // The idle and copied labels share one grid cell, so the button keeps
+                    // the width of the longer one and does not jump on success. The rarer
+                    // error label replaces them and may widen the button.
+                    _jsx("span", { className: "mn-copy-button__label", children: status === 'error' ? (_jsx("span", { "data-active": "", children: errorLabel })) : ([
+                            ['idle', label],
+                            ['copied', copiedLabel],
+                        ].map(([key, text]) => (_jsx("span", { "data-active": key === status || undefined, "aria-hidden": key === status ? undefined : true, children: text }, key)))) })), !iconOnly && target ? _jsxs("span", { className: "mn-visually-hidden", children: [" ", target] }) : null] }), _jsx("span", { className: "mn-visually-hidden", role: "status", "aria-live": "polite", "aria-atomic": "true", children: message })] }));
+});
+//# sourceMappingURL=copy-button.js.map

package/dist/components/actions/copy-button/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../../../src/components/actions/copy-button/copy-button.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/copy-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './copy-button.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/copy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/copy-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/actions/copy-button/index.js

@@ -0,0 +1,2 @@
+export * from './copy-button.js';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/copy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/copy-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/actions/copy-field/copy-field.d.ts

@@ -0,0 +1,47 @@
+import { type HTMLAttributes } from 'react';
+import { type CopyButtonProps } from '../copy-button/index.js';
+import { type ControlSize } from '../../forms/text-field/index.js';
+export interface CopyFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCopy'> {
+    /** The read-only value shown and copied. */
+    value: string;
+    /**
+     * What the value is ("Webhook URL"). Names the text box outside a Field
+     * (inside one, the FieldLabel does) and completes the copy button's name:
+     * "Copy webhook URL".
+     */
+    label: string;
+    /** Show the value in a multi-line text area (certificates, JSON, snippets). */
+    multiline?: boolean;
+    /** Visible rows when `multiline`. Default 3. */
+    rows?: number;
+    /** Monospace text for codes, keys, hostnames and DNS records. Default true. */
+    mono?: boolean;
+    size?: ControlSize;
+    /** Select the whole value when the text box gets focus. Default true. */
+    selectOnFocus?: boolean;
+    /** Show only the copy icon. The button is still named "Copy {label}". Default false. */
+    iconOnly?: boolean;
+    /** Visible text of the copy button. Default "Copy". */
+    copyLabel?: string;
+    /** Visible text of the copy button after copying. Default "Copied". */
+    copiedLabel?: string;
+    /** Milliseconds before the button returns to its idle look. Default 2000. */
+    resetAfter?: number;
+    /** Called with the copied text after a successful copy. */
+    onCopy?: (text: string) => void;
+    /**
+     * Called when copying fails. The value is selected first, so the user can
+     * copy it by hand; show a toast here if the product uses them.
+     */
+    onCopyError?: (error: Error) => void;
+    disabled?: boolean;
+    /** Extra props for the copy button, for example `variant`. */
+    copyButtonProps?: Omit<CopyButtonProps, 'value' | 'label' | 'target' | 'iconOnly' | 'onCopy' | 'onCopyError' | 'resetAfter' | 'size' | 'copiedLabel'>;
+}
+/**
+ * A read-only value with a copy button: webhook URLs, DNS records, embed
+ * snippets, calendar feed links. If copying fails, the value is focused and
+ * selected so the user can copy it by hand.
+ */
+export declare const CopyField: import("react").ForwardRefExoticComponent<CopyFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=copy-field.d.ts.map

package/dist/components/actions/copy-field/copy-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/copy-field/copy-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE3E,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEpF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACpF,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACb,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,MAAM,GACN,aAAa,CAChB,CAAC;CACH;AAKD;;;;GAIG;AACH,eAAO,MAAM,SAAS,2GAyEpB,CAAC"}

package/dist/components/actions/copy-field/copy-field.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { CopyButton } from '../copy-button/index.js';
+import { useFieldContext } from '../../forms/form-field/index.js';
+import { Input, Textarea } from '../../forms/text-field/index.js';
+const selectAll = (event) => event.currentTarget.select();
+/**
+ * A read-only value with a copy button: webhook URLs, DNS records, embed
+ * snippets, calendar feed links. If copying fails, the value is focused and
+ * selected so the user can copy it by hand.
+ */
+export const CopyField = forwardRef(function CopyField({ value, label, multiline = false, rows = 3, mono = true, size = 'md', selectOnFocus = true, iconOnly = false, copyLabel = 'Copy', copiedLabel = 'Copied', resetAfter = 2000, onCopy, onCopyError, disabled, copyButtonProps, className, ...rest }, ref) {
+    const field = useFieldContext();
+    const controlRef = useRef(null);
+    const control = {
+        // Inside a Field the visible FieldLabel names the control; outside, `label` does.
+        ...(field ? {} : { 'aria-label': label }),
+        value,
+        readOnly: true,
+        disabled,
+        spellCheck: false,
+        autoComplete: 'off',
+        onFocus: selectOnFocus ? selectAll : undefined,
+        className: 'mn-copy-field__control',
+    };
+    return (_jsxs("div", { ref: ref, ...rest, className: cx('mn-copy-field', className), "data-multiline": multiline || undefined, "data-mono": mono || undefined, "data-size": size, children: [multiline ? (_jsx(Textarea, { ref: controlRef, ...control, rows: rows, resizable: false })) : (_jsx(Input, { ref: controlRef, ...control, size: size })), _jsx(CopyButton, { ...copyButtonProps, value: value, label: copyLabel, target: label, copiedLabel: copiedLabel, iconOnly: iconOnly, size: size, resetAfter: resetAfter, disabled: disabled, ...(onCopy ? { onCopy } : {}), onCopyError: (error) => {
+                    const el = controlRef.current;
+                    if (el) {
+                        el.focus();
+                        el.select();
+                    }
+                    onCopyError?.(error);
+                }, className: cx('mn-copy-field__button', copyButtonProps?.className) })] }));
+});
+//# sourceMappingURL=copy-field.js.map

package/dist/components/actions/copy-field/copy-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field.js","sourceRoot":"","sources":["../../../../src/components/actions/copy-field/copy-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/copy-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './copy-field.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/copy-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/copy-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/actions/copy-field/index.js

@@ -0,0 +1,2 @@
+export * from './copy-field.js';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/copy-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/copy-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/billing/money/index.d.ts

@@ -0,0 +1,2 @@
+export * from './money.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/billing/money/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/money/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/billing/money/index.js

@@ -0,0 +1,2 @@
+export * from './money.js';
+//# sourceMappingURL=index.js.map

package/dist/components/billing/money/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/billing/money/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/billing/money/money.d.ts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from 'react';
+/** An amount: a number, a bigint (minor units) or an exact decimal string such as `"1234.50"`. */
+export type MoneyAmount = number | bigint | string;
+export interface FormatMoneyOptions {
+    /** BCP 47 locale, e.g. `en-IN`. Default: the runtime locale. */
+    locale?: string;
+    /** `amount` is in the currency's minor units (cents, paise): `1999` with USD is $19.99. */
+    minorUnits?: boolean;
+    /** `compact` writes $1.2M. Default `standard`. */
+    notation?: 'standard' | 'compact';
+    /** `Intl.NumberFormat` sign display. `exceptZero` shows +/− for gains and losses. Default `auto`. */
+    signDisplay?: 'auto' | 'always' | 'exceptZero' | 'never';
+    /** How the currency is written: `symbol` ($), `narrowSymbol`, `code` (USD) or `name` (US dollars). Default `symbol`. */
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    /** `accounting` writes negatives in parentheses where the locale does. Default `standard`. */
+    currencySign?: 'standard' | 'accounting';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}
+/** Number of minor-unit digits for an ISO 4217 currency (USD 2, JPY 0, KWD 3). */
+export declare function currencyDigits(currency: string): number;
+/** Formats an amount of one currency with `Intl.NumberFormat`. */
+export declare function formatMoney(amount: MoneyAmount, currency: string, options?: FormatMoneyOptions): string;
+export interface MoneyProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, FormatMoneyOptions {
+    /** The amount. `null` or `undefined` renders `emptyLabel`. */
+    amount: MoneyAmount | null | undefined;
+    /** ISO 4217 code, e.g. `USD`, `EUR`, `INR`. */
+    currency: string;
+    /**
+     * Colour negative amounts with the danger text colour (`data-negative` is
+     * set either way). The minus sign or parentheses always carry the meaning.
+     * Default `false`.
+     */
+    toneNegative?: boolean;
+    /** Shown when `amount` is missing. Default "—", read as "No amount". */
+    emptyLabel?: string;
+}
+/**
+ * A formatted amount in tabular figures. With `notation="compact"` the short
+ * form is shown and the full amount is given to assistive technology and as
+ * a hover title.
+ */
+export declare const Money: import("react").ForwardRefExoticComponent<MoneyProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=money.d.ts.map

package/dist/components/billing/money/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/money/money.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,kGAAkG;AAClG,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,qGAAqG;IACrG,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;IACzD,wHAAwH;IACxH,eAAe,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9D,8FAA8F;IAC9F,YAAY,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,kFAAkF;AAClF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAKvD;AA4BD,kEAAkE;AAClE,wBAAgB,WAAW,CACzB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,kBAAuB,GAC/B,MAAM,CAWR;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAAE,kBAAkB;IAC7E,8DAA8D;IAC9D,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,wGAkEhB,CAAC"}