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

package/dist/StepIndicator/StepIndicator.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+export interface Step {
+    readonly label: string;
+    /** Where a finished step can be reopened. Steps not reached yet are never links. */
+    readonly href?: string;
+}
+export interface StepIndicatorProps {
+    /** Names the steps, such as "Application steps". */
+    readonly label: string;
+    readonly steps: readonly Step[];
+    /** The step people are on, counting from 0. Steps before it are done. */
+    readonly current: number;
+    /** `vertical` stacks the steps, for a column beside a form. */
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly className?: string;
+}
+/**
+ * Where people are in a form with steps: done steps with a check, the current one marked, and
+ * the rest to come. Small screens show "Step 2 of 4" and the step's name.
+ */
+export declare function StepIndicator({ label, steps, current, orientation, className, }: StepIndicatorProps): ReactNode;
+//# sourceMappingURL=StepIndicator.d.ts.map

package/dist/StepIndicator/StepIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.d.ts","sourceRoot":"","sources":["../../src/StepIndicator/StepIndicator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IAChC,yEAAyE;IACzE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,+DAA+D;IAC/D,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAA0B,EAC1B,SAAS,GACV,EAAE,kBAAkB,GAAG,SAAS,CAsDhC"}

package/dist/StepIndicator/StepIndicator.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckIcon } from '@nhic/rwds-icons/react/check';
+import { formatNumber, resolveLocale } from '@nhic/rwds-i18n';
+import { useLinkComponent, useLocale, useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/**
+ * Where people are in a form with steps: done steps with a check, the current one marked, and
+ * the rest to come. Small screens show "Step 2 of 4" and the step's name.
+ */
+export function StepIndicator({ label, steps, current, orientation = 'horizontal', className, }) {
+    const { t } = useMessages();
+    const locale = resolveLocale(useLocale());
+    const Link = useLinkComponent();
+    const at = Math.min(Math.max(Math.floor(current), 0), Math.max(steps.length - 1, 0));
+    return (_jsxs("nav", { className: cx('rw-step-indicator', orientation === 'vertical' && 'rw-step-indicator--vertical', className), "aria-label": label, children: [_jsxs("p", { className: "rw-step-indicator__summary", children: [t('stepIndicator.summary', { current: at + 1, total: steps.length }), ' ', _jsx("strong", { children: steps[at]?.label })] }), _jsx("ol", { className: "rw-step-indicator__list", children: steps.map((step, i) => {
+                    const isDone = i < at;
+                    const isCurrent = i === at;
+                    const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: "rw-step-indicator__marker", children: isDone ? _jsx(CheckIcon, { size: "sm" }) : formatNumber(i + 1, locale) }), _jsx("span", { className: "rw-step-indicator__label", children: step.label }), isDone && _jsx("span", { className: "rw-visually-hidden", children: t('stepIndicator.done') })] }));
+                    return (_jsx("li", { className: cx('rw-step-indicator__step', isDone && 'rw-step-indicator__step--done', isCurrent && 'rw-step-indicator__step--current'), ...(isCurrent && { 'aria-current': 'step' }), children: isDone && step.href !== undefined ? (_jsx(Link, { href: step.href, className: "rw-step-indicator__link", children: content })) : (_jsx("span", { className: "rw-step-indicator__item", children: content })) }, `${step.label}-${String(i)}`));
+                }) })] }));
+}
+//# sourceMappingURL=StepIndicator.js.map

package/dist/StepIndicator/StepIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepIndicator.js","sourceRoot":"","sources":["../../src/StepIndicator/StepIndicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAmB1C;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,GAAG,YAAY,EAC1B,SAAS,GACU;IACnB,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,MAAM,GAAG,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACrF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,WAAW,KAAK,UAAU,IAAI,6BAA6B,EAC3D,SAAS,CACV,gBACW,KAAK,aAEjB,aAAG,SAAS,EAAC,4BAA4B,aACtC,CAAC,CAAC,uBAAuB,EAAE,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,EAC1E,2BAAS,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,GAAU,IACjC,EACJ,aAAI,SAAS,EAAC,yBAAyB,YACpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oBACrB,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC;oBACtB,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3B,MAAM,OAAO,GAAG,CACd,8BACE,eAAM,SAAS,EAAC,2BAA2B,YACxC,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAC1D,EACP,eAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC7D,MAAM,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,oBAAoB,CAAC,GAAQ,IAC/E,CACJ,CAAC;oBACF,OAAO,CACL,aAEE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,MAAM,IAAI,+BAA+B,EACzC,SAAS,IAAI,kCAAkC,CAChD,KACG,CAAC,SAAS,IAAI,EAAE,cAAc,EAAE,MAAe,EAAE,CAAC,YAErD,MAAM,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACnC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,yBAAyB,YACvD,OAAO,GACH,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAQ,CAC3D,IAdI,GAAG,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAe9B,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/StepIndicator/index.d.ts

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

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

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

package/dist/StepIndicator/index.js

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

package/dist/StepIndicator/index.js.map

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

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+export interface SwitchProps {
+    /** The label: what is turned on or off. */
+    readonly children: ReactNode;
+    readonly isSelected?: boolean;
+    readonly defaultSelected?: boolean;
+    readonly onChange?: (isSelected: boolean) => void;
+    readonly isDisabled?: boolean;
+    readonly name?: string;
+    readonly value?: string;
+    readonly id?: string;
+    readonly className?: string;
+}
+/** Turns a setting on or off straight away, without a submit step. */
+export declare function Switch({ children, isSelected, defaultSelected, onChange, isDisabled, name, value, id, className, }: SwitchProps): ReactNode;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,WAAW;IAC1B,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,sEAAsE;AACtE,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,EACV,eAAuB,EACvB,QAAQ,EACR,UAAkB,EAClB,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,GACV,EAAE,WAAW,GAAG,SAAS,CAwBzB"}

package/dist/Switch/Switch.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControlledState } from '@react-stately/utils';
+import { useId } from 'react';
+import { cx } from "../shared/classes.js";
+/** Turns a setting on or off straight away, without a submit step. */
+export function Switch({ children, isSelected, defaultSelected = false, onChange, isDisabled = false, name, value, id, className, }) {
+    const [selected, setSelected] = useControlledState(isSelected, defaultSelected, onChange);
+    const ownId = useId();
+    const inputId = id ?? ownId;
+    return (_jsxs("div", { className: cx('rw-switch', className), children: [_jsx("input", { className: "rw-switch__input", type: "checkbox", role: "switch", id: inputId, name: name, value: value, checked: selected, onChange: (event) => {
+                    setSelected(event.target.checked);
+                }, disabled: isDisabled }), _jsx("label", { className: "rw-switch__label", htmlFor: inputId, children: children })] }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAe1C,sEAAsE;AACtE,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,GACG;IACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,kBAAkB,CAAC,UAAU,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IAC1F,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IACtB,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,CAAC;IAC5B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACxC,gBACE,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBACpC,CAAC,EACD,QAAQ,EAAE,UAAU,GACpB,EACF,gBAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,OAAO,YACjD,QAAQ,GACH,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/Switch/index.d.ts

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

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

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

package/dist/Switch/index.js

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

package/dist/Switch/index.js.map

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

package/dist/TabNav/TabNav.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { StatusTone } from '../StatusPill/StatusPill.tsx';
+export interface TabNavItem {
+    readonly label: string;
+    readonly href: string;
+    /** How many items the view holds, shown beside the label. */
+    readonly count?: number;
+    /** The count's colour; neutral unless set. */
+    readonly countTone?: StatusTone;
+    /** Needs attention: the count turns solid (critical unless `countTone` is set), or a tab with no count shows a dot. Read out as "Needs attention". */
+    readonly hasAttention?: boolean;
+    /** The view or page shown now. */
+    readonly isCurrent?: boolean;
+}
+export interface TabNavProps {
+    /** Names the navigation, such as "Saved views". */
+    readonly label: string;
+    readonly items: readonly TabNavItem[];
+    readonly className?: string;
+}
+/** Tabs that are links, such as saved views of a list or the sections of a record. */
+export declare function TabNav({ label, items, className }: TabNavProps): ReactNode;
+//# sourceMappingURL=TabNav.d.ts.map

package/dist/TabNav/TabNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../src/TabNav/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IAChC,sJAAsJ;IACtJ,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,kCAAkC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW;IAC1B,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,sFAAsF;AACtF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,GAAG,SAAS,CAyB1E"}

package/dist/TabNav/TabNav.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLinkComponent } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+import { CountMarks } from "../shared/count-marks.js";
+/** Tabs that are links, such as saved views of a list or the sections of a record. */
+export function TabNav({ label, items, className }) {
+    const Link = useLinkComponent();
+    return (_jsx("nav", { className: cx('rw-tab-nav', className), "aria-label": label, children: _jsx("ul", { className: "rw-tab-nav__list", children: items.map((item) => (_jsx("li", { children: _jsxs(Link, { href: item.href, className: "rw-tab-nav__link", ...(item.isCurrent === true && { 'aria-current': 'page' }), children: [item.label, _jsx(CountMarks, { count: item.count, countTone: item.countTone, hasAttention: item.hasAttention, dotClassName: "rw-tab-nav__dot" })] }) }, item.href))) }) }));
+}
+//# sourceMappingURL=TabNav.js.map

package/dist/TabNav/TabNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.js","sourceRoot":"","sources":["../../src/TabNav/TabNav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA2B,CAAC;AAsBvD,sFAAsF;AACtF,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAe;IAC7D,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,gBAAc,KAAK,YAC5D,aAAI,SAAS,EAAC,kBAAkB,YAC7B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBACE,MAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAC,kBAAkB,KACxB,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,cAAc,EAAE,MAAe,EAAE,CAAC,aAEnE,IAAI,CAAC,KAAK,EACX,KAAC,UAAU,IACT,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,YAAY,EAAC,iBAAiB,GAC9B,IACG,IAbA,IAAI,CAAC,IAAI,CAcb,CACN,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/TabNav/index.d.ts

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

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

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

package/dist/TabNav/index.js

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

package/dist/TabNav/index.js.map

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

package/dist/Tabs/Tabs.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import type { StatusTone } from '../StatusPill/StatusPill.tsx';
+export interface TabItem {
+    /** The panel's id, unique on the page; the tab's id adds "-tab". */
+    readonly id: string;
+    readonly label: string;
+    /** How many items the panel holds, shown beside the label. */
+    readonly count?: number;
+    /** The count's colour; neutral unless set. */
+    readonly countTone?: StatusTone;
+    /** Needs attention: the count turns solid (critical unless `countTone` is set), or a tab with no count shows a dot. Read out as "Needs attention". */
+    readonly hasAttention?: boolean;
+    readonly content: ReactNode;
+}
+export interface TabsProps {
+    /** Names the row of tabs, such as "Application". */
+    readonly label: string;
+    readonly items: readonly TabItem[];
+    /** The tab shown, when the page decides. */
+    readonly selectedId?: string;
+    /** The tab shown first, when the tabs decide. */
+    readonly defaultSelectedId?: string;
+    readonly onSelectionChange?: (id: string) => void;
+    readonly className?: string;
+}
+/**
+ * Panels of related content, one shown at a time. The arrow keys move between tabs, Home and
+ * End jump to the ends, and Tab moves into the panel.
+ */
+export declare function Tabs({ label, items, selectedId, defaultSelectedId, onSelectionChange, className, }: TabsProps): ReactNode;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,MAAM,WAAW,OAAO;IACtB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IAChC,sJAAsJ;IACtJ,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,SAAS;IACxB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IACnC,4CAA4C;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,iDAAiD;IACjD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,GACV,EAAE,SAAS,GAAG,SAAS,CAuEvB"}

package/dist/Tabs/Tabs.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { rovingIndex } from '@nhic/rwds-i18n';
+import { useRef, useState } from 'react';
+import { cx } from "../shared/classes.js";
+import { CountMarks } from "../shared/count-marks.js";
+/**
+ * Panels of related content, one shown at a time. The arrow keys move between tabs, Home and
+ * End jump to the ends, and Tab moves into the panel.
+ */
+export function Tabs({ label, items, selectedId, defaultSelectedId, onSelectionChange, className, }) {
+    const [ownSelected, setOwnSelected] = useState(defaultSelectedId ?? items[0]?.id);
+    const selected = selectedId ?? ownSelected;
+    const tabs = useRef([]);
+    const select = (id) => {
+        setOwnSelected(id);
+        onSelectionChange?.(id);
+    };
+    const onKeyDown = (event, index) => {
+        const next = rovingIndex(event.key, index, items.length);
+        const item = next === undefined ? undefined : items[next];
+        if (next === undefined || !item)
+            return;
+        event.preventDefault();
+        tabs.current[next]?.focus();
+        select(item.id);
+    };
+    return (_jsxs("div", { className: cx('rw-tabs', className), children: [_jsx("div", { className: "rw-tabs__list", role: "tablist", "aria-label": label, children: items.map((item, i) => {
+                    const isSelected = item.id === selected;
+                    return (_jsxs("button", { ref: (button) => {
+                            tabs.current[i] = button;
+                        }, type: "button", role: "tab", id: `${item.id}-tab`, className: "rw-tabs__tab", "aria-selected": isSelected, "aria-controls": item.id, tabIndex: isSelected ? 0 : -1, onClick: () => {
+                            select(item.id);
+                        }, onKeyDown: (event) => {
+                            onKeyDown(event, i);
+                        }, children: [item.label, _jsx(CountMarks, { count: item.count, countTone: item.countTone, hasAttention: item.hasAttention, dotClassName: "rw-tabs__dot" })] }, item.id));
+                }) }), items.map((item) => (_jsx("section", { id: item.id, className: "rw-tabs__panel", role: "tabpanel", "aria-labelledby": `${item.id}-tab`, 
+                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- the tab pattern lets Tab reach a panel that starts with text
+                tabIndex: 0, hidden: item.id !== selected, children: item.content }, item.id)))] }));
+}
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

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

package/dist/Tabs/index.d.ts

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

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

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

package/dist/Tabs/index.js

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

package/dist/Tabs/index.js.map

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

package/dist/Tabs/tab-marks.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { StatusTone } from '../StatusPill/StatusPill.tsx';
+export interface TabMarksProps {
+    readonly count: number | undefined;
+    readonly countTone: StatusTone | undefined;
+    readonly hasAttention: boolean | undefined;
+    /** The dot's class, such as `rw-tabs__dot`. */
+    readonly dotClassName: string;
+}
+/**
+ * What follows a tab's label. A count that needs attention turns solid, critical unless a tone
+ * is set, so the colour says it at once; a tab with no count shows a dot instead.
+ */
+export declare function TabMarks({ count, countTone, hasAttention, dotClassName, }: TabMarksProps): ReactNode;
+//# sourceMappingURL=tab-marks.d.ts.map

package/dist/Tabs/tab-marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-marks.d.ts","sourceRoot":"","sources":["../../src/Tabs/tab-marks.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C,+CAA+C;IAC/C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,GACb,EAAE,aAAa,GAAG,SAAS,CAgB3B"}

package/dist/Tabs/tab-marks.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CountBadge } from "../CountBadge/CountBadge.js";
+import { useMessages } from "../providers/index.js";
+/**
+ * What follows a tab's label. A count that needs attention turns solid, critical unless a tone
+ * is set, so the colour says it at once; a tab with no count shows a dot instead.
+ */
+export function TabMarks({ count, countTone, hasAttention, dotClassName, }) {
+    const { t } = useMessages();
+    const isUrgent = hasAttention === true;
+    return (_jsxs(_Fragment, { children: [count !== undefined && (_jsx(CountBadge, { count: count, tone: countTone ?? (isUrgent ? 'critical' : 'neutral'), isStrong: isUrgent })), isUrgent && count === undefined && _jsx("span", { className: dotClassName }), isUrgent && _jsx("span", { className: "rw-visually-hidden", children: t('tabs.attention') })] }));
+}
+//# sourceMappingURL=tab-marks.js.map

package/dist/Tabs/tab-marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-marks.js","sourceRoot":"","sources":["../../src/Tabs/tab-marks.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAWpD;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,GACE;IACd,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,CAAC;IACvC,OAAO,CACL,8BACG,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EACtD,QAAQ,EAAE,QAAQ,GAClB,CACH,EACA,QAAQ,IAAI,KAAK,KAAK,SAAS,IAAI,eAAM,SAAS,EAAE,YAAY,GAAI,EACpE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,gBAAgB,CAAC,GAAQ,IAC7E,CACJ,CAAC;AACJ,CAAC"}

package/dist/Tag/Tag.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface TagProps {
+    /** The word that classifies the record, such as "Imported" or "Cold chain". */
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+/** A word that classifies a record. To let people remove tags, use `TagGroup`. */
+export declare function Tag({ children, className }: TagProps): ReactNode;
+//# sourceMappingURL=Tag.d.ts.map

package/dist/Tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,QAAQ;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,kFAAkF;AAClF,wBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,GAAG,SAAS,CAEhE"}

package/dist/Tag/Tag.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../shared/classes.js";
+/** A word that classifies a record. To let people remove tags, use `TagGroup`. */
+export function Tag({ children, className }) {
+    return _jsx("span", { className: cx('rw-tag', className), children: children });
+}
+//# sourceMappingURL=Tag.js.map

package/dist/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAQ1C,kFAAkF;AAClF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAY;IACnD,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAQ,CAAC;AACrE,CAAC"}

package/dist/Tag/index.d.ts

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

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

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

package/dist/Tag/index.js

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

package/dist/Tag/index.js.map

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

package/dist/TagGroup/TagGroup.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+export interface TagItem {
+    /** Unique within the group; what a remove button submits without JavaScript. */
+    readonly id: string;
+    readonly label: string;
+}
+export interface TagGroupProps {
+    /** Names the group, such as "Applied filters". */
+    readonly label: string;
+    /** Shows the label before the tags; otherwise only screen readers hear it. */
+    readonly isLabelVisible?: boolean;
+    readonly items: readonly TagItem[];
+    /** Makes each tag removable. */
+    readonly onRemove?: (id: string) => void;
+    /** Adds a "Clear all" button after removable tags. */
+    readonly onClear?: () => void;
+    /**
+     * Makes remove buttons submit buttons named `name` with the tag's id as value, so a form
+     * without JavaScript removes the tag on the server. With JavaScript they still call `onRemove`.
+     */
+    readonly name?: string;
+    readonly isDisabled?: boolean;
+    readonly className?: string;
+}
+/** Tags that name what applies, such as chosen filters or keywords, each removable. */
+export declare function TagGroup({ label, isLabelVisible, items, onRemove, onClear, name, isDisabled, className, }: TagGroupProps): ReactNode;
+//# sourceMappingURL=TagGroup.d.ts.map

package/dist/TagGroup/TagGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../src/TagGroup/TagGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,OAAO;IACtB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IACnC,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,sDAAsD;IACtD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,cAAqB,EACrB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAkB,EAClB,SAAS,GACV,EAAE,aAAa,GAAG,SAAS,CAuF3B"}

package/dist/TagGroup/TagGroup.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XIcon } from '@nhic/rwds-icons/react/x';
+import { useEffect, useId, useRef, useState } from 'react';
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/** Tags that name what applies, such as chosen filters or keywords, each removable. */
+export function TagGroup({ label, isLabelVisible = true, items, onRemove, onClear, name, isDisabled = false, className, }) {
+    const { t } = useMessages();
+    const labelId = `${useId()}-label`;
+    const groupRef = useRef(null);
+    const removeRefs = useRef(new Map());
+    // After a removal, the tag to focus next: an id, or null for the group itself.
+    const focusAfter = useRef(undefined);
+    const [announcement, setAnnouncement] = useState('');
+    const removable = onRemove !== undefined;
+    useEffect(() => {
+        const target = focusAfter.current;
+        if (target === undefined)
+            return;
+        focusAfter.current = undefined;
+        const next = target === null ? undefined : removeRefs.current.get(target);
+        (next ?? groupRef.current)?.focus();
+    }, [items]);
+    const remove = (item) => {
+        const index = items.findIndex((candidate) => candidate.id === item.id);
+        focusAfter.current = items[index + 1]?.id ?? items[index - 1]?.id ?? null;
+        setAnnouncement(t('tagGroup.removed', { label: item.label }));
+        onRemove?.(item.id);
+    };
+    return (_jsxs("div", { ref: groupRef, className: cx('rw-tag-group', className), role: "group", "aria-labelledby": labelId, tabIndex: -1, children: [_jsx("span", { id: labelId, className: cx('rw-tag-group__label', !isLabelVisible && 'rw-visually-hidden'), children: label }), items.length > 0 && (_jsx("ul", { className: "rw-tag-group__list", "aria-labelledby": labelId, children: items.map((item) => (_jsxs("li", { className: "rw-tag", children: [item.label, removable && (_jsx("button", { ref: (element) => {
+                                if (element)
+                                    removeRefs.current.set(item.id, element);
+                                else
+                                    removeRefs.current.delete(item.id);
+                            }, type: name === undefined ? 'button' : 'submit', name: name, value: name === undefined ? undefined : item.id, className: "rw-tag__remove", "aria-label": t('tagGroup.remove', { label: item.label }), disabled: isDisabled, onClick: (event) => {
+                                event.preventDefault();
+                                remove(item);
+                            }, children: _jsx(XIcon, { size: "sm" }) }))] }, item.id))) })), removable && onClear !== undefined && items.length > 0 && (_jsx("button", { type: "button", className: "rw-button rw-button--link rw-tag-group__clear", disabled: isDisabled, onClick: () => {
+                    focusAfter.current = null;
+                    setAnnouncement(t('tagGroup.cleared'));
+                    onClear();
+                }, children: t('tagGroup.clearAll') })), _jsx("p", { className: "rw-visually-hidden", "aria-live": "polite", children: announcement })] }));
+}
+//# sourceMappingURL=TagGroup.js.map

package/dist/TagGroup/TagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../src/TagGroup/TagGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AA2B1C,uFAAuF;AACvF,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,SAAS,GACK;IACd,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,GAAG,KAAK,EAAE,QAAQ,CAAC;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,EAA6B,CAAC,CAAC;IAChE,+EAA+E;IAC/E,MAAM,UAAU,GAAG,MAAM,CAA4B,SAAS,CAAC,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,QAAQ,KAAK,SAAS,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC;QAClC,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QACjC,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,MAAM,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1E,CAAC,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,MAAM,GAAG,CAAC,IAAa,EAAQ,EAAE;QACrC,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QACvE,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC;QAC1E,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC9D,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,IAAI,EAAC,OAAO,qBACK,OAAO,EACxB,QAAQ,EAAE,CAAC,CAAC,aAEZ,eACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,cAAc,IAAI,oBAAoB,CAAC,YAE5E,KAAK,GACD,EACN,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,aAAI,SAAS,EAAC,oBAAoB,qBAAkB,OAAO,YACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,cAAkB,SAAS,EAAC,QAAQ,aACjC,IAAI,CAAC,KAAK,EACV,SAAS,IAAI,CACZ,iBACE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;gCACf,IAAI,OAAO;oCAAE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;;oCACjD,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;4BAC1C,CAAC,EACD,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAC9C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAC/C,SAAS,EAAC,gBAAgB,gBACd,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EACvD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gCACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,MAAM,CAAC,IAAI,CAAC,CAAC;4BACf,CAAC,YAED,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACV,KArBM,IAAI,CAAC,EAAE,CAsBX,CACN,CAAC,GACC,CACN,EACA,SAAS,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACzD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+CAA+C,EACzD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC1B,eAAe,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;oBACvC,OAAO,EAAE,CAAC;gBACZ,CAAC,YAEA,CAAC,CAAC,mBAAmB,CAAC,GAChB,CACV,EACD,YAAG,SAAS,EAAC,oBAAoB,eAAW,QAAQ,YACjD,YAAY,GACX,IACA,CACP,CAAC;AACJ,CAAC"}

package/dist/TagGroup/index.d.ts

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

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

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

package/dist/TagGroup/index.js

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

package/dist/TagGroup/index.js.map

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

package/dist/TextArea/TextArea.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode, Ref } from 'react';
+import type { TextInputProps } from '../TextField/TextField.tsx';
+export interface TextAreaProps extends TextInputProps {
+    /** Visible lines before it scrolls. People can drag it taller. */
+    readonly rows?: number;
+    readonly ref?: Ref<HTMLTextAreaElement>;
+}
+/** A text input for answers of more than one line. */
+export declare function TextArea(props: TextAreaProps): ReactNode;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/TextArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,kEAAkE;IAClE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACzC;AAED,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CA6BxD"}

package/dist/TextArea/TextArea.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useObjectRef, useTextField } from 'react-aria';
+import { Field } from "../Field/Field.js";
+import { textInputOptions, useCountedValue, useFieldDescription } from "../TextField/TextField.js";
+/** A text input for answers of more than one line. */
+export function TextArea(props) {
+    const ref = useObjectRef(props.ref);
+    const { valueOptions, countId, count } = useCountedValue(props);
+    const { hintProps, errorProps, describedBy } = useFieldDescription(props, countId);
+    const { labelProps, inputProps } = useTextField({ ...textInputOptions(props), ...valueOptions, inputElementType: 'textarea' }, ref);
+    return (_jsxs(Field, { label: props.label, hint: props.hint, error: props.error, isOptional: props.isOptional === true, labelProps: labelProps, hintProps: hintProps, errorProps: errorProps, className: props.className, children: [_jsx("textarea", { ...inputProps, "aria-describedby": describedBy, ref: ref, rows: props.rows ?? 4, className: "rw-input rw-input--multiline" }), count] }));
+}
+//# sourceMappingURL=TextArea.js.map

package/dist/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,2BAA4B,CAAC;AASpG,sDAAsD;AACtD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,GAAG,GAAG,YAAY,CAAsB,KAAK,CAAC,GAAG,CAAC,CAAC;IACzD,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnF,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,YAAY,CAC7C,EAAE,GAAG,gBAAgB,CAAa,KAAK,CAAC,EAAE,GAAG,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,EACzF,GAAG,CACJ,CAAC;IACF,OAAO,CACL,MAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACrC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,aAE1B,sBACM,UAAU,sBACI,WAAW,EAC7B,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,SAAS,EAAC,8BAA8B,GACxC,EACD,KAAK,IACA,CACT,CAAC;AACJ,CAAC"}

package/dist/TextArea/index.d.ts

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

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

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

package/dist/TextArea/index.js

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

package/dist/TextArea/index.js.map

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