@rookcom/monarch-react 0.0.0-stage → 0.3.0

package/dist/components/identity/username-availability-input/username-availability-input.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useId, useRef, useState, } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { CheckGlyph, InfoGlyph, WarningGlyph } from '../../../internal/icons.js';
+import { useFieldControl } from '../../forms/form-field/index.js';
+import { Spinner } from '../../feedback/spinner/index.js';
+/**
+ * Runs `validate` for `value` after `debounce` ms without changes. Earlier
+ * checks are aborted and their late results ignored, so the state always
+ * describes the latest value. Empty values are `idle`.
+ */
+export function useAsyncValidation(value, validate, { debounce = 400 } = {}) {
+    const [state, setState] = useState({
+        status: 'idle',
+    });
+    const [nonce, setNonce] = useState(0);
+    const immediate = useRef(false);
+    const validateRef = useRef(validate);
+    validateRef.current = validate;
+    useEffect(() => {
+        if (value === '') {
+            setState({ status: 'idle' });
+            return;
+        }
+        const controller = new AbortController();
+        const run = async () => {
+            try {
+                const result = await validateRef.current(value, controller.signal);
+                if (controller.signal.aborted)
+                    return;
+                if (result === null)
+                    setState({ status: 'idle' });
+                else
+                    setState(result.message === undefined
+                        ? { status: result.valid ? 'valid' : 'invalid' }
+                        : { status: result.valid ? 'valid' : 'invalid', message: result.message });
+            }
+            catch {
+                if (!controller.signal.aborted)
+                    setState({ status: 'error' });
+            }
+        };
+        setState({ status: 'checking' });
+        const wait = immediate.current ? 0 : debounce;
+        immediate.current = false;
+        const timer = setTimeout(() => void run(), wait);
+        return () => {
+            clearTimeout(timer);
+            controller.abort();
+        };
+    }, [value, debounce, nonce]);
+    const revalidate = useCallback(() => {
+        immediate.current = true;
+        setNonce((n) => n + 1);
+    }, []);
+    return { status: state.status, message: state.message, revalidate };
+}
+const defaultMessages = {
+    checking: 'Checking availability…',
+    valid: 'Available',
+    invalid: 'Not available',
+    error: 'Couldn’t check availability.',
+    retry: 'Try again',
+};
+const statusIcon = {
+    idle: null,
+    checking: _jsx(Spinner, { size: "sm" }),
+    valid: _jsx(CheckGlyph, {}),
+    invalid: _jsx(WarningGlyph, {}),
+    error: _jsx(InfoGlyph, {}),
+};
+/**
+ * A text input whose value is checked asynchronously while the user types:
+ * handles, workspace addresses, slugs. The product supplies the check; the
+ * component debounces it, aborts stale requests, shows a status icon with a
+ * text message, and announces the result to screen readers.
+ */
+export const UsernameAvailabilityInput = forwardRef(function UsernameAvailabilityInput({ value: valueProp, defaultValue = '', onValueChange, validate, debounce = 400, transform, prefix, onStatusChange, messages: messagesProp, size = 'md', invalid, className, ...rest }, ref) {
+    const id = useId();
+    const prefixId = `mn-uai-${id}-prefix`;
+    const messageId = `mn-uai-${id}-message`;
+    const messages = { ...defaultMessages, ...messagesProp };
+    const [internal, setInternal] = useState(defaultValue);
+    const value = valueProp !== undefined ? valueProp : internal;
+    const { status, message, revalidate } = useAsyncValidation(value, validate, { debounce });
+    const text = status === 'idle'
+        ? ''
+        : status === 'checking'
+            ? messages.checking
+            : (message ?? messages[status]);
+    // Announce settled results only: "checking" on every pause would be noise.
+    const announcement = status === 'valid' || status === 'invalid' || status === 'error' ? text : '';
+    const statusRef = useRef(onStatusChange);
+    statusRef.current = onStatusChange;
+    useEffect(() => {
+        statusRef.current?.(status, message);
+    }, [status, message]);
+    const fieldProps = useFieldControl({
+        ...rest,
+        'aria-describedby': cx(prefix ? prefixId : undefined, rest['aria-describedby'], text ? messageId : undefined),
+    }, { invalid: invalid || (status === 'invalid' ? true : undefined) });
+    return (_jsxs("div", { className: cx('mn-username-availability-input', className), "data-status": status, "data-size": size, children: [_jsxs("div", { className: "mn-input mn-username-availability-input__control", "data-size": size, "data-disabled": fieldProps.disabled || undefined, "data-invalid": fieldProps['aria-invalid'] ? true : undefined, children: [prefix ? (_jsx("span", { id: prefixId, className: "mn-username-availability-input__prefix", children: prefix })) : null, _jsx("input", { ref: ref, autoComplete: "off", autoCapitalize: "none", autoCorrect: "off", spellCheck: false, ...fieldProps, type: "text", className: "mn-username-availability-input__input", value: value, onChange: (e) => {
+                            const next = transform ? transform(e.target.value) : e.target.value;
+                            if (valueProp === undefined)
+                                setInternal(next);
+                            onValueChange?.(next);
+                        } }), statusIcon[status] ? (_jsx("span", { className: "mn-username-availability-input__icon", "aria-hidden": true, children: statusIcon[status] })) : null] }), text ? (_jsxs("p", { id: messageId, className: "mn-username-availability-input__message", children: [_jsx("span", { children: text }), status === 'error' ? (_jsx("button", { type: "button", className: "mn-username-availability-input__retry", onClick: revalidate, children: messages.retry })) : null] })) : null, _jsx("span", { className: "mn-visually-hidden", role: "status", children: announcement })] }));
+});
+//# sourceMappingURL=username-availability-input.js.map

package/dist/components/identity/username-availability-input/username-availability-input.js.map

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

package/dist/components/layout/section-header/index.d.ts

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

package/dist/components/layout/section-header/index.d.ts.map

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

package/dist/components/layout/section-header/index.js

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

package/dist/components/layout/section-header/index.js.map

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

package/dist/components/layout/section-header/section-header.d.ts

@@ -0,0 +1,49 @@
+import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** The section title, rendered as a heading. */
+    title: ReactNode;
+    /** A sentence under the title explaining the section. */
+    description?: ReactNode;
+    /** A short secondary line: a count, a date range, "Updated 5 min ago". */
+    meta?: ReactNode;
+    /** Buttons or a menu at the end of the header. */
+    actions?: ReactNode;
+    /** A trailing navigation link, usually SectionHeaderLink ("View all"). Placed after `actions`. */
+    link?: ReactNode;
+    /** Heading element. Pick the level that fits the page outline. Default `h2`. */
+    headingLevel?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Id for the heading, to label something else with it. Generated when omitted. */
+    headingId?: string;
+    /** `sm` (default) for dashboard sections, `md` for page sections. */
+    size?: 'sm' | 'md';
+    /**
+     * The section's content is loading or refreshing: sets `aria-busy`, shows a
+     * spinner after the title and, with `children`, dims the content.
+     */
+    busy?: boolean;
+    /** Accessible name of the busy spinner. Default "Loading". */
+    busyLabel?: string;
+    /**
+     * The section's content. When given, SectionHeader renders a `<section>`
+     * labelled by the heading, with the content under the header.
+     */
+    children?: ReactNode;
+}
+/**
+ * An unboxed section header: title, optional description and meta line, and
+ * trailing actions or a "View all" link. With `children` it becomes the
+ * whole labelled `<section>`; without, it is the header row alone (for
+ * example inside a Card).
+ */
+export declare const SectionHeader: import("react").ForwardRefExoticComponent<SectionHeaderProps & import("react").RefAttributes<HTMLElement>>;
+export interface SectionHeaderLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Render the child element (a router link) with this styling. */
+    asChild?: boolean;
+}
+/**
+ * The trailing "View all" link of a SectionHeader, with a decorative arrow.
+ * Give it text that makes sense out of context ("View all invoices") or an
+ * `aria-label`, since a page often has several.
+ */
+export declare const SectionHeaderLink: import("react").ForwardRefExoticComponent<SectionHeaderLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=section-header.d.ts.map

package/dist/components/layout/section-header/section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-header.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section-header/section-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACpF,gDAAgD;IAChD,KAAK,EAAE,SAAS,CAAC;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kGAAkG;IAClG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,4GA+DxB,CAAC;AAEH,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,sHAU7B,CAAC"}

package/dist/components/layout/section-header/section-header.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from 'react';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cx } from '../../../internal/cx.js';
+import { ChevronRightGlyph } from '../../../internal/icons.js';
+import { Spinner } from '../../feedback/spinner/index.js';
+/**
+ * An unboxed section header: title, optional description and meta line, and
+ * trailing actions or a "View all" link. With `children` it becomes the
+ * whole labelled `<section>`; without, it is the header row alone (for
+ * example inside a Card).
+ */
+export const SectionHeader = forwardRef(function SectionHeader({ title, description, meta, actions, link, headingLevel: H = 'h2', headingId, size = 'sm', busy = false, busyLabel = 'Loading', className, children, ...rest }, ref) {
+    const auto = useId();
+    const id = headingId ?? `mn-section-header-${auto}`;
+    const hasBody = children !== undefined && children !== null && children !== false;
+    const bar = (_jsxs("div", { className: "mn-section-header__bar", children: [_jsxs("div", { className: "mn-section-header__text", children: [_jsxs("div", { className: "mn-section-header__heading", children: [_jsx(H, { id: id, className: "mn-section-header__title", children: title }), busy ? (_jsx(Spinner, { size: "sm", label: busyLabel, className: "mn-section-header__spinner" })) : null] }), description ? _jsx("p", { className: "mn-section-header__description", children: description }) : null, meta ? _jsx("p", { className: "mn-section-header__meta", children: meta }) : null] }), actions || link ? (_jsxs("div", { className: "mn-section-header__trailing", children: [actions, link] })) : null] }));
+    const common = {
+        ...rest,
+        'aria-busy': busy || undefined,
+        'data-size': size,
+        'data-busy': busy || undefined,
+        className: cx('mn-section-header', className),
+    };
+    if (!hasBody) {
+        return (_jsx("div", { ref: ref, ...common, children: bar }));
+    }
+    return (_jsxs("section", { ref: ref, "aria-labelledby": id, ...common, children: [bar, _jsx("div", { className: "mn-section-header__body", children: children })] }));
+});
+/**
+ * The trailing "View all" link of a SectionHeader, with a decorative arrow.
+ * Give it text that makes sense out of context ("View all invoices") or an
+ * `aria-label`, since a page often has several.
+ */
+export const SectionHeaderLink = forwardRef(function SectionHeaderLink({ asChild = false, className, children, ...rest }, ref) {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsxs(Comp, { ref: ref, ...rest, className: cx('mn-section-header__link', className), children: [_jsx(Slottable, { children: children }), _jsx(ChevronRightGlyph, { className: "mn-section-header__arrow" })] }));
+});
+//# sourceMappingURL=section-header.js.map

package/dist/components/layout/section-header/section-header.js.map

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

package/dist/components/layout/separator/index.d.ts

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

package/dist/components/layout/separator/index.d.ts.map

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

package/dist/components/layout/separator/index.js

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

package/dist/components/layout/separator/index.js.map

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

package/dist/components/layout/separator/separator.d.ts

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+/** Visual divider. `decorative` (default) hides it from assistive technology. */
+export declare const Separator: import("react").ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/layout/separator/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/separator/separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,iFAAiF;AACjF,eAAO,MAAM,SAAS,2LAapB,CAAC"}

package/dist/components/layout/separator/separator.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cx } from '../../../internal/cx.js';
+/** Visual divider. `decorative` (default) hides it from assistive technology. */
+export const Separator = forwardRef(function Separator({ className, orientation = 'horizontal', decorative = true, ...rest }, ref) {
+    return (_jsx(SeparatorPrimitive.Root, { ref: ref, orientation: orientation, decorative: decorative, ...rest, className: cx('mn-separator', className) }));
+});
+//# sourceMappingURL=separator.js.map

package/dist/components/layout/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../src/components/layout/separator/separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C,iFAAiF;AACjF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC7F,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,KAClB,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,GACxC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/layout/visually-hidden/index.d.ts

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

package/dist/components/layout/visually-hidden/index.d.ts.map

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

package/dist/components/layout/visually-hidden/index.js

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

package/dist/components/layout/visually-hidden/index.js.map

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

package/dist/components/layout/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+/** Hides content visually while keeping it available to assistive technology. */
+export declare function VisuallyHidden({ className, ...rest }: HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/components/layout/visually-hidden/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,eAAe,CAAC,+BAErF"}

package/dist/components/layout/visually-hidden/visually-hidden.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** Hides content visually while keeping it available to assistive technology. */
+export function VisuallyHidden({ className, ...rest }) {
+    return _jsx("span", { ...rest, className: cx('mn-visually-hidden', className) });
+}
+//# sourceMappingURL=visually-hidden.js.map

package/dist/components/layout/visually-hidden/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","sourceRoot":"","sources":["../../../../src/components/layout/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C,iFAAiF;AACjF,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAmC;IACpF,OAAO,kBAAU,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAI,CAAC;AAC5E,CAAC"}

package/dist/components/navigation/back-link/back-link.d.ts

@@ -0,0 +1,18 @@
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
+export interface BackLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** The destination, named in the text: "Back to domains", "All invoices". */
+    children: ReactNode;
+    /** `subtle` (default) is muted text that darkens on hover; `standalone` uses the link colour. */
+    variant?: 'subtle' | 'standalone';
+    /**
+     * Render the child element (e.g. a Next.js `<Link>` or React Router
+     * `<NavLink>`) with back-link styling and the arrow, instead of an `<a>`.
+     */
+    asChild?: boolean;
+}
+/**
+ * A link to the parent page, with a leading back arrow. Works with any
+ * router through `asChild`.
+ */
+export declare const BackLink: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=back-link.d.ts.map

package/dist/components/navigation/back-link/back-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/back-link/back-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,WAAW,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,iGAAiG;IACjG,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAqBD;;;GAGG;AACH,eAAO,MAAM,QAAQ,6GAanB,CAAC"}

package/dist/components/navigation/back-link/back-link.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cx } from '../../../internal/cx.js';
+function BackGlyph() {
+    return (_jsx("svg", { "aria-hidden": true, focusable: false, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M10 4 6 8l4 4" }) }));
+}
+/**
+ * A link to the parent page, with a leading back arrow. Works with any
+ * router through `asChild`.
+ */
+export const BackLink = forwardRef(function BackLink({ variant = 'subtle', asChild = false, className, children, ...rest }, ref) {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsxs(Comp, { ref: ref, ...rest, "data-variant": variant, className: cx('mn-back-link', className), children: [_jsx("span", { className: "mn-back-link__icon", children: _jsx(BackGlyph, {}) }), _jsx(Slottable, { children: children })] }));
+});
+//# sourceMappingURL=back-link.js.map

package/dist/components/navigation/back-link/back-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-link.js","sourceRoot":"","sources":["../../../../src/components/navigation/back-link/back-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6C,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAc7C,SAAS,SAAS;IAChB,OAAO,CACL,mCAEE,SAAS,EAAE,KAAK,EAChB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,eAAM,CAAC,EAAC,eAAe,GAAG,GACtB,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAmC,SAAS,QAAQ,CACpF,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACrE,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAClC,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,kBAAgB,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aACvF,eAAM,SAAS,EAAC,oBAAoB,YAClC,KAAC,SAAS,KAAG,GACR,EACP,KAAC,SAAS,cAAE,QAAQ,GAAa,IAC5B,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/navigation/back-link/index.d.ts

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

package/dist/components/navigation/back-link/index.d.ts.map

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

package/dist/components/navigation/back-link/index.js

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

package/dist/components/navigation/back-link/index.js.map

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

package/dist/components/navigation/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import { type AnchorHTMLAttributes, type ElementType, type ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: ReactNode;
+    /** Omit on the current page. */
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    /** Show at most this many items; the middle ones collapse into a menu. Default 4. */
+    maxVisible?: number;
+    /** Link component, e.g. Next.js `Link`. Defaults to `a`. */
+    linkAs?: ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;
+    /** Accessible name of the nav. */
+    label?: string;
+    className?: string;
+}
+/** Location trail. The last item is the current page (`aria-current="page"`). */
+export declare function Breadcrumb({ items, maxVisible, linkAs: LinkComp, label, className, }: BreadcrumbProps): import("react").JSX.Element;
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/navigation/breadcrumb/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAU9F,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9D,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAc,EACd,MAAM,EAAE,QAAc,EACtB,KAAoB,EACpB,SAAS,GACV,EAAE,eAAe,+BAoDjB"}

package/dist/components/navigation/breadcrumb/breadcrumb.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { ChevronRightGlyph } from '../../../internal/icons.js';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../overlays/dropdown-menu/index.js';
+/** Location trail. The last item is the current page (`aria-current="page"`). */
+export function Breadcrumb({ items, maxVisible = 4, linkAs: LinkComp = 'a', label = 'Breadcrumb', className, }) {
+    const collapse = items.length > maxVisible;
+    const head = collapse ? items.slice(0, 1) : items;
+    const hidden = collapse ? items.slice(1, items.length - (maxVisible - 2)) : [];
+    const tail = collapse ? items.slice(items.length - (maxVisible - 2)) : [];
+    const visible = collapse ? [...head, 'menu', ...tail] : head;
+    return (_jsx("nav", { "aria-label": label, className: cx('mn-breadcrumb', className), children: _jsx("ol", { className: "mn-breadcrumb__list", children: visible.map((item, i) => {
+                const last = i === visible.length - 1;
+                return (_jsxs(Fragment, { children: [_jsx("li", { className: "mn-breadcrumb__item", children: item === 'menu' ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "mn-breadcrumb__more", "aria-label": `Show ${hidden.length} more levels`, children: "\u2026" }), _jsx(DropdownMenuContent, { children: hidden.map((h, j) => (_jsx(DropdownMenuItem, { asChild: true, children: _jsx(LinkComp, { href: h.href, children: h.label }) }, j))) })] })) : last || !item.href ? (_jsx("span", { className: "mn-breadcrumb__current", "aria-current": last ? 'page' : undefined, children: item.label })) : (_jsx(LinkComp, { href: item.href, className: "mn-breadcrumb__link", children: item.label })) }), !last ? (_jsx("li", { "aria-hidden": true, className: "mn-breadcrumb__sep", children: _jsx(ChevronRightGlyph, {}) })) : null] }, i));
+            }) }) }));
+}
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/navigation/breadcrumb/breadcrumb.js.map

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

package/dist/components/navigation/breadcrumb/index.d.ts

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

package/dist/components/navigation/breadcrumb/index.d.ts.map

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

package/dist/components/navigation/breadcrumb/index.js

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

package/dist/components/navigation/breadcrumb/index.js.map

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

package/dist/components/navigation/link/index.d.ts

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

package/dist/components/navigation/link/index.d.ts.map

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

package/dist/components/navigation/link/index.js

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

package/dist/components/navigation/link/index.js.map

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

package/dist/components/navigation/link/link.d.ts

@@ -0,0 +1,13 @@
+import { type AnchorHTMLAttributes } from 'react';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** `inline` (default) for links in text, `standalone` for links in lists and footers. */
+    variant?: 'inline' | 'standalone' | 'subtle';
+    /** Render the child element (e.g. a Next.js Link) with link styling. */
+    asChild?: boolean;
+}
+/**
+ * Text link. When `target="_blank"` it adds `rel="noopener noreferrer"`, an
+ * external icon and a hidden "opens in a new tab" note.
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=link.d.ts.map

package/dist/components/navigation/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,yFAAyF;IACzF,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC7C,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAqBD;;;GAGG;AACH,eAAO,MAAM,IAAI,yGA0Bf,CAAC"}

package/dist/components/navigation/link/link.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cx } from '../../../internal/cx.js';
+import { VisuallyHidden } from '../../layout/visually-hidden/index.js';
+function ExternalGlyph() {
+    return (_jsx("svg", { "aria-hidden": true, focusable: false, width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M6.5 3.5h-3v9h9v-3M9.5 2.5h4v4M13.5 2.5 7 9" }) }));
+}
+/**
+ * Text link. When `target="_blank"` it adds `rel="noopener noreferrer"`, an
+ * external icon and a hidden "opens in a new tab" note.
+ */
+export const Link = forwardRef(function Link({ variant = 'inline', asChild = false, target, rel, className, children, ...rest }, ref) {
+    const external = target === '_blank';
+    const Comp = asChild ? Slot : 'a';
+    return (_jsxs(Comp, { ref: ref, ...rest, target: target, rel: external ? cx(rel, 'noopener', 'noreferrer') : rel, "data-variant": variant, className: cx('mn-link', className), children: [children, external ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "mn-link__external", children: _jsx(ExternalGlyph, {}) }), _jsx(VisuallyHidden, { children: " (opens in a new tab)" })] })) : null] }));
+});
+//# sourceMappingURL=link.js.map

package/dist/components/navigation/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/navigation/link/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AASvE,SAAS,aAAa;IACpB,OAAO,CACL,mCAEE,SAAS,EAAE,KAAK,EAChB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,IAAI,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,YAEtB,eAAM,CAAC,EAAC,6CAA6C,GAAG,GACpD,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA+B,SAAS,IAAI,CACxE,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAClF,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAClC,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,kBACzC,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAElC,QAAQ,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,8BACE,eAAM,SAAS,EAAC,mBAAmB,YACjC,KAAC,aAAa,KAAG,GACZ,EACP,KAAC,cAAc,wCAAuC,IACrD,CACJ,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/navigation/pagination/index.d.ts

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

package/dist/components/navigation/pagination/index.d.ts.map

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

package/dist/components/navigation/pagination/index.js

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

package/dist/components/navigation/pagination/index.js.map

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

package/dist/components/navigation/pagination/pagination.d.ts

@@ -0,0 +1,18 @@
+export interface PaginationProps {
+    /** 1-based current page. */
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    /** `full` shows numbered pages; `compact` shows "1–20 of 143" with arrows. */
+    variant?: 'full' | 'compact';
+    /** Needed for the compact range text. */
+    pageSize?: number;
+    totalItems?: number;
+    /** Accessible name of the nav. */
+    label?: string;
+    className?: string;
+}
+/** Which page numbers to show: first, last, and a window around the current page. */
+export declare function pageWindow(page: number, pageCount: number, radius?: number): Array<number | 'gap'>;
+export declare function Pagination({ page, pageCount, onPageChange, variant, pageSize, totalItems, label, className, }: PaginationProps): import("react").JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/navigation/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,SAAI,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAe7F;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,OAAgB,EAChB,QAAQ,EACR,UAAU,EACV,KAAoB,EACpB,SAAS,GACV,EAAE,eAAe,+BAgEjB"}