@nhic/rwds-react 0.0.0-stage → 1.0.0-next.0

package/dist/DeadlineMeter/DeadlineMeter.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { charterMeter } from '@nhic/rwds-i18n';
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/** Working days used against a limit, with what is left or how late. Only the overrun is red. */
+export function DeadlineMeter({ label, used, limit, className }) {
+    const { t } = useMessages();
+    const meter = charterMeter(used, limit);
+    const style = {
+        '--rw-deadline-meter-used': `${String(meter.usedPercent)}%`,
+        '--rw-deadline-meter-limit': `${String(meter.limitPercent)}%`,
+    };
+    return (_jsxs("div", { className: cx('rw-deadline-meter', meter.isOver && 'rw-deadline-meter--over', className), style: style, children: [_jsxs("div", { className: "rw-deadline-meter__header", children: [_jsx("span", { className: "rw-deadline-meter__label", children: label }), _jsx("span", { className: "rw-deadline-meter__status", children: meter.isOver
+                            ? t('workingDays.overdue', meter.due.values)
+                            : t('workingDays.remaining', meter.due.values) })] }), _jsxs("div", { className: "rw-deadline-meter__track", "aria-hidden": "true", children: [_jsx("span", { className: "rw-deadline-meter__used" }), meter.isOver && _jsx("span", { className: "rw-deadline-meter__overrun" }), _jsx("span", { className: "rw-deadline-meter__tick" })] })] }));
+}
+//# sourceMappingURL=DeadlineMeter.js.map

package/dist/DeadlineMeter/DeadlineMeter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeadlineMeter.js","sourceRoot":"","sources":["../../src/DeadlineMeter/DeadlineMeter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAY1C,iGAAiG;AACjG,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAsB;IACjF,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG;QACZ,0BAA0B,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG;QAC3D,2BAA2B,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG;KAC7C,CAAC;IACnB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAM,IAAI,yBAAyB,EAAE,SAAS,CAAC,EACxF,KAAK,EAAE,KAAK,aAEZ,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAQ,EACzD,eAAM,SAAS,EAAC,2BAA2B,YACxC,KAAK,CAAC,MAAM;4BACX,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;4BAC5C,CAAC,CAAC,CAAC,CAAC,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,GAC3C,IACH,EAEN,eAAK,SAAS,EAAC,0BAA0B,iBAAa,MAAM,aAC1D,eAAM,SAAS,EAAC,yBAAyB,GAAG,EAC3C,KAAK,CAAC,MAAM,IAAI,eAAM,SAAS,EAAC,4BAA4B,GAAG,EAChE,eAAM,SAAS,EAAC,yBAAyB,GAAG,IACxC,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/DeadlineMeter/index.d.ts

@@ -0,0 +1,3 @@
+export { DeadlineMeter } from './DeadlineMeter.tsx';
+export type { DeadlineMeterProps } from './DeadlineMeter.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/DeadlineMeter/index.d.ts.map

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

package/dist/DeadlineMeter/index.js

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

package/dist/DeadlineMeter/index.js.map

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

package/dist/DescriptionList/DescriptionList.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export declare const descriptionListColumns: readonly [1, 2, 3, 4];
+export type DescriptionListColumns = (typeof descriptionListColumns)[number];
+export interface DescriptionItem {
+    /** Keeps the item when the list changes. The index unless set. */
+    readonly id?: string;
+    /** The label, such as "Reference". */
+    readonly term: ReactNode;
+    /** The value. Write "None" rather than leaving it empty. */
+    readonly details: ReactNode;
+}
+export interface DescriptionListProps {
+    readonly items: readonly DescriptionItem[];
+    /** Columns on wide screens. Two from the small breakpoint, three or four from the medium. */
+    readonly columns?: DescriptionListColumns;
+    readonly className?: string;
+}
+/** Facts about a record, each a value under its label. */
+export declare function DescriptionList({ items, columns, className, }: DescriptionListProps): ReactNode;
+//# sourceMappingURL=DescriptionList.d.ts.map

package/dist/DescriptionList/DescriptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../src/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,sBAAsB,uBAAwB,CAAC;AAC5D,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7E,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAC3C,6FAA6F;IAC7F,QAAQ,CAAC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAW,EACX,SAAS,GACV,EAAE,oBAAoB,GAAG,SAAS,CAiBlC"}

package/dist/DescriptionList/DescriptionList.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared/classes.js";
+export const descriptionListColumns = [1, 2, 3, 4];
+/** Facts about a record, each a value under its label. */
+export function DescriptionList({ items, columns = 1, className, }) {
+    return (_jsx("dl", { className: cx('rw-description-list', columns > 1 && `rw-description-list--columns-${String(columns)}`, className), children: items.map((item, i) => (_jsxs("div", { className: "rw-description-list__item", children: [_jsx("dt", { className: "rw-description-list__term", children: item.term }), _jsx("dd", { className: "rw-description-list__details", children: item.details })] }, item.id ?? i))) }));
+}
+//# sourceMappingURL=DescriptionList.js.map

package/dist/DescriptionList/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sourceRoot":"","sources":["../../src/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAmB5D,0DAA0D;AAC1D,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,CAAC,EACX,SAAS,GACY;IACrB,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,OAAO,GAAG,CAAC,IAAI,gCAAgC,MAAM,CAAC,OAAO,CAAC,EAAE,EAChE,SAAS,CACV,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAwB,SAAS,EAAC,2BAA2B,aAC3D,aAAI,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,IAAI,GAAM,EAC1D,aAAI,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,OAAO,GAAM,KAFxD,IAAI,CAAC,EAAE,IAAI,CAAC,CAGhB,CACP,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/DescriptionList/index.d.ts

@@ -0,0 +1,3 @@
+export { DescriptionList, descriptionListColumns } from './DescriptionList.tsx';
+export type { DescriptionItem, DescriptionListColumns, DescriptionListProps, } from './DescriptionList.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/DescriptionList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DescriptionList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAChF,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC"}

package/dist/DescriptionList/index.js

@@ -0,0 +1,2 @@
+export { DescriptionList, descriptionListColumns } from "./DescriptionList.js";
+//# sourceMappingURL=index.js.map

package/dist/DescriptionList/index.js.map

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

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import type { ButtonVariant } from '../Button/Button.tsx';
+export declare const dialogSizes: readonly ["sm", "md", "lg"];
+export type DialogSize = (typeof dialogSizes)[number];
+export declare const dialogPlacements: readonly ["center", "start", "end", "bottom"];
+export type DialogPlacement = (typeof dialogPlacements)[number];
+export interface DialogTrigger {
+    readonly label: string;
+    readonly variant?: ButtonVariant;
+}
+export interface DialogProps {
+    /** Names the dialog. */
+    readonly title: ReactNode;
+    readonly children?: ReactNode;
+    /** The buttons at the foot. A `<form method="dialog">` lets them close it with a value. */
+    readonly footer?: ReactNode;
+    /** A button, written before the dialog, that opens it with no script. */
+    readonly trigger?: DialogTrigger;
+    /** Opens or closes the dialog from the page. */
+    readonly isOpen?: boolean;
+    readonly onOpenChange?: (isOpen: boolean) => void;
+    /** Called as it closes, with the value of the button that closed it, or "" for Escape. */
+    readonly onClose?: (returnValue: string) => void;
+    /** 400, 560 or 800 pixels wide. */
+    readonly size?: DialogSize;
+    /** In the middle, as a drawer at the start, as a sheet at the end, or as a bottom sheet. */
+    readonly placement?: DialogPlacement;
+    /** Lets a click on the dimmed page close it. Escape always does. */
+    readonly isDismissable?: boolean;
+    /** The dialog's id, for a button elsewhere, such as the navbar's menu button, to open it. */
+    readonly id?: string;
+    readonly className?: string;
+}
+/**
+ * A native modal dialog, in the middle of the screen or as a side or bottom sheet. It traps
+ * focus, closes on Escape and returns focus with no script.
+ */
+export declare function Dialog({ title, children, footer, trigger, isOpen, onOpenChange, onClose, size, placement, isDismissable, id: givenId, className, }: DialogProps): ReactNode;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1D,eAAO,MAAM,WAAW,6BAA8B,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AACtD,eAAO,MAAM,gBAAgB,+CAAgD,CAAC;AAC9E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;CAClC;AAED,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,2FAA2F;IAC3F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,yEAAyE;IACzE,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IACjC,gDAAgD;IAChD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,0FAA0F;IAC1F,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,mCAAmC;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,4FAA4F;IAC5F,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,CAAC;IACrC,oEAAoE;IACpE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,MAAM,EACN,YAAY,EACZ,OAAO,EACP,IAAW,EACX,SAAoB,EACpB,aAAoB,EACpB,EAAE,EAAE,OAAO,EACX,SAAS,GACV,EAAE,WAAW,GAAG,SAAS,CAqFzB"}

package/dist/Dialog/Dialog.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { XIcon } from '@nhic/rwds-icons/react/x';
+import { useEffect, useId, useRef } from 'react';
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+export const dialogSizes = ['sm', 'md', 'lg'];
+export const dialogPlacements = ['center', 'start', 'end', 'bottom'];
+/**
+ * A native modal dialog, in the middle of the screen or as a side or bottom sheet. It traps
+ * focus, closes on Escape and returns focus with no script.
+ */
+export function Dialog({ title, children, footer, trigger, isOpen, onOpenChange, onClose, size = 'md', placement = 'center', isDismissable = true, id: givenId, className, }) {
+    const { t } = useMessages();
+    const ownId = useId();
+    const id = givenId ?? ownId;
+    const titleId = useId();
+    const dialog = useRef(null);
+    // The latest callbacks, so the listeners never go stale.
+    const callbacks = useRef({ onOpenChange, onClose });
+    callbacks.current = { onOpenChange, onClose };
+    useEffect(() => {
+        const element = dialog.current;
+        if (!element || isOpen === undefined)
+            return;
+        if (isOpen && !element.open)
+            element.showModal();
+        if (!isOpen && element.open)
+            element.close();
+    }, [isOpen]);
+    useEffect(() => {
+        const element = dialog.current;
+        if (!element)
+            return undefined;
+        const onToggle = (event) => {
+            if (event.newState !== 'open')
+                return;
+            // Escape leaves returnValue as it was, so clear the last close's value on each open.
+            element.returnValue = '';
+            callbacks.current.onOpenChange?.(true);
+        };
+        const onClosed = () => {
+            callbacks.current.onClose?.(element.returnValue);
+            callbacks.current.onOpenChange?.(false);
+        };
+        element.addEventListener('toggle', onToggle);
+        element.addEventListener('close', onClosed);
+        return () => {
+            element.removeEventListener('toggle', onToggle);
+            element.removeEventListener('close', onClosed);
+        };
+    }, []);
+    // Attributes React does not know yet: invoker commands and how the dialog may be dismissed.
+    const invoke = { command: 'show-modal', commandfor: id };
+    const closedBy = { closedby: isDismissable ? 'any' : 'closerequest' };
+    return (_jsxs(_Fragment, { children: [_jsxs("dialog", { ref: dialog, id: id, className: cx('rw-dialog', size !== 'md' && `rw-dialog--${size}`, placement !== 'center' && `rw-dialog--${placement}`, className), "aria-labelledby": titleId, ...closedBy, children: [_jsxs("div", { className: "rw-dialog__header", children: [_jsx("h2", { className: "rw-dialog__title", id: titleId, children: title }), _jsx("form", { method: "dialog", className: "rw-dialog__close", children: _jsx("button", { type: "submit", value: "close", className: "rw-button rw-button--secondary rw-button--sm rw-button--icon", "aria-label": t('dialog.close'), children: _jsx(XIcon, { size: "sm" }) }) })] }), children !== undefined && _jsx("div", { className: "rw-dialog__body", children: children }), footer] }), trigger !== undefined && (_jsx("button", { type: "button", className: `rw-button rw-button--${trigger.variant ?? 'secondary'} rw-button--md`, ...invoke, children: trigger.label }))] }));
+}
+//# sourceMappingURL=Dialog.js.map

package/dist/Dialog/Dialog.js.map

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

package/dist/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { Dialog, dialogPlacements, dialogSizes } from './Dialog.tsx';
+export type { DialogPlacement, DialogProps, DialogSize, DialogTrigger } from './Dialog.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/Dialog/index.js

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

package/dist/Dialog/index.js.map

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

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+export declare const dividerOrientations: readonly ["horizontal", "vertical"];
+export type DividerOrientation = (typeof dividerOrientations)[number];
+export interface DividerProps extends HTMLAttributes<HTMLElement> {
+    /** A vertical divider separates items in a row. Defaults to horizontal. */
+    readonly orientation?: DividerOrientation;
+    readonly ref?: Ref<HTMLElement>;
+}
+/** A hairline that separates content. */
+export declare function Divider({ orientation, className, ref, ...rest }: DividerProps): ReactNode;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,eAAO,MAAM,mBAAmB,qCAAsC,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,2EAA2E;IAC3E,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACjC;AAED,yCAAyC;AACzC,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,YAAY,GAAG,SAAS,CAa1B"}

package/dist/Divider/Divider.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../shared/classes.js";
+export const dividerOrientations = ['horizontal', 'vertical'];
+/** A hairline that separates content. */
+export function Divider({ orientation = 'horizontal', className, ref, ...rest }) {
+    if (orientation === 'vertical') {
+        return (_jsx("div", { ...rest, ref: ref, role: "separator", "aria-orientation": "vertical", className: cx('rw-divider', 'rw-divider--vertical', className) }));
+    }
+    return _jsx("hr", { ...rest, ref: ref, className: cx('rw-divider', className) });
+}
+//# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC;AASvE,yCAAyC;AACzC,MAAM,UAAU,OAAO,CAAC,EACtB,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACM;IACb,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,CACL,iBACM,IAAI,EACR,GAAG,EAAE,GAA0B,EAC/B,IAAI,EAAC,WAAW,sBACC,UAAU,EAC3B,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,sBAAsB,EAAE,SAAS,CAAC,GAC9D,CACH,CAAC;IACJ,CAAC;IACD,OAAO,gBAAQ,IAAI,EAAE,GAAG,EAAE,GAAyB,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,GAAI,CAAC;AAClG,CAAC"}

package/dist/Divider/index.d.ts

@@ -0,0 +1,4 @@
+export { Divider } from './Divider.tsx';
+export { dividerOrientations } from './Divider.tsx';
+export type { DividerOrientation, DividerProps } from './Divider.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/Divider/index.js

@@ -0,0 +1,3 @@
+export { Divider } from "./Divider.js";
+export { dividerOrientations } from "./Divider.js";
+//# sourceMappingURL=index.js.map

package/dist/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAe,CAAC"}

package/dist/EmptyState/EmptyState.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export declare const emptyStateHeadingLevels: readonly [2, 3, 4, 5, 6];
+export type EmptyStateHeadingLevel = (typeof emptyStateHeadingLevels)[number];
+export interface EmptyStateProps {
+    /** What is empty, in a few words: "No applications match these filters". */
+    readonly title: ReactNode;
+    /** Why it is empty and what to do next, in one or two sentences. */
+    readonly description?: ReactNode;
+    /** A decorative illustration, such as `<NoResultsIllustration />`. */
+    readonly illustration?: ReactNode;
+    /** Makes the title a heading at this level. Leave it out inside a table or a card. */
+    readonly headingLevel?: EmptyStateHeadingLevel;
+    /** The actions that get people past the empty state, such as Clear filters. */
+    readonly children?: ReactNode;
+    readonly className?: string;
+}
+/** Says why a list, table or page has nothing to show, and what to do next. */
+export declare function EmptyState({ title, description, illustration, headingLevel, children, className, }: EmptyStateProps): ReactNode;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/EmptyState/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,uBAAuB,0BAA2B,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAI9E,MAAM,WAAW,eAAe;IAC9B,4EAA4E;IAC5E,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,sFAAsF;IACtF,QAAQ,CAAC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IAC/C,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,GAAG,SAAS,CAU7B"}

package/dist/EmptyState/EmptyState.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared/classes.js";
+export const emptyStateHeadingLevels = [2, 3, 4, 5, 6];
+const HEADINGS = { 2: 'h2', 3: 'h3', 4: 'h4', 5: 'h5', 6: 'h6' };
+/** Says why a list, table or page has nothing to show, and what to do next. */
+export function EmptyState({ title, description, illustration, headingLevel, children, className, }) {
+    const Title = headingLevel === undefined ? 'p' : HEADINGS[headingLevel];
+    return (_jsxs("div", { className: cx('rw-empty-state', className), children: [illustration, _jsx(Title, { className: "rw-empty-state__title", children: title }), description !== undefined && _jsx("p", { className: "rw-empty-state__text", children: description }), children !== undefined && _jsx("div", { className: "rw-empty-state__actions", children: children })] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAGhE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAW,CAAC;AAgB1E,+EAA+E;AAC/E,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,GACO;IAChB,MAAM,KAAK,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACxE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aAC5C,YAAY,EACb,KAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAS,EACvD,WAAW,KAAK,SAAS,IAAI,YAAG,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAK,EAClF,QAAQ,KAAK,SAAS,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IAChF,CACP,CAAC;AACJ,CAAC"}

package/dist/EmptyState/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState, emptyStateHeadingLevels } from './EmptyState.tsx';
+export type { EmptyStateHeadingLevel, EmptyStateProps } from './EmptyState.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AACvE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/EmptyState/index.js

@@ -0,0 +1,2 @@
+export { EmptyState, emptyStateHeadingLevels } from "./EmptyState.js";
+//# sourceMappingURL=index.js.map

package/dist/EmptyState/index.js.map

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

package/dist/FaqPage/FaqPage.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+export interface FaqGroup {
+    readonly id: string;
+    /** Such as "Import permits". */
+    readonly title: string;
+    readonly questions: readonly {
+        readonly id: string;
+        readonly question: string;
+        readonly answer: ReactNode;
+    }[];
+}
+export interface FaqPageProps {
+    /** Such as "Questions people ask". */
+    readonly title: ReactNode;
+    readonly lead?: ReactNode;
+    readonly groups: readonly FaqGroup[];
+    /** Where to ask what the page does not answer, after the last group. */
+    readonly help?: ReactNode;
+    readonly className?: string;
+}
+/**
+ * Questions people ask, grouped by what they are about beside a list of the groups, each answer
+ * opening under its question.
+ */
+export declare function FaqPage({ title, lead, groups, help, className }: FaqPageProps): ReactNode;
+//# sourceMappingURL=FaqPage.d.ts.map

package/dist/FaqPage/FaqPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaqPage.d.ts","sourceRoot":"","sources":["../../src/FaqPage/FaqPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,EAAE,SAAS;QAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;KAC5B,EAAE,CAAC;CACL;AAED,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,QAAQ,EAAE,CAAC;IACrC,wEAAwE;IACxE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,YAAY,GAAG,SAAS,CAuCzF"}

package/dist/FaqPage/FaqPage.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion } from "../Accordion/Accordion.js";
+import { InPageNav } from "../InPageNav/InPageNav.js";
+import { cx } from "../shared/classes.js";
+/**
+ * Questions people ask, grouped by what they are about beside a list of the groups, each answer
+ * opening under its question.
+ */
+export function FaqPage({ title, lead, groups, help, className }) {
+    return (_jsxs("div", { className: cx('rw-faq-page', className), children: [_jsxs("div", { className: "rw-faq-page__head", children: [_jsx("h1", { className: "rw-faq-page__title", children: title }), lead !== undefined && _jsx("p", { className: "rw-faq-page__lead", children: lead })] }), _jsxs("div", { className: "rw-faq-page__body", children: [groups.length > 1 && (_jsx(InPageNav, { items: groups.map((group) => ({ id: group.id, label: group.title })), className: "rw-faq-page__nav" })), _jsxs("div", { className: "rw-faq-page__groups", children: [groups.map((group) => (_jsxs("section", { id: group.id, className: "rw-faq-page__group", "aria-labelledby": `${group.id}-heading`, children: [_jsx("h2", { className: "rw-faq-page__heading", id: `${group.id}-heading`, children: group.title }), _jsx(Accordion, { items: group.questions.map((item) => ({
+                                            id: item.id,
+                                            title: item.question,
+                                            content: item.answer,
+                                        })) })] }, group.id))), help] })] })] }));
+}
+//# sourceMappingURL=FaqPage.js.map

package/dist/FaqPage/FaqPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaqPage.js","sourceRoot":"","sources":["../../src/FaqPage/FaqPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA4B,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAuB1C;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAgB;IAC5E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,aAC1C,eAAK,SAAS,EAAC,mBAAmB,aAChC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC9C,IAAI,KAAK,SAAS,IAAI,YAAG,SAAS,EAAC,mBAAmB,YAAE,IAAI,GAAK,IAC9D,EACN,eAAK,SAAS,EAAC,mBAAmB,aAC/B,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EACpE,SAAS,EAAC,kBAAkB,GAC5B,CACH,EACD,eAAK,SAAS,EAAC,qBAAqB,aACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,mBAEE,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAC,oBAAoB,qBACb,GAAG,KAAK,CAAC,EAAE,UAAU,aAEtC,aAAI,SAAS,EAAC,sBAAsB,EAAC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,UAAU,YAC3D,KAAK,CAAC,KAAK,GACT,EACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACpC,EAAE,EAAE,IAAI,CAAC,EAAE;4CACX,KAAK,EAAE,IAAI,CAAC,QAAQ;4CACpB,OAAO,EAAE,IAAI,CAAC,MAAM;yCACrB,CAAC,CAAC,GACH,KAdG,KAAK,CAAC,EAAE,CAeL,CACX,CAAC,EACD,IAAI,IACD,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/FaqPage/index.d.ts

@@ -0,0 +1,3 @@
+export { FaqPage } from './FaqPage.tsx';
+export type { FaqGroup, FaqPageProps } from './FaqPage.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/FaqPage/index.d.ts.map

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

package/dist/FaqPage/index.js

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

package/dist/FaqPage/index.js.map

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

package/dist/Field/Field.d.ts

@@ -0,0 +1,34 @@
+import type { DOMAttributes, HTMLAttributes, LabelHTMLAttributes, ReactNode } from 'react';
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Adds "(optional)" in the reader's language. */
+    readonly isOptional?: boolean;
+}
+/** Names a form control. */
+export declare function Label({ isOptional, className, children, ...rest }: LabelProps): ReactNode;
+/** Explains what to enter, under the label. */
+export declare function Hint({ className, ...rest }: HTMLAttributes<HTMLParagraphElement>): ReactNode;
+/** An error paragraph with the given block class; fields and fieldsets share it. */
+export declare function ErrorText({ children, ...rest }: HTMLAttributes<HTMLParagraphElement> & {
+    readonly className: string;
+}): ReactNode;
+/** Says what is wrong and how to fix it. Screen readers hear "Error:" first. */
+export declare function ErrorMessage({ className, ...rest }: HTMLAttributes<HTMLParagraphElement>): ReactNode;
+export interface FieldProps {
+    readonly label: ReactNode;
+    readonly hint?: ReactNode;
+    readonly error?: ReactNode;
+    readonly isOptional?: boolean;
+    /** Props for the label, such as `htmlFor` and `id`, from your control's hook. */
+    readonly labelProps?: DOMAttributes<HTMLLabelElement> & {
+        readonly id?: string | undefined;
+        readonly htmlFor?: string | undefined;
+    };
+    readonly hintProps?: HTMLAttributes<HTMLElement>;
+    readonly errorProps?: HTMLAttributes<HTMLElement>;
+    readonly className?: string | undefined;
+    /** The control. Point its `id` and `aria-describedby` at the ids given in the props. */
+    readonly children?: ReactNode;
+}
+/** Lays out a label, hint and error above a control: the frame every RWDS field uses. */
+export declare function Field({ label, hint, error, isOptional, labelProps, hintProps, errorProps, className, children, }: FieldProps): ReactNode;
+//# sourceMappingURL=Field.d.ts.map

package/dist/Field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3F,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,kDAAkD;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,4BAA4B;AAC5B,wBAAgB,KAAK,CAAC,EAAE,UAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,GAAG,SAAS,CAajG;AAED,+CAA+C;AAC/C,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAE5F;AAED,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAQnF;AAED,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,SAAS,CAElD;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,iFAAiF;IACjF,QAAQ,CAAC,UAAU,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG;QACtD,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KACvC,CAAC;IACF,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,wFAAwF;IACxF,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,yFAAyF;AACzF,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAkB,EAClB,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,GAAG,SAAS,CAWxB"}

package/dist/Field/Field.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { WarningCircleIcon } from '@nhic/rwds-icons/react/warning-circle';
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/** Names a form control. */
+export function Label({ isOptional = false, className, children, ...rest }) {
+    const { t } = useMessages();
+    return (_jsxs("label", { ...rest, className: cx('rw-field__label', className), children: [children, isOptional && (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "rw-field__optional", children: t('field.optional') })] }))] }));
+}
+/** Explains what to enter, under the label. */
+export function Hint({ className, ...rest }) {
+    return _jsx("p", { ...rest, className: cx('rw-field__hint', className) });
+}
+/** An error paragraph with the given block class; fields and fieldsets share it. */
+export function ErrorText({ children, ...rest }) {
+    const { t } = useMessages();
+    return (_jsxs("p", { ...rest, children: [_jsx(WarningCircleIcon, { size: "sm" }), _jsx("span", { className: "rw-visually-hidden", children: t('field.errorPrefix') }), " ", children] }));
+}
+/** Says what is wrong and how to fix it. Screen readers hear "Error:" first. */
+export function ErrorMessage({ className, ...rest }) {
+    return _jsx(ErrorText, { ...rest, className: cx('rw-field__error', className) });
+}
+/** Lays out a label, hint and error above a control: the frame every RWDS field uses. */
+export function Field({ label, hint, error, isOptional = false, labelProps, hintProps, errorProps, className, children, }) {
+    return (_jsxs("div", { className: cx('rw-field', className), children: [_jsx(Label, { ...labelProps, isOptional: isOptional, children: label }), hint != null && _jsx(Hint, { ...hintProps, children: hint }), error != null && _jsx(ErrorMessage, { ...errorProps, children: error }), children] }));
+}
+//# sourceMappingURL=Field.js.map

package/dist/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAO1C,4BAA4B;AAC5B,MAAM,UAAU,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAc;IACpF,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,OAAO,CACL,oBAAW,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACzD,QAAQ,EACR,UAAU,IAAI,CACb,8BACG,GAAG,EACJ,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,gBAAgB,CAAC,GAAQ,IAChE,CACJ,IACK,CACT,CAAC;AACJ,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAwC;IAC/E,OAAO,eAAO,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAI,CAAC;AACrE,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,GAAG,IAAI,EAC+D;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,OAAO,CACL,gBAAO,IAAI,aACT,KAAC,iBAAiB,IAAC,IAAI,EAAC,IAAI,GAAG,EAC/B,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,mBAAmB,CAAC,GAAQ,OAAE,QAAQ,IAC5E,CACL,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,IAAI,EAC8B;IACrC,OAAO,KAAC,SAAS,OAAK,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AAC9E,CAAC;AAmBD,yFAAyF;AACzF,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,GACG;IACX,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aACvC,KAAC,KAAK,OAAK,UAAU,EAAE,UAAU,EAAE,UAAU,YAC1C,KAAK,GACA,EACP,IAAI,IAAI,IAAI,IAAI,KAAC,IAAI,OAAK,SAAS,YAAG,IAAI,GAAQ,EAClD,KAAK,IAAI,IAAI,IAAI,KAAC,YAAY,OAAK,UAAU,YAAG,KAAK,GAAgB,EACrE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/Field/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorMessage, Field, Hint, Label } from './Field.tsx';
+export type { FieldProps, LabelProps } from './Field.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/Field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/Field/index.js

@@ -0,0 +1,2 @@
+export { ErrorMessage, Field, Hint, Label } from "./Field.js";
+//# sourceMappingURL=index.js.map

package/dist/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAa,CAAC"}

package/dist/Fieldset/Fieldset.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface FieldsetProps {
+    /** Names the group, for example "Facility address" or the question a set of radios answers. */
+    readonly legend: ReactNode;
+    readonly hint?: ReactNode;
+    /** Says what is wrong with the group as a whole. */
+    readonly error?: ReactNode;
+    readonly isOptional?: boolean;
+    /** Disables every control inside. */
+    readonly isDisabled?: boolean;
+    readonly className?: string;
+    readonly children?: ReactNode;
+}
+/** Groups related fields under a legend. */
+export declare function Fieldset({ legend, hint, error, isOptional, isDisabled, className, children, }: FieldsetProps): ReactNode;
+//# sourceMappingURL=Fieldset.d.ts.map

package/dist/Fieldset/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,aAAa;IAC5B,+FAA+F;IAC/F,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,qCAAqC;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,4CAA4C;AAC5C,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,GAAG,SAAS,CAkC3B"}

package/dist/Fieldset/Fieldset.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { ErrorText } from "../Field/Field.js";
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/** Groups related fields under a legend. */
+export function Fieldset({ legend, hint, error, isOptional = false, isDisabled = false, className, children, }) {
+    const { t } = useMessages();
+    const hintId = useId();
+    const errorId = useId();
+    const describedBy = [hint != null && hintId, error != null && errorId].filter(Boolean).join(' ') || undefined;
+    return (_jsxs("fieldset", { className: cx(className, 'rw-fieldset'), "aria-describedby": describedBy, disabled: isDisabled || undefined, children: [_jsxs("legend", { className: "rw-fieldset__legend", children: [legend, isOptional && (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "rw-field__optional", children: t('field.optional') })] }))] }), hint != null && (_jsx("p", { id: hintId, className: "rw-fieldset__hint", children: hint })), error != null && (_jsx(ErrorText, { id: errorId, className: "rw-fieldset__error", children: error })), children] }));
+}
+//# sourceMappingURL=Fieldset.js.map

package/dist/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAe1C,4CAA4C;AAC5C,MAAM,UAAU,QAAQ,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,QAAQ,GACM;IACd,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,WAAW,GACf,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,EAAE,KAAK,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;IAC5F,OAAO,CACL,oBACE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,sBACrB,WAAW,EAC7B,QAAQ,EAAE,UAAU,IAAI,SAAS,aAEjC,kBAAQ,SAAS,EAAC,qBAAqB,aACpC,MAAM,EACN,UAAU,IAAI,CACb,8BACG,GAAG,EACJ,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,gBAAgB,CAAC,GAAQ,IAChE,CACJ,IACM,EACR,IAAI,IAAI,IAAI,IAAI,CACf,YAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,mBAAmB,YACzC,IAAI,GACH,CACL,EACA,KAAK,IAAI,IAAI,IAAI,CAChB,KAAC,SAAS,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,oBAAoB,YACnD,KAAK,GACI,CACb,EACA,QAAQ,IACA,CACZ,CAAC;AACJ,CAAC"}

package/dist/Fieldset/index.d.ts

@@ -0,0 +1,3 @@
+export { Fieldset } from './Fieldset.tsx';
+export type { FieldsetProps } from './Fieldset.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/Fieldset/index.d.ts.map

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

package/dist/Fieldset/index.js

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

package/dist/Fieldset/index.js.map

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

package/dist/FileTypeIcon/FileTypeIcon.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface FileTypeIconProps {
+    /** The file's name; its extension sets the kind and the label, such as PDF. */
+    readonly name: string;
+    readonly size?: 'md' | 'lg';
+    readonly className?: string;
+}
+/**
+ * A file's type at a glance: a page with a folded corner and a band in the kind's colour with
+ * the extension. Decorative: the name and type are written beside it.
+ */
+export declare function FileTypeIcon({ name, size, className }: FileTypeIconProps): ReactNode;
+//# sourceMappingURL=FileTypeIcon.d.ts.map

package/dist/FileTypeIcon/FileTypeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTypeIcon.d.ts","sourceRoot":"","sources":["../../src/FileTypeIcon/FileTypeIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,+EAA+E;IAC/E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAwB3F"}