@lutra-ui-system/react 0.1.0

package/dist/components/card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, CardFooter } from './card.js';
+export type { CardProps, CardElevation, CardFooterProps, CardFooterAlign, HeadingLevel, } from './card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC7C,YAAY,EACV,SAAS,EACT,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,GACb,MAAM,WAAW,CAAC"}

package/dist/components/card/index.js

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

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,67 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+/**
+ * Native `<input type="checkbox">` attributes, minus what this component owns.
+ *
+ * `type` is fixed, `aria-invalid` is derived from `invalid`, and `children` is dropped because
+ * `<input>` is a void element.
+ */
+type NativeCheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'aria-invalid' | 'children' | 'size'>;
+export interface CheckboxProps extends NativeCheckboxProps {
+    /**
+     * Puts the box in its mixed state.
+     *
+     * **This is the native DOM property, not a third checked value.** `HTMLInputElement.indeterminate`
+     * exists only in the DOM — there is no HTML attribute for it and it is unrelated to `checked`, so
+     * React cannot set it from JSX. It is assigned in a layout effect after every render, which is
+     * what makes it survive re-renders, prop changes and remounts.
+     *
+     * A mixed box is still either checked or unchecked underneath; the mixed state is a display of
+     * "some of the things below are selected", and clicking it resolves to a real value.
+     *
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Marks the control as failing validation. Sets the visual treatment and `aria-invalid="true"`
+     * from one value, so they cannot disagree.
+     *
+     * @default false
+     */
+    invalid?: boolean;
+}
+/**
+ * A checkbox. Renders a native `<input type="checkbox">`.
+ *
+ * Native on purpose: the space-bar toggle, the label-click target, form participation, the mixed
+ * state announcement and the disabled semantics all come from the platform. A `<div role="checkbox">`
+ * would have to reimplement every one of them and would still be worse.
+ *
+ * **Every rendered Checkbox must have an accessible name.** The primitive does not manufacture one —
+ * use `CheckboxItem` for the ordinary labelled composition, or supply `aria-label` /
+ * `aria-labelledby` for a checkbox whose meaning comes from elsewhere, such as a table row selector.
+ *
+ * `forwardRef` rather than a plain `ref` prop: this package supports React 18.3 as well as 19. The
+ * component keeps its own internal ref as well, so `indeterminate` works whether or not a consumer
+ * passes one.
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export interface CheckboxItemProps extends CheckboxProps {
+    /** The visible label. It is the checkbox's accessible name. */
+    label: ReactNode;
+    /** Supporting text below the label, connected with `aria-describedby`. */
+    description?: ReactNode;
+    /** Extra class on the item wrapper, not on the control. */
+    className?: string;
+}
+/**
+ * A checkbox with its visible label, and optionally a description.
+ *
+ * This is the ordinary way to render a Checkbox — the composition the Figma `Checkbox Item`
+ * component draws. The label is a real `<label>` associated by `for`/`id`, so clicking or tapping
+ * anywhere on it toggles the box, which also makes the target far larger than the 20px box.
+ *
+ * The label and description grow with their content. Nothing sets a fixed height.
+ */
+export declare const CheckboxItem: import("react").ForwardRefExoticComponent<CheckboxItemProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5D;;;;;GAKG;AACH,KAAK,mBAAmB,GAAG,IAAI,CAC7B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,CAC9C,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,mBAAmB;IACxD;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,4GA8CnB,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,+DAA+D;IAC/D,KAAK,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,gHAuCvB,CAAC"}

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useRef } from 'react';
+import { useFieldIds } from '../../internal/field-support.js';
+import { useIsomorphicLayoutEffect } from '../../internal/isomorphic-layout-effect.js';
+/**
+ * A checkbox. Renders a native `<input type="checkbox">`.
+ *
+ * Native on purpose: the space-bar toggle, the label-click target, form participation, the mixed
+ * state announcement and the disabled semantics all come from the platform. A `<div role="checkbox">`
+ * would have to reimplement every one of them and would still be worse.
+ *
+ * **Every rendered Checkbox must have an accessible name.** The primitive does not manufacture one —
+ * use `CheckboxItem` for the ordinary labelled composition, or supply `aria-label` /
+ * `aria-labelledby` for a checkbox whose meaning comes from elsewhere, such as a table row selector.
+ *
+ * `forwardRef` rather than a plain `ref` prop: this package supports React 18.3 as well as 19. The
+ * component keeps its own internal ref as well, so `indeterminate` works whether or not a consumer
+ * passes one.
+ */
+export const Checkbox = forwardRef(function Checkbox({ indeterminate = false, invalid = false, className, ...nativeProps }, forwardedRef) {
+    const elementRef = useRef(null);
+    // The ref callback only records the element and forwards it. It deliberately does not depend on
+    // `indeterminate`, so changing that prop no longer detaches and reattaches the ref — which would
+    // hand a consumer's callback ref a spurious null on every change.
+    const setRef = useCallback((element) => {
+        elementRef.current = element;
+        if (typeof forwardedRef === 'function')
+            forwardedRef(element);
+        else if (forwardedRef)
+            forwardedRef.current = element;
+    }, [forwardedRef]);
+    // Synchronised after the DOM exists, not during render.
+    //
+    // `indeterminate` has no HTML attribute, so it can only be assigned to the element. Doing that in
+    // the render body would be a side effect in the render phase, which React is free to run twice,
+    // abandon, or replay — and under StrictMode it does. This runs after every render instead, with
+    // no dependency array, so it also covers the case where React swaps the underlying DOM node while
+    // the prop is unchanged.
+    //
+    // A layout effect rather than a passive one, so the property is set before the browser paints:
+    // with `useEffect` there is a frame showing a tick or an empty box where a dash belongs.
+    useIsomorphicLayoutEffect(() => {
+        const element = elementRef.current;
+        if (element)
+            element.indeterminate = indeterminate;
+    });
+    return (_jsx("input", { ...nativeProps, ref: setRef, type: "checkbox", className: className === undefined ? 'lutra-checkbox' : `lutra-checkbox ${className}`, "aria-invalid": invalid || undefined }));
+});
+/**
+ * A checkbox with its visible label, and optionally a description.
+ *
+ * This is the ordinary way to render a Checkbox — the composition the Figma `Checkbox Item`
+ * component draws. The label is a real `<label>` associated by `for`/`id`, so clicking or tapping
+ * anywhere on it toggles the box, which also makes the target far larger than the 20px box.
+ *
+ * The label and description grow with their content. Nothing sets a fixed height.
+ */
+export const CheckboxItem = forwardRef(function CheckboxItem({ label, description, className, id, disabled = false, 'aria-describedby': describedBy, ...checkboxProps }, ref) {
+    const hasDescription = description !== undefined && description !== null && description !== false;
+    const ids = useFieldIds({ id, hasHint: hasDescription, hasError: false, describedBy });
+    return (_jsxs("div", { className: className === undefined ? 'lutra-choice' : `lutra-choice ${className}`, "data-disabled": disabled ? 'true' : undefined, children: [_jsx(Checkbox, { ...checkboxProps, ref: ref, id: ids.controlId, disabled: disabled, "aria-describedby": ids.describedBy }), _jsxs("div", { className: "lutra-choice__content", children: [_jsx("label", { className: "lutra-choice__label", htmlFor: ids.controlId, children: label }), hasDescription && (_jsx("p", { className: "lutra-choice__description", id: ids.hintId, children: description }))] })] }));
+});
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,4CAA4C,CAAC;AAqCvF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAkC,SAAS,QAAQ,CACnF,EAAE,aAAa,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EACrE,YAAY;IAEZ,MAAM,UAAU,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEzD,gGAAgG;IAChG,iGAAiG;IACjG,kEAAkE;IAClE,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,OAAgC,EAAE,EAAE;QACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;QAE7B,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,OAAO,CAAC,CAAC;aACzD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACxD,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,wDAAwD;IACxD,EAAE;IACF,kGAAkG;IAClG,gGAAgG;IAChG,gGAAgG;IAChG,kGAAkG;IAClG,yBAAyB;IACzB,EAAE;IACF,+FAA+F;IAC/F,yFAAyF;IACzF,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,OAAO;YAAE,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,mBACM,WAAW,EACf,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,SAAS,EAAE,kBACvE,OAAO,IAAI,SAAS,GAIlC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAWH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAsC,SAAS,YAAY,CAC/F,EACE,KAAK,EACL,WAAW,EACX,SAAS,EACT,EAAE,EACF,QAAQ,GAAG,KAAK,EAChB,kBAAkB,EAAE,WAAW,EAC/B,GAAG,aAAa,EACjB,EACD,GAAG;IAEH,MAAM,cAAc,GAAG,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC;IAClG,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IAEvF,OAAO,CACL,eACE,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,SAAS,EAAE,mBAClE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAE5C,KAAC,QAAQ,OACH,aAAa,EACjB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,GAAG,CAAC,SAAS,EACjB,QAAQ,EAAE,QAAQ,sBACA,GAAG,CAAC,WAAW,GACjC,EACF,eAAK,SAAS,EAAC,uBAAuB,aACpC,gBAAO,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,GAAG,CAAC,SAAS,YAC1D,KAAK,GACA,EACP,cAAc,IAAI,CACjB,YAAG,SAAS,EAAC,2BAA2B,EAAC,EAAE,EAAE,GAAG,CAAC,MAAM,YACpD,WAAW,GACV,CACL,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { Checkbox, CheckboxItem } from './checkbox.js';
+export type { CheckboxProps, CheckboxItemProps } from './checkbox.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox, CheckboxItem } from './checkbox.js';
+//# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,88 @@
+import type { ReactNode } from 'react';
+/** Drawn width. Maps to the `size` axis of the Figma component set. */
+export type DialogSize = 'sm' | 'md' | 'lg';
+/**
+ * Where focus lands when the dialog opens.
+ *
+ * `'first'` gives it to the first interactive element, which is right for most dialogs.
+ * `'dialog'` gives it to the dialog container, which the annotation asks for when the content is
+ * long enough that starting at a control would skip the explanation — and is the safer choice for a
+ * destructive confirmation, where landing on Delete is exactly wrong.
+ *
+ * A control marked `autoFocus` wins over either, because that is native `<dialog>` behaviour.
+ */
+export type DialogInitialFocus = 'first' | 'dialog';
+export interface DialogProps {
+    /** Whether the dialog is open. Always controlled — the opener has to know. */
+    open: boolean;
+    /**
+     * Called on every close path: Escape, the close button, a footer action, or a backdrop press.
+     * The consumer sets `open` to false in response.
+     */
+    onClose: () => void;
+    /** The visible title. Rendered as a heading, and it is what names the dialog. */
+    title: ReactNode;
+    /**
+     * Short explanatory copy under the title, connected with `aria-describedby`.
+     *
+     * Omit it when the body is long or structured — a description that reads out several paragraphs
+     * is worse than none.
+     */
+    description?: ReactNode;
+    /** @default 'md' */
+    size?: DialogSize;
+    /** @default true */
+    showClose?: boolean;
+    /** Accessible name of the close control. @default 'Close' */
+    closeLabel?: string;
+    /** @default 'first' */
+    initialFocus?: DialogInitialFocus;
+    /**
+     * Whether Escape closes the dialog. Leave it true unless a critical operation is genuinely in
+     * progress, and if you turn it off, say why on screen — a dialog with no way out is a trap.
+     *
+     * @default true
+     */
+    dismissible?: boolean;
+    /**
+     * Whether pressing the backdrop closes the dialog. Off by default: it is fine for a low-risk
+     * dialog and wrong for one holding unsaved work, so it is opt-in per dialog.
+     *
+     * @default false
+     */
+    dismissOnBackdropPress?: boolean;
+    /** Footer actions. Kept visible while the body scrolls. */
+    footer?: ReactNode;
+    /** The body. */
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * A modal dialog. Renders a native `<dialog>` opened with `showModal()`.
+ *
+ * ## Why native
+ *
+ * The annotation allows either a native `<dialog>` or a container with `role="dialog"` and
+ * `aria-modal="true"`, and asks for focus entry, containment, an inert background, Escape, and focus
+ * restoration. `showModal()` provides the first four *from the browser*: the dialog goes into the
+ * top layer, everything behind it becomes inert without a single `aria-hidden` being written across
+ * the page, Tab and Shift+Tab cannot leave, and Escape fires `cancel`.
+ *
+ * A hand-built version would reimplement all of that with a focus-trap loop and manual `inert`, and
+ * would be worse at it — brittle index arithmetic around focusable elements is precisely the failure
+ * this component must not have. So the browser does the containment and this component does only the
+ * parts that are genuinely its own: which element receives focus first, and returning focus to the
+ * opener on every close path.
+ *
+ * ## What that costs
+ *
+ * jsdom implements no part of `<dialog>` — no `showModal`, no `close`, no `inert`. The unit tests
+ * therefore prove semantics, wiring and this component's own focus restoration, and prove **nothing**
+ * about containment or inertness. Those need a real browser; the stories exist to make them
+ * checkable. See `dialog.md`.
+ *
+ * Where `showModal` is missing the component falls back to the `open` attribute so the content still
+ * renders and is still labelled, but it is **not modal** in that state.
+ */
+export declare function Dialog({ open, onClose, title, description, size, showClose, closeLabel, initialFocus, dismissible, dismissOnBackdropPress, footer, children, className, }: DialogProps): import("react").JSX.Element;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,uEAAuE;AACvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,8EAA8E;IAC9E,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gBAAgB;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAW,EACX,SAAgB,EAChB,UAAoB,EACpB,YAAsB,EACtB,WAAkB,EAClB,sBAA8B,EAC9B,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,WAAW,+BAkKb"}

package/dist/components/dialog/dialog.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef } from 'react';
+import { isDevelopment } from '../../internal/development.js';
+import { useIsomorphicLayoutEffect } from '../../internal/isomorphic-layout-effect.js';
+import { Button } from '../button/index.js';
+/** How many Lutra dialogs are open. Used only for the development warning about stacking. */
+let openDialogCount = 0;
+function CloseIcon() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", focusable: "false", children: _jsx("path", { d: "M4 4l8 8M12 4l-8 8", strokeLinecap: "round" }) }));
+}
+/**
+ * A modal dialog. Renders a native `<dialog>` opened with `showModal()`.
+ *
+ * ## Why native
+ *
+ * The annotation allows either a native `<dialog>` or a container with `role="dialog"` and
+ * `aria-modal="true"`, and asks for focus entry, containment, an inert background, Escape, and focus
+ * restoration. `showModal()` provides the first four *from the browser*: the dialog goes into the
+ * top layer, everything behind it becomes inert without a single `aria-hidden` being written across
+ * the page, Tab and Shift+Tab cannot leave, and Escape fires `cancel`.
+ *
+ * A hand-built version would reimplement all of that with a focus-trap loop and manual `inert`, and
+ * would be worse at it — brittle index arithmetic around focusable elements is precisely the failure
+ * this component must not have. So the browser does the containment and this component does only the
+ * parts that are genuinely its own: which element receives focus first, and returning focus to the
+ * opener on every close path.
+ *
+ * ## What that costs
+ *
+ * jsdom implements no part of `<dialog>` — no `showModal`, no `close`, no `inert`. The unit tests
+ * therefore prove semantics, wiring and this component's own focus restoration, and prove **nothing**
+ * about containment or inertness. Those need a real browser; the stories exist to make them
+ * checkable. See `dialog.md`.
+ *
+ * Where `showModal` is missing the component falls back to the `open` attribute so the content still
+ * renders and is still labelled, but it is **not modal** in that state.
+ */
+export function Dialog({ open, onClose, title, description, size = 'md', showClose = true, closeLabel = 'Close', initialFocus = 'first', dismissible = true, dismissOnBackdropPress = false, footer, children, className, }) {
+    const base = useId();
+    const titleId = `lutra-dialog-title-${base}`;
+    const descriptionId = `lutra-dialog-description-${base}`;
+    const dialogRef = useRef(null);
+    // The element that had focus when the dialog opened, so it can be given focus back.
+    const invokerRef = useRef(null);
+    const hasDescription = description !== undefined && description !== null && description !== false;
+    // Opening and closing the real element. A layout effect so the dialog is in the top layer before
+    // the browser paints, rather than flashing the page underneath for a frame.
+    useIsomorphicLayoutEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open) {
+            if (dialog.open)
+                return;
+            invokerRef.current =
+                document.activeElement instanceof HTMLElement ? document.activeElement : null;
+            if (typeof dialog.showModal === 'function') {
+                dialog.showModal();
+            }
+            else {
+                // No native dialog implementation — jsdom, or a browser old enough not to matter. The
+                // content renders and is labelled, but nothing here is modal.
+                dialog.setAttribute('open', '');
+            }
+            if (initialFocus === 'dialog')
+                dialog.focus();
+            return;
+        }
+        if (!dialog.open)
+            return;
+        if (typeof dialog.close === 'function')
+            dialog.close();
+        else
+            dialog.removeAttribute('open');
+    }, [open, initialFocus]);
+    // Focus restoration, on every close path, because this is the part the browser is least reliable
+    // about and the part most worth owning. A dialog that drops focus to the top of the document loses
+    // the user's place entirely.
+    useEffect(() => {
+        if (open)
+            return;
+        const invoker = invokerRef.current;
+        invokerRef.current = null;
+        if (!invoker)
+            return;
+        // The invoker may have been removed or disabled while the dialog was open — restoring focus to
+        // it would throw or silently do nothing, so fail gracefully instead.
+        if (!invoker.isConnected)
+            return;
+        if (invoker.hasAttribute('disabled'))
+            return;
+        invoker.focus();
+    }, [open]);
+    // Never stack dialogs. The annotation says to resolve or close the first one before opening
+    // another; the type system cannot see that, so it is a development warning.
+    useEffect(() => {
+        if (!open)
+            return;
+        openDialogCount += 1;
+        if (isDevelopment && openDialogCount > 1) {
+            console.warn('Dialog: more than one Lutra dialog is open at once. Resolve or close the first before ' +
+                'opening another — stacked modals leave people with no way to tell what has focus.');
+        }
+        return () => {
+            openDialogCount -= 1;
+        };
+    }, [open]);
+    // Escape reaches the element as a `cancel` event rather than a keydown, because the browser owns
+    // the dismissal.
+    //
+    // The browser's own close is always prevented, because `open` is controlled here — letting the
+    // element close itself would leave the DOM and the prop disagreeing. `onClose` is then called, or
+    // not, which is what `dismissible` means.
+    //
+    // Nothing about layering lives here. A Tooltip, Dropdown or navigation panel open inside the
+    // dialog cancels the keydown itself, and the close-request algorithm does not reach this dialog
+    // for a press that was already cancelled.
+    const onCancel = useCallback((event) => {
+        event.preventDefault();
+        if (dismissible)
+            onClose();
+    }, [dismissible, onClose]);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        dialog.addEventListener('cancel', onCancel);
+        return () => {
+            dialog.removeEventListener('cancel', onCancel);
+        };
+    }, [onCancel]);
+    // A press on the backdrop lands on the dialog element itself, because the backdrop is its
+    // pseudo-element rather than a separate node. Anything inside the panel has a different target.
+    //
+    // Attached as a native listener rather than a JSX `onClick`, for the same reason Dropdown
+    // delegates: a click handler in the markup makes `<dialog>` look like an interactive element that
+    // owes a keyboard equivalent, which `jsx-a11y` rightly objects to. It owes none — this is a
+    // pointer-only shortcut, and Escape is the keyboard way out, handled above.
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!open || !dialog || !dismissOnBackdropPress || !dismissible)
+            return;
+        const onClick = (event) => {
+            if (event.target === dialog)
+                onClose();
+        };
+        dialog.addEventListener('click', onClick);
+        return () => {
+            dialog.removeEventListener('click', onClick);
+        };
+    }, [open, dismissOnBackdropPress, dismissible, onClose]);
+    return (_jsx("dialog", { ref: dialogRef, className: className === undefined ? 'lutra-dialog' : `lutra-dialog ${className}`, "aria-labelledby": titleId, "aria-describedby": hasDescription ? descriptionId : undefined, "data-size": size, 
+        // Focusable only as a target for `initialFocus="dialog"`; never in the tab sequence.
+        tabIndex: -1, children: _jsxs("div", { className: "lutra-dialog__panel", children: [_jsxs("div", { className: "lutra-dialog__header", children: [_jsxs("div", { className: "lutra-dialog__heading-group", children: [_jsx("h2", { className: "lutra-dialog__title", id: titleId, children: title }), hasDescription && (_jsx("p", { className: "lutra-dialog__description", id: descriptionId, children: description }))] }), showClose && (_jsx(Button, { variant: "secondary", contentType: "icon-only", "aria-label": closeLabel, onClick: onClose, children: _jsx(CloseIcon, {}) }))] }), _jsx("div", { className: "lutra-dialog__body", children: children }), footer !== undefined && footer !== null && footer !== false && (_jsx("div", { className: "lutra-dialog__footer", children: footer }))] }) }));
+}
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

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

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { Dialog } from './dialog.js';
+export type { DialogProps, DialogSize, DialogInitialFocus } from './dialog.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/dialog/index.js

@@ -0,0 +1,2 @@
+export { Dialog } from './dialog.js';
+//# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

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

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,89 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+import type { ButtonSize, ButtonVariant } from '../button/index.js';
+export interface DropdownProps {
+    /**
+     * The trigger's accessible name. When `icon` is given the trigger is icon-only and this becomes
+     * its `aria-label`; otherwise it is the visible button text.
+     *
+     * Name what the menu acts on — "More actions for Invoice 4471" beats "More actions" when several
+     * triggers share a page.
+     */
+    label: string;
+    /** Renders an icon-only trigger. `label` then names it. */
+    icon?: ReactNode;
+    /** The items. `DropdownItem` and `DropdownSeparator`, or any interactive content. */
+    children: ReactNode;
+    /** Controlled open state. Pair with `onOpenChange`. */
+    open?: boolean;
+    /** Uncontrolled initial state. @default false */
+    defaultOpen?: boolean;
+    /** Called whenever the component wants the open state to change. */
+    onOpenChange?: (open: boolean) => void;
+    /** @default 'secondary' */
+    triggerVariant?: ButtonVariant;
+    /** @default 'md' */
+    triggerSize?: ButtonSize;
+    /** Extra class on the wrapper. */
+    className?: string;
+}
+/**
+ * A disclosure that reveals a panel of actions or links from a button.
+ *
+ * **It is a disclosure, not an ARIA menu, and that is deliberate.** The accessibility annotation is
+ * explicit: the trigger is a button, and the panel is a container of buttons or links depending on
+ * what each item does. No `role="menu"`, no `role="menuitem"`, and no arrow-key roving.
+ *
+ * The reason is that the two models cannot be mixed. A real ARIA menu promises arrow-key navigation
+ * *and* takes Tab away from the items inside it; a half-built one promises navigation that does not
+ * work, which is worse than no role at all. As a disclosure, everything inside keeps its native
+ * semantics and Tab keeps working, which is what the annotation asks for.
+ *
+ * Behaviour:
+ *
+ * - Enter or Space opens, because the trigger is a real button.
+ * - `aria-expanded` reflects the state and `aria-controls` points at the panel.
+ * - Focus moves to the first item on open.
+ * - Tab moves through the items in DOM order and out the other side.
+ * - Escape closes and returns focus to the trigger.
+ * - A pointer press outside closes it, without interfering with what was pressed.
+ * - Focus leaving the component closes it, so a Tab out does not strand an open panel.
+ *
+ * Open state is uncontrolled by default and controllable with `open` + `onOpenChange`, matching the
+ * pattern the form controls already use. There is no state machine beyond that.
+ */
+export declare function Dropdown({ label, icon, children, open: controlledOpen, defaultOpen, onOpenChange, triggerVariant, triggerSize, className, }: DropdownProps): import("react").JSX.Element;
+type NativeButtonItem = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
+type NativeAnchorItem = AnchorHTMLAttributes<HTMLAnchorElement>;
+export interface DropdownItemProps {
+    /** Renders an anchor instead of a button. Items that navigate are links; items that act are not. */
+    href?: string;
+    /** Visual emphasis for a destructive action. */
+    tone?: 'default' | 'danger';
+    /** Leading icon. Decorative — the item's text is its accessible name. */
+    icon?: ReactNode;
+    /** The item's visible text, which is its accessible name. */
+    children: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * One item in a Dropdown panel.
+ *
+ * Renders a `<button>`, or an `<a>` when `href` is given. That is the whole of the semantic
+ * decision, and it follows the annotation: items that navigate are anchors, items that act are
+ * buttons. Neither gets a menu role.
+ *
+ * `disabled` uses whichever real mechanism the element has — the `disabled` attribute on a button,
+ * `aria-disabled` plus a suppressed activation on a link, since an anchor has no disabled attribute
+ * and one that merely looks unavailable but still navigates is a trap.
+ *
+ * `tone="danger"` is a visual cue only. A destructive action still needs its own confirmation step;
+ * colour is not a safeguard.
+ */
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<(DropdownItemProps & (NativeButtonItem | NativeAnchorItem)) & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+/** A visual divider between groups of items. Presentational only. */
+export declare function DropdownSeparator({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/F,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEpE,MAAM,WAAW,aAAa;IAC5B;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qFAAqF;IACrF,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,oBAAoB;IACpB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,cAA4B,EAC5B,WAAkB,EAClB,SAAS,GACV,EAAE,aAAa,+BAmIf;AAED,KAAK,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAC9E,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,+KAgEvB,CAAC;AAEH,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAUtE"}