@rookcom/monarch-react 0.0.0-canary-20261103180711

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# @rookcom/monarch-react
+
+## 0.0.0-canary-20261103180711
+
+### Minor Changes
+
+- 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`).
+
+## 0.2.0
+
+### Minor Changes
+
+- Packages move to the public npm registry as `@rookcom/monarch-*` (were `@rookhq/monarch-*` on GitHub Packages). Apps install with plain `npm ci`; no registry token is needed. Releases are published from CI with npm trusted publishing and provenance.
+- 8177b95: Add Toast (ToastProvider, useToast), Table primitives with sortable headers and selection cells, Breadcrumb, Pagination, Combobox, Separator, Progress and Link, plus the first experience patterns: PageHeader, Toolbar, FilterBar/FilterChip, SettingsSection/SettingsRow, DescriptionList, SplitLayout, StatCard, ErrorState and LoadingState. DropdownMenuItem now supports `asChild`.

package/README.md

@@ -0,0 +1,5 @@
+# @rookcom/monarch-react
+
+Accessible React components for Rook apps. Import `./styles.css` once and
+`@rookcom/monarch-tokens/css` for variables. Props and docs for every export:
+`./manifest.json`. Contract: ../../docs/guides/component-contract.md

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

@@ -0,0 +1,32 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'danger-subtle';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual weight. Use one `primary` per view region. Default `secondary`. */
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /** Shows a spinner, sets aria-busy and blocks clicks while keeping focus. */
+    loading?: boolean;
+    /** Icon before the label. Decorative: hidden from assistive technology. */
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+    /** Stretch to the container width. */
+    block?: boolean;
+    /** Render the child element (e.g. a Next.js <Link>) with button styling. */
+    asChild?: boolean;
+}
+/**
+ * The primary action control.
+ *
+ * Defaults to `type="button"` so a button inside a form never submits by
+ * accident; pass `type="submit"` explicitly.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface IconButtonProps extends Omit<ButtonProps, 'leadingIcon' | 'trailingIcon' | 'children' | 'block' | 'aria-label'> {
+    /** Required accessible name, since there is no visible text. */
+    label: string;
+    icon: ReactNode;
+}
+/** Square button containing only an icon. `label` is required by the type system. */
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

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,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,eAAe,CAAC;AAC3F,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;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,2GAyDjB,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,30 @@
+'use client';
+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';
+import { Spinner } from '../../feedback/spinner/index.js';
+/**
+ * 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, disabled, type, className, children, onClick, ...rest }, ref) {
+    const Comp = asChild ? Slot : 'button';
+    // 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, 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":"AAAA,YAAY,CAAC;;AAEb,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,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAoB1D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,WAAW,EACX,YAAY,EACZ,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,6EAA6E;IAC7E,4DAA4D;IAC5D,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,CAAC;IACpC,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,KACJ,IAAI,KACJ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE,CAAC,mBACjE,OAAO,IAAI,SAAS,eACxB,OAAO,IAAI,SAAS,kBACjB,OAAO,eACV,IAAI,kBACD,OAAO,IAAI,SAAS,gBACtB,KAAK,IAAI,SAAS,EAC9B,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,OAAO,EAAE,CAAC;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,aAEA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,iBAAiB,GAAG,CAClD,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,eAAM,SAAS,EAAC,iBAAiB,iCAC9B,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,SAAS,cAAE,QAAQ,GAAa,EAChC,YAAY,CAAC,CAAC,CAAC,CACd,eAAM,SAAS,EAAC,iBAAiB,iCAC9B,YAAY,GACR,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAWH,qFAAqF;AACrF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACtD,GAAG;IAEH,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,OAAO,EAAE,OAAO,gBACJ,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,YAEzC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,eAAM,SAAS,EAAC,iBAAiB,iCAC9B,IAAI,GACA,CACR,GACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

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/data-display/badge/badge.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+export type Tone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    tone?: Tone;
+    /** `subtle` (default) for status in tables, `solid` for counts, `outline` for metadata. */
+    variant?: 'subtle' | 'solid' | 'outline';
+    size?: 'sm' | 'md';
+    /** Leading status dot. */
+    dot?: boolean;
+}
+/** Short status or metadata label. Never the only way to convey meaning: keep the text. */
+export declare function Badge({ tone, variant, size, dot, className, children, ...rest }: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/data-display/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2FAA2F;IAC3F,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0BAA0B;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,2FAA2F;AAC3F,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,OAAkB,EAClB,IAAW,EACX,GAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAaZ"}

package/dist/components/data-display/badge/badge.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** Short status or metadata label. Never the only way to convey meaning: keep the text. */
+export function Badge({ tone = 'neutral', variant = 'subtle', size = 'md', dot = false, className, children, ...rest }) {
+    return (_jsxs("span", { ...rest, className: cx('mn-badge', className), "data-tone": tone, "data-variant": variant, "data-size": size, children: [dot ? _jsx("span", { className: "mn-badge__dot", "aria-hidden": true }) : null, children] }));
+}
+//# sourceMappingURL=badge.js.map

package/dist/components/data-display/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/data-display/badge/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAa7C,2FAA2F;AAC3F,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACI;IACX,OAAO,CACL,mBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eACzB,IAAI,kBACD,OAAO,eACV,IAAI,aAEd,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,eAAe,wBAAe,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/data-display/badge/index.d.ts

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

package/dist/components/data-display/badge/index.d.ts.map

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

package/dist/components/data-display/badge/index.js

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

package/dist/components/data-display/badge/index.js.map

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

package/dist/components/data-display/card/card.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from 'react';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** `outline` (default) for most content, `raised` for floating panels, `subtle` inside other cards. */
+    variant?: 'outline' | 'raised' | 'subtle';
+    /** Remove inner padding, e.g. for a card wrapping a table. */
+    flush?: boolean;
+}
+export declare function Card({ variant, flush, className, ...rest }: CardProps): import("react").JSX.Element;
+export declare function CardHeader({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Heading level that fits the page outline. Default h3. */
+    as?: 'h2' | 'h3' | 'h4';
+}
+export declare function CardTitle({ as: Tag, className, ...rest }: CardTitleProps): import("react").JSX.Element;
+export declare function CardDescription({ className, ...rest }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function CardContent({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardFooter({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/data-display/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,uGAAuG;IACvG,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BASzF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,4DAA4D;IAC5D,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAE/E;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,oBAAoB,CAAC,+BAE3F;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF"}

package/dist/components/data-display/card/card.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+export function Card({ variant = 'outline', flush = false, className, ...rest }) {
+    return (_jsx("div", { ...rest, className: cx('mn-card', className), "data-variant": variant, "data-flush": flush || undefined }));
+}
+export function CardHeader({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('mn-card__header', className) });
+}
+export function CardTitle({ as: Tag = 'h3', className, ...rest }) {
+    return _jsx(Tag, { ...rest, className: cx('mn-card__title', className) });
+}
+export function CardDescription({ className, ...rest }) {
+    return _jsx("p", { ...rest, className: cx('mn-card__description', className) });
+}
+export function CardContent({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('mn-card__content', className) });
+}
+export function CardFooter({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('mn-card__footer', className) });
+}
+//# sourceMappingURL=card.js.map

package/dist/components/data-display/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/data-display/card/card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAS7C,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAa;IACxF,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,kBACrB,OAAO,gBACT,KAAK,IAAI,SAAS,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAC/E,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AACxE,CAAC;AAOD,MAAM,UAAU,SAAS,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkB;IAC9E,OAAO,KAAC,GAAG,OAAK,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAI,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAwC;IAC1F,OAAO,eAAO,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAI,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAChF,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAI,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAC/E,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AACxE,CAAC"}

package/dist/components/data-display/card/index.d.ts

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

package/dist/components/data-display/card/index.d.ts.map

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

package/dist/components/data-display/card/index.js

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

package/dist/components/data-display/card/index.js.map

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