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

package/dist/Menu/Menu.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CaretDownIcon } from '@nhic/rwds-icons/react/caret-down';
+import { useLayoutEffect, useRef } from 'react';
+import { useButton, useFocusWithin, useInteractOutside, useMenu, useMenuItem, useMenuSection, useMenuTrigger, useSeparator, } from 'react-aria';
+import { Item, Section, useMenuTriggerState, useTreeState } from 'react-stately';
+import { useLinkComponent } from "../providers/index.js";
+import { anchorPopover } from "../shared/anchor-popover.js";
+import { cx } from "../shared/classes.js";
+import { defined } from "../shared/dev.js";
+const isSection = (entry) => 'items' in entry;
+const itemsOf = (entries) => entries.flatMap((entry) => (isSection(entry) ? [...entry.items] : [entry]));
+/**
+ * Keeps an open menu's popover next to its trigger, closes it on a click outside, Escape or
+ * when focus leaves it, and returns focus to the trigger when it closes from inside.
+ * Spread the returned props on the popover.
+ */
+export function useMenuPopover(state, triggerRef, popoverRef) {
+    useLayoutEffect(() => {
+        const trigger = triggerRef.current;
+        const popover = popoverRef.current;
+        if (!state.isOpen || !trigger || !popover)
+            return undefined;
+        return anchorPopover(trigger, popover);
+    }, [state.isOpen, triggerRef, popoverRef]);
+    useInteractOutside({
+        ref: popoverRef,
+        isDisabled: !state.isOpen,
+        onInteractOutside: (event) => {
+            if (event.target instanceof Node && triggerRef.current?.contains(event.target))
+                return;
+            state.close();
+        },
+    });
+    const { focusWithinProps } = useFocusWithin({
+        onBlurWithin: (event) => {
+            const next = event.relatedTarget;
+            if (next instanceof Node && triggerRef.current?.contains(next))
+                return;
+            state.close();
+        },
+    });
+    const wasOpen = useRef(false);
+    useLayoutEffect(() => {
+        if (wasOpen.current && !state.isOpen) {
+            const active = document.activeElement;
+            if (!active || active === document.body || popoverRef.current?.contains(active))
+                triggerRef.current?.focus();
+        }
+        wasOpen.current = state.isOpen;
+    }, [state.isOpen, triggerRef, popoverRef]);
+    return {
+        ...focusWithinProps,
+        onKeyDown: (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.stopPropagation();
+            state.close();
+        },
+    };
+}
+/** A button that opens a list of actions or links. */
+export function MenuButton({ label, items, onAction, variant = 'secondary', size = 'md', isDisabled = false, className, }) {
+    const state = useMenuTriggerState({});
+    const triggerRef = useRef(null);
+    const popoverRef = useRef(null);
+    const { menuTriggerProps, menuProps } = useMenuTrigger({ isDisabled }, state, triggerRef);
+    const popoverProps = useMenuPopover(state, triggerRef, popoverRef);
+    const { buttonProps } = useButton({ ...menuTriggerProps, isDisabled }, triggerRef);
+    return (_jsxs("div", { className: cx('rw-menu', className), children: [_jsxs("button", { ...buttonProps, ref: triggerRef, className: cx('rw-button', `rw-button--${variant}`, `rw-button--${size}`), children: [label, _jsx(CaretDownIcon, { size: size })] }), _jsx("div", { ...popoverProps, ref: popoverRef, className: "rw-popover rw-menu__popover", popover: "manual", children: state.isOpen && (_jsx(MenuList, { ...menuProps, items: items, onAction: (key) => {
+                        const item = itemsOf(items).find((entry) => entry.id === String(key));
+                        if (item && !item.href)
+                            onAction?.(item.id);
+                    }, onClose: () => {
+                        state.close();
+                    } })) })] }));
+}
+const itemElement = (item) => (_jsx(Item, { ...(item.href !== undefined && { href: item.href }), children: item.label }, item.id));
+function MenuList({ items, onAction, onClose, ...aria }) {
+    const disabledKeys = itemsOf(items)
+        .filter((item) => item.isDisabled)
+        .map((item) => item.id);
+    const state = useTreeState({
+        children: items.map((entry) => isSection(entry) ? (_jsx(Section, { ...(entry.title !== undefined && { title: entry.title }), children: entry.items.map(itemElement) }, entry.id)) : (itemElement(entry))),
+        disabledKeys,
+    });
+    const ref = useRef(null);
+    const { menuProps } = useMenu({ ...defined(aria), onAction, onClose }, state, ref);
+    return (_jsx("div", { ...menuProps, ref: ref, className: "rw-menu__list", children: [...state.collection].map((node, index) => node.type === 'section' ? (_jsx(MenuSectionView, { section: node, state: state, isFirst: index === 0 }, node.key)) : (_jsx(MenuItemView, { item: node, state: state }, node.key))) }));
+}
+function MenuSectionView({ section, state, isFirst, }) {
+    const { itemProps, headingProps, groupProps } = useMenuSection({
+        heading: section.rendered,
+        ...defined({ 'aria-label': section['aria-label'] }),
+    });
+    const { separatorProps } = useSeparator({ elementType: 'div' });
+    return (_jsxs(_Fragment, { children: [!isFirst && _jsx("div", { ...separatorProps, className: "rw-menu__separator" }), _jsxs("div", { ...itemProps, children: [section.rendered && (_jsx("div", { ...headingProps, className: "rw-menu__group-label", children: section.rendered })), _jsx("div", { ...groupProps, children: [...section.childNodes].map((node) => (_jsx(MenuItemView, { item: node, state: state }, node.key))) })] })] }));
+}
+function MenuItemView({ item, state, }) {
+    const ref = useRef(null);
+    const Link = useLinkComponent();
+    // onAction and onClose reach items through useMenu; passing them here would run them twice.
+    const { menuItemProps } = useMenuItem({ key: item.key }, state, ref);
+    const href = item.props?.href;
+    const props = { ...menuItemProps, 'aria-labelledby': undefined, 'aria-describedby': undefined };
+    return href === undefined ? (_jsx("div", { ...props, ref: ref, className: "rw-menu__item", children: item.rendered })) : (_jsx(Link, { ...props, href: href, ref: ref, className: "rw-menu__item", children: item.rendered }));
+}
+//# sourceMappingURL=Menu.js.map

package/dist/Menu/Menu.js.map

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

package/dist/Menu/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuButton, useMenuPopover } from './Menu.tsx';
+export type { MenuButtonProps, MenuEntry, MenuItemData, MenuSectionData } from './Menu.tsx';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/Menu/index.js

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

package/dist/Menu/index.js.map

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

package/dist/MenuButton/MenuButton.d.ts

@@ -0,0 +1,67 @@
+import type { IconComponent } from '@nhic/rwds-icons/react';
+import type { HTMLAttributes, Key, ReactNode, RefObject } from 'react';
+import type { MenuTriggerState } from 'react-stately';
+import type { ButtonSize, ButtonVariant } from '../Button/Button.tsx';
+import type { PopoverAnchor } from '../shared/anchor-popover.ts';
+export interface MenuItemData {
+    readonly id: string;
+    readonly label: string;
+    /** Makes the item a link. */
+    readonly href?: string;
+    /** Shown before the words, such as a pencil for Edit. */
+    readonly icon?: IconComponent;
+    readonly isDisabled?: boolean;
+}
+export interface MenuSectionData {
+    readonly id: string;
+    /** A heading for the section. Sections are separated by a line either way. */
+    readonly title?: string;
+    readonly items: readonly MenuItemData[];
+}
+export type MenuEntry = MenuItemData | MenuSectionData;
+export interface MenuButtonProps {
+    /** The trigger's text. */
+    readonly label: ReactNode;
+    /** An icon drawn before the label, inside the button. */
+    readonly icon?: IconComponent;
+    readonly items: readonly MenuEntry[];
+    /** Called with the id of the chosen item. Links navigate instead. */
+    readonly onAction?: (id: string) => void;
+    readonly variant?: ButtonVariant;
+    readonly size?: ButtonSize;
+    readonly isDisabled?: boolean;
+    /** Shows only the caret, with `label` as the button's accessible name. */
+    readonly isIconOnly?: boolean;
+    /** Extra classes for the button, for components built on MenuButton. */
+    readonly triggerClassName?: string;
+    readonly className?: string;
+}
+export interface MenuPopoverOptions {
+    /** The element whose focus or clicks belong with the menu: the button, or the target. */
+    readonly ownerRef: RefObject<HTMLElement | null>;
+    readonly popoverRef: RefObject<HTMLElement | null>;
+    /** What the menu opens next to; the owner when not given. */
+    readonly anchor?: () => PopoverAnchor | null;
+    /** Where focus goes when the menu closes from inside; the owner when not given. */
+    readonly returnFocusTo?: () => HTMLElement | null;
+}
+/**
+ * Keeps an open menu's popover next to its anchor, closes it on a click outside, Escape or
+ * when focus leaves it, and returns focus to the owner when it closes from inside.
+ * Spread the returned props on the popover.
+ */
+export declare function useMenuPopover(state: Pick<MenuTriggerState, 'isOpen' | 'close'>, { ownerRef, popoverRef, anchor, returnFocusTo }: MenuPopoverOptions): HTMLAttributes<HTMLElement>;
+/** A button that opens a list of actions or links. */
+export declare function MenuButton({ label, icon: Icon, items, onAction, variant, size, isDisabled, isIconOnly, triggerClassName, className, }: MenuButtonProps): ReactNode;
+export interface MenuListProps {
+    readonly items: readonly MenuEntry[];
+    readonly onAction: (key: Key) => void;
+    readonly onClose: () => void;
+    readonly autoFocus?: boolean | 'first' | 'last';
+    readonly id?: string;
+    readonly 'aria-labelledby'?: string;
+    readonly 'aria-label'?: string;
+}
+/** The menu list shared by MenuButton and ContextMenu. */
+export declare function MenuList({ items, onAction, onClose, ...aria }: MenuListProps): ReactNode;
+//# sourceMappingURL=MenuButton.d.ts.map

package/dist/MenuButton/MenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAIjE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;CACzC;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,eAAe,CAAC;AAIvD,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;IACrC,qEAAqE;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAKD,MAAM,WAAW,kBAAkB;IACjC,yFAAyF;IACzF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,6DAA6D;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC;IAC7C,mFAAmF;IACnF,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CACnD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,OAAO,CAAC,EACjD,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,kBAAkB,GAClE,cAAc,CAAC,WAAW,CAAC,CAwC7B;AAED,sDAAsD;AACtD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EAAE,IAAI,EACV,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,IAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,gBAAgB,EAChB,SAAS,GACV,EAAE,eAAe,GAAG,SAAS,CAqD7B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAkBD,0DAA0D;AAC1D,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,GAAG,SAAS,CA6BxF"}

package/dist/MenuButton/MenuButton.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CaretDownIcon } from '@nhic/rwds-icons/react/caret-down';
+import { useLayoutEffect, useRef } from 'react';
+import { useButton, useFocusWithin, useInteractOutside, useMenu, useMenuItem, useMenuSection, useMenuTrigger, useSeparator, } from 'react-aria';
+import { Item, Section, useMenuTriggerState, useTreeState } from 'react-stately';
+import { useLinkComponent } from "../providers/index.js";
+import { anchorPopover } from "../shared/anchor-popover.js";
+import { cx } from "../shared/classes.js";
+import { defined } from "../shared/dev.js";
+const isSection = (entry) => 'items' in entry;
+const itemsOf = (entries) => entries.flatMap((entry) => (isSection(entry) ? [...entry.items] : [entry]));
+/**
+ * Keeps an open menu's popover next to its anchor, closes it on a click outside, Escape or
+ * when focus leaves it, and returns focus to the owner when it closes from inside.
+ * Spread the returned props on the popover.
+ */
+export function useMenuPopover(state, { ownerRef, popoverRef, anchor, returnFocusTo }) {
+    useLayoutEffect(() => {
+        const target = anchor?.() ?? ownerRef.current;
+        const popover = popoverRef.current;
+        if (!state.isOpen || !target || !popover)
+            return undefined;
+        return anchorPopover(target, popover);
+        // The anchor is read when the menu opens.
+    }, [state.isOpen, ownerRef, popoverRef]);
+    useInteractOutside({
+        ref: popoverRef,
+        isDisabled: !state.isOpen,
+        onInteractOutside: (event) => {
+            if (event.target instanceof Node && ownerRef.current?.contains(event.target))
+                return;
+            state.close();
+        },
+    });
+    const { focusWithinProps } = useFocusWithin({
+        onBlurWithin: (event) => {
+            const next = event.relatedTarget;
+            if (next instanceof Node && ownerRef.current?.contains(next))
+                return;
+            state.close();
+        },
+    });
+    const wasOpen = useRef(false);
+    useLayoutEffect(() => {
+        if (wasOpen.current && !state.isOpen) {
+            const active = document.activeElement;
+            if (!active || active === document.body || popoverRef.current?.contains(active))
+                (returnFocusTo?.() ?? ownerRef.current)?.focus();
+        }
+        wasOpen.current = state.isOpen;
+    }, [state.isOpen, ownerRef, popoverRef]);
+    return {
+        ...focusWithinProps,
+        onKeyDown: (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.stopPropagation();
+            state.close();
+        },
+    };
+}
+/** A button that opens a list of actions or links. */
+export function MenuButton({ label, icon: Icon, items, onAction, variant = 'secondary', size = 'md', isDisabled = false, isIconOnly = false, triggerClassName, className, }) {
+    const state = useMenuTriggerState({});
+    const triggerRef = useRef(null);
+    const popoverRef = useRef(null);
+    const { menuTriggerProps, menuProps } = useMenuTrigger({ isDisabled }, state, triggerRef);
+    const popoverProps = useMenuPopover(state, { ownerRef: triggerRef, popoverRef });
+    const { buttonProps } = useButton({
+        ...menuTriggerProps,
+        isDisabled,
+        ...(isIconOnly && typeof label === 'string' && { 'aria-label': label }),
+    }, triggerRef);
+    return (_jsxs("div", { className: cx('rw-menu', className), children: [_jsxs("button", { ...buttonProps, ref: triggerRef, className: cx('rw-button', `rw-button--${variant}`, `rw-button--${size}`, isIconOnly && 'rw-button--icon', triggerClassName), children: [Icon && !isIconOnly && _jsx(Icon, { size: size }), !isIconOnly && label, _jsx(CaretDownIcon, { size: size })] }), _jsx("div", { ...popoverProps, ref: popoverRef, className: "rw-popover rw-menu__popover", popover: "manual", children: state.isOpen && (_jsx(MenuList, { ...menuProps, items: items, onAction: (key) => {
+                        const item = itemsOf(items).find((entry) => entry.id === String(key));
+                        if (item && !item.href)
+                            onAction?.(item.id);
+                    }, onClose: () => {
+                        state.close();
+                    } })) })] }));
+}
+// The words are the text value, so typing a letter still finds an item with an icon.
+const itemElement = ({ id, label, href, icon: Icon }) => (_jsx(Item, { textValue: label, ...(href !== undefined && { href }), children: Icon === undefined ? (label) : (_jsxs(_Fragment, { children: [_jsx(Icon, { size: "sm", className: "rw-menu__icon" }), label] })) }, id));
+/** The menu list shared by MenuButton and ContextMenu. */
+export function MenuList({ items, onAction, onClose, ...aria }) {
+    const disabledKeys = itemsOf(items)
+        .filter((item) => item.isDisabled)
+        .map((item) => item.id);
+    const state = useTreeState({
+        children: items.map((entry) => isSection(entry) ? (_jsx(Section, { ...(entry.title !== undefined && { title: entry.title }), children: entry.items.map(itemElement) }, entry.id)) : (itemElement(entry))),
+        disabledKeys,
+    });
+    const ref = useRef(null);
+    const { menuProps } = useMenu({ ...defined(aria), onAction, onClose }, state, ref);
+    return (_jsx("div", { ...menuProps, ref: ref, className: "rw-menu__list", children: [...state.collection].map((node, index) => node.type === 'section' ? (_jsx(MenuSectionView, { section: node, state: state, isFirst: index === 0 }, node.key)) : (_jsx(MenuItemView, { item: node, state: state }, node.key))) }));
+}
+function MenuSectionView({ section, state, isFirst, }) {
+    const { itemProps, headingProps, groupProps } = useMenuSection({
+        heading: section.rendered,
+        ...defined({ 'aria-label': section['aria-label'] }),
+    });
+    const { separatorProps } = useSeparator({ elementType: 'div' });
+    return (_jsxs(_Fragment, { children: [!isFirst && _jsx("div", { ...separatorProps, className: "rw-menu__separator" }), _jsxs("div", { ...itemProps, children: [section.rendered && (_jsx("div", { ...headingProps, className: "rw-menu__group-label", children: section.rendered })), _jsx("div", { ...groupProps, children: [...section.childNodes].map((node) => (_jsx(MenuItemView, { item: node, state: state }, node.key))) })] })] }));
+}
+function MenuItemView({ item, state, }) {
+    const ref = useRef(null);
+    const Link = useLinkComponent();
+    // onAction and onClose reach items through useMenu; passing them here would run them twice.
+    const { menuItemProps } = useMenuItem({ key: item.key }, state, ref);
+    const href = item.props?.href;
+    const props = { ...menuItemProps, 'aria-labelledby': undefined, 'aria-describedby': undefined };
+    return href === undefined ? (_jsx("div", { ...props, ref: ref, className: "rw-menu__item", children: item.rendered })) : (_jsx(Link, { ...props, href: href, ref: ref, className: "rw-menu__item", children: item.rendered }));
+}
+//# sourceMappingURL=MenuButton.js.map

package/dist/MenuButton/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../src/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EACL,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAQjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAqB3C,MAAM,SAAS,GAAG,CAAC,KAAgB,EAA4B,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC;AAoBnF,MAAM,OAAO,GAAG,CAAC,OAA6B,EAAkB,EAAE,CAChE,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAY9E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAiD,EACjD,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAsB;IAEnE,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,MAAM,GAAG,MAAM,EAAE,EAAE,IAAI,QAAQ,CAAC,OAAO,CAAC;QAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QAC3D,OAAO,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACtC,0CAA0C;IAC5C,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IACzC,kBAAkB,CAAC;QACjB,GAAG,EAAE,UAAU;QACf,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM;QACzB,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3B,IAAI,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAAE,OAAO;YACrF,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;IACH,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC;QAC1C,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC;YACjC,IAAI,IAAI,YAAY,IAAI,IAAI,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC;gBAAE,OAAO;YACrE,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACrC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;YACtC,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,QAAQ,CAAC,IAAI,IAAI,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;gBAC7E,CAAC,aAAa,EAAE,EAAE,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;QACrD,CAAC;QACD,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IACzC,OAAO;QACL,GAAG,gBAAgB;QACnB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO;YACnC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EAAE,IAAI,EACV,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,gBAAgB,EAChB,SAAS,GACO;IAChB,MAAM,KAAK,GAAG,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IAC1F,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IACjF,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAC/B;QACE,GAAG,gBAAgB;QACnB,UAAU;QACV,GAAG,CAAC,UAAU,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;KACxE,EACD,UAAU,CACX,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aACtC,qBACM,WAAW,EACf,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CACX,WAAW,EACX,cAAc,OAAO,EAAE,EACvB,cAAc,IAAI,EAAE,EACpB,UAAU,IAAI,iBAAiB,EAC/B,gBAAgB,CACjB,aAEA,IAAI,IAAI,CAAC,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,EAC3C,CAAC,UAAU,IAAI,KAAK,EACrB,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,IACtB,EACT,iBACM,YAAY,EAChB,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAC,QAAQ,YAEf,KAAK,CAAC,MAAM,IAAI,CACf,KAAC,QAAQ,OACH,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;wBAChB,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;wBACtE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI;4BAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAC9C,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,KAAK,EAAE,CAAC;oBAChB,CAAC,GACD,CACH,GACG,IACF,CACP,CAAC;AACJ,CAAC;AAcD,qFAAqF;AACrF,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAgB,EAAe,EAAE,CAAC,CAClF,KAAC,IAAI,IAAU,SAAS,EAAE,KAAK,KAAM,CAAC,IAAI,KAAK,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,YAClE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,KAAK,CACN,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,eAAe,GAAG,EAC3C,KAAK,IACL,CACJ,IARQ,EAAE,CASN,CACR,CAAC;AAEF,0DAA0D;AAC1D,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB;IAC3E,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;SAChC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC;SACjC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,MAAM,KAAK,GAAG,YAAY,CAAe;QACvC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5B,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB,KAAC,OAAO,OAAoB,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,YAC9E,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IADjB,KAAK,CAAC,EAAE,CAEZ,CACX,CAAC,CAAC,CAAC,CACF,WAAW,CAAC,KAAK,CAAC,CACnB,CACF;QACD,YAAY;KACb,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IACnF,OAAO,CACL,iBAAS,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,YACpD,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACzC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACxB,KAAC,eAAe,IAAgB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,IAA3D,IAAI,CAAC,GAAG,CAAuD,CACtF,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAlC,IAAI,CAAC,GAAG,CAA8B,CAC1D,CACF,GACG,CACP,CAAC;AACJ,CAAC;AAMD,SAAS,eAAe,CAAC,EACvB,OAAO,EACP,KAAK,EACL,OAAO,GAIR;IACC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;QAC7D,OAAO,EAAE,OAAO,CAAC,QAAQ;QACzB,GAAG,OAAO,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;KACpD,CAAC,CAAC;IACH,MAAM,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;IAChE,OAAO,CACL,8BACG,CAAC,OAAO,IAAI,iBAAS,cAAc,EAAE,SAAS,EAAC,oBAAoB,GAAG,EACvE,kBAAS,SAAS,aACf,OAAO,CAAC,QAAQ,IAAI,CACnB,iBAAS,YAAY,EAAE,SAAS,EAAC,sBAAsB,YACpD,OAAO,CAAC,QAAQ,GACb,CACP,EACD,iBAAS,UAAU,YAGhB,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrC,KAAC,YAAY,IAAgB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAlC,IAAI,CAAC,GAAG,CAA8B,CAC1D,CAAC,GACE,IACF,IACL,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,GACuD;IAC5D,MAAM,GAAG,GAAG,MAAM,CAAqC,IAAI,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,4FAA4F;IAC5F,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IACrE,MAAM,IAAI,GAAI,IAAI,CAAC,KAAuC,EAAE,IAAI,CAAC;IACjE,MAAM,KAAK,GAAG,EAAE,GAAG,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC;IAChG,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,iBAAS,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,YAChD,IAAI,CAAC,QAAQ,GACV,CACP,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,YAC7D,IAAI,CAAC,QAAQ,GACT,CACR,CAAC;AACJ,CAAC"}

package/dist/MenuButton/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuButton, useMenuPopover } from './MenuButton.tsx';
+export type { MenuButtonProps, MenuEntry, MenuItemData, MenuSectionData } from './MenuButton.tsx';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/MenuButton/index.js

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

package/dist/MenuButton/index.js.map

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

package/dist/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+export interface MultiSelectOption {
+    readonly value: string;
+    readonly label: string;
+    /** A line under the label that tells similar options apart. */
+    readonly description?: string;
+    readonly isDisabled?: boolean;
+}
+export interface MultiSelectProps {
+    readonly label: string;
+    readonly hint?: ReactNode;
+    readonly error?: ReactNode;
+    readonly isOptional?: boolean;
+    readonly isDisabled?: boolean;
+    readonly options: readonly MultiSelectOption[];
+    readonly value?: readonly string[];
+    readonly defaultValue?: readonly string[];
+    readonly onChange?: (value: string[]) => void;
+    /** Submitted once per chosen value. */
+    readonly name?: string;
+    readonly id?: string;
+    /** A search box over the options. On for long lists, or when the page searches its server. */
+    readonly isSearchable?: boolean;
+    /** Called as people type in the search box, to fetch the server's matches. */
+    readonly onSearchChange?: (text: string) => void;
+    /** The options are the server's matches for the search, so they are shown as they are. */
+    readonly isFilteredByServer?: boolean;
+    /** A page of options is on its way: the list says so at its foot. */
+    readonly isLoading?: boolean;
+    /** Asks for the next page of options when the foot of the list scrolls into view. */
+    readonly onLoadMore?: () => void;
+    readonly className?: string;
+}
+/** Several choices from a list, shown as removable tags. */
+export declare function MultiSelect({ label, hint, error, isOptional, isDisabled, options, value, defaultValue, onChange, name, id, isSearchable, onSearchChange, isFilteredByServer, isLoading, onLoadMore, className, }: MultiSelectProps): ReactNode;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/MultiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC/C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,uCAAuC;IACvC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,8EAA8E;IAC9E,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,0FAA0F;IAC1F,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,qEAAqE;IACrE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,qFAAqF;IACrF,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD,4DAA4D;AAC5D,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,KAAK,EACL,YAAoB,EACpB,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,YAAY,EACZ,cAAc,EACd,kBAA0B,EAC1B,SAAiB,EACjB,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,GAAG,SAAS,CAkL9B"}

package/dist/MultiSelect/MultiSelect.js

@@ -0,0 +1,153 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CaretDownIcon } from '@nhic/rwds-icons/react/caret-down';
+import { CheckIcon } from '@nhic/rwds-icons/react/check';
+import { XIcon } from '@nhic/rwds-icons/react/x';
+import { matchOption, resolveLocale } from '@nhic/rwds-i18n';
+import { useControlledState } from '@react-stately/utils';
+import { useEffect, useId, useRef, useState } from 'react';
+import { useButton, useListBox, useOption } from 'react-aria';
+import { Item, useListState, useOverlayTriggerState } from 'react-stately';
+import { Field } from "../Field/Field.js";
+import { useMenuPopover } from "../MenuButton/MenuButton.js";
+import { useLocale, useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+import { ListLoader, OptionText } from "../shared/listbox-extras.js";
+import { useFieldDescription } from "../TextField/TextField.js";
+// Past this many options a list is long enough to want a search box.
+const SEARCHABLE_FROM = 9;
+const EMPTY = [];
+/** Several choices from a list, shown as removable tags. */
+export function MultiSelect({ label, hint, error, isOptional = false, isDisabled = false, options, value, defaultValue = EMPTY, onChange, name, id, isSearchable, onSearchChange, isFilteredByServer = false, isLoading = false, onLoadMore, className, }) {
+    const { t } = useMessages();
+    const locale = resolveLocale(useLocale());
+    const hasSearch = isSearchable ?? (options.length >= SEARCHABLE_FROM || onSearchChange !== undefined);
+    const [query, setQuery] = useState('');
+    const shown = isFilteredByServer || query === ''
+        ? options
+        : options.filter((option) => matchOption(option.label, query, locale));
+    // Every label seen, so a tag keeps its words when the server's next page no longer holds it.
+    const seen = useRef(new Map());
+    for (const option of options)
+        seen.current.set(option.value, option.label);
+    const ownId = useId();
+    const triggerId = id ?? ownId;
+    const labelId = `${triggerId}-label`;
+    const [chosen, setChosen] = useControlledState(value, defaultValue, (next) => onChange?.([...next]));
+    // Choices are kept in the order of the options, whatever order they were picked in. Choices
+    // from another page of the server's options stay, after them, in the order they were chosen.
+    const inOrder = (keys) => {
+        const set = new Set(keys);
+        const listed = new Set(shown.map((option) => option.value));
+        return [
+            ...chosen.filter((key) => !listed.has(key)),
+            ...options.filter((option) => set.has(option.value)).map((option) => option.value),
+        ].filter((key, i, all) => all.indexOf(key) === i);
+    };
+    const overlay = useOverlayTriggerState({});
+    const triggerRef = useRef(null);
+    const popoverRef = useRef(null);
+    const frameRef = useRef(null);
+    const popoverProps = useMenuPopover(overlay, {
+        ownerRef: triggerRef,
+        popoverRef,
+        anchor: () => frameRef.current,
+    });
+    const { buttonProps } = useButton({
+        onPress: () => {
+            overlay.toggle();
+        },
+        onKeyDown: (event) => {
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                overlay.open();
+            }
+            else
+                event.continuePropagation();
+        },
+        isDisabled,
+        'aria-haspopup': 'listbox',
+        'aria-expanded': overlay.isOpen,
+        'aria-labelledby': `${labelId} ${triggerId}`,
+    }, triggerRef);
+    const { hintProps, errorProps, describedBy } = useFieldDescription({ hint, error });
+    const removeRefs = useRef(new Map());
+    const focusAfterRemove = useRef(undefined);
+    useEffect(() => {
+        const target = focusAfterRemove.current;
+        if (target === undefined)
+            return;
+        focusAfterRemove.current = undefined;
+        (target === null ? triggerRef.current : removeRefs.current.get(target))?.focus();
+    }, [chosen]);
+    const labels = seen.current;
+    const remove = (option) => {
+        const index = chosen.indexOf(option);
+        focusAfterRemove.current = chosen[index + 1] ?? chosen[index - 1] ?? null;
+        setChosen(chosen.filter((v) => v !== option));
+    };
+    return (_jsxs("div", { className: cx(className, 'rw-multi-select'), children: [_jsx(Field, { label: label, hint: hint, error: error, isOptional: isOptional, labelProps: { id: labelId, htmlFor: triggerId }, hintProps: hintProps, errorProps: errorProps, children: _jsxs("div", { ref: frameRef, className: cx('rw-multi-select__control', error != null && 'rw-multi-select__control--invalid', isDisabled && 'rw-multi-select__control--disabled'), onClick: (event) => {
+                        if (event.target === event.currentTarget && !isDisabled) {
+                            triggerRef.current?.focus();
+                            overlay.toggle();
+                        }
+                    }, children: [chosen.length > 0 && (_jsx("ul", { className: "rw-multi-select__tags", "aria-label": label, children: chosen.map((option) => (_jsxs("li", { className: "rw-tag", children: [labels.get(option), _jsx("button", { type: "button", ref: (element) => {
+                                            if (element)
+                                                removeRefs.current.set(option, element);
+                                            else
+                                                removeRefs.current.delete(option);
+                                        }, className: "rw-tag__remove", "aria-label": t('multiSelect.remove', { label: labels.get(option) ?? option }), disabled: isDisabled, onClick: () => {
+                                            remove(option);
+                                        }, children: _jsx(XIcon, { size: "sm" }) })] }, option))) })), _jsxs("button", { ...buttonProps, ref: triggerRef, id: triggerId, "aria-describedby": describedBy, className: "rw-multi-select__trigger", children: [_jsx("span", { className: cx('rw-multi-select__summary', chosen.length > 0 && 'rw-visually-hidden'), children: chosen.length === 0
+                                        ? t('multiSelect.placeholder')
+                                        : t('multiSelect.selected', { count: chosen.length }) }), _jsx(CaretDownIcon, { size: "sm" })] })] }) }), chosen.map((option) => (_jsx("input", { type: "hidden", name: name, value: option, disabled: isDisabled }, option))), _jsx("div", { ...popoverProps, ref: popoverRef, className: "rw-popover rw-multi-select__popover", popover: "manual", children: overlay.isOpen && (_jsx(OptionList, { labelId: labelId, options: shown, chosen: chosen, onChange: (keys) => {
+                        setChosen(inOrder(keys));
+                    }, search: hasSearch
+                        ? {
+                            label: t('multiSelect.search'),
+                            query,
+                            onQueryChange: (text) => {
+                                setQuery(text);
+                                onSearchChange?.(text);
+                            },
+                        }
+                        : undefined, empty: isLoading ? undefined : t('multiSelect.empty'), isLoading: isLoading, onLoadMore: onLoadMore })) })] }));
+}
+function OptionList({ labelId, options, chosen, onChange, search, empty, isLoading, onLoadMore, }) {
+    const state = useListState({
+        items: options,
+        children: (option) => (_jsx(Item, { textValue: option.label, children: _jsx(OptionText, { label: option.label, description: option.description }) }, option.value)),
+        selectionMode: 'multiple',
+        // Only the keys of the options shown: React Aria keeps the rest as they are.
+        selectedKeys: chosen.filter((key) => options.some((option) => option.value === key)),
+        disabledKeys: options.filter((option) => option.isDisabled).map((option) => option.value),
+        onSelectionChange: (keys) => {
+            onChange(keys === 'all' ? options.map((option) => option.value) : [...keys].map(String));
+        },
+    });
+    const ref = useRef(null);
+    const { listBoxProps } = useListBox({
+        'aria-labelledby': labelId,
+        // With a search box, focus starts there; Arrow Down moves into the options.
+        ...(search === undefined && { autoFocus: 'first' }),
+        selectionMode: 'multiple',
+        escapeKeyBehavior: 'none',
+    }, state, ref);
+    const nodes = [...state.collection];
+    return (_jsxs(_Fragment, { children: [search !== undefined && (_jsx("div", { className: "rw-multi-select__search", children: _jsx("input", { type: "search", className: "rw-input", "aria-label": search.label, value: search.query, 
+                    // eslint-disable-next-line jsx-a11y/no-autofocus -- the popover opened for this
+                    autoFocus: true, onChange: (event) => {
+                        search.onQueryChange(event.target.value);
+                    }, onKeyDown: (event) => {
+                        if (event.key === 'ArrowDown') {
+                            event.preventDefault();
+                            ref.current?.focus();
+                        }
+                    } }) })), _jsxs("ul", { ...listBoxProps, ref: ref, className: "rw-listbox", "aria-busy": isLoading || undefined, children: [nodes.length === 0 && empty !== undefined ? (_jsx("li", { className: "rw-listbox__empty", role: "presentation", children: empty })) : (nodes.map((node) => _jsx(OptionView, { node: node, state: state }, node.key))), _jsx(ListLoader, { isLoading: isLoading, onLoadMore: onLoadMore })] })] }));
+}
+function OptionView({ node, state, }) {
+    const ref = useRef(null);
+    const { optionProps, isFocused } = useOption({ key: node.key }, state, ref);
+    return (_jsxs("li", { ...optionProps, "aria-labelledby": undefined, "aria-describedby": undefined, "data-focused": isFocused ? '' : undefined, ref: ref, className: "rw-option", children: [_jsx("span", { className: "rw-multi-select__check", "aria-hidden": "true", children: _jsx(CheckIcon, { size: "sm" }) }), node.rendered] }));
+}
+//# sourceMappingURL=MultiSelect.js.map

package/dist/MultiSelect/MultiSelect.js.map

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

package/dist/MultiSelect/index.d.ts

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

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

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

package/dist/MultiSelect/index.js

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

package/dist/MultiSelect/index.js.map

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

package/dist/NameFields/NameFields.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface NameFieldsProps {
+    /** "Name" in the reader's language unless set, such as "The applicant's name". */
+    readonly legend?: ReactNode;
+    /** The field's name in the form. */
+    readonly name?: string;
+    readonly defaultValue?: string;
+    readonly error?: ReactNode;
+    readonly className?: string;
+}
+/** A person's full name in one field, as on their ID, which fits names from every tradition. */
+export declare function NameFields({ legend, name, defaultValue, error, className, }: NameFieldsProps): ReactNode;
+//# sourceMappingURL=NameFields.d.ts.map

package/dist/NameFields/NameFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NameFields.d.ts","sourceRoot":"","sources":["../../src/NameFields/NameFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,oCAAoC;IACpC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAiB,EACjB,YAAY,EACZ,KAAK,EACL,SAAS,GACV,EAAE,eAAe,GAAG,SAAS,CAkB7B"}