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

package/dist/shared/anchor-popover.js

@@ -0,0 +1,55 @@
+import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom';
+// The same function lives in @nhic/rwds-elements (popover.ts); keep the two in step.
+// Both throw when the popover is already in that state, and are missing in some test DOMs.
+const showPopover = (element) => {
+    try {
+        element.showPopover();
+    }
+    catch {
+        // Already open.
+    }
+};
+const hidePopover = (element) => {
+    try {
+        element.hidePopover();
+    }
+    catch {
+        // Already closed.
+    }
+};
+/**
+ * Opens a native popover next to its anchor and keeps it there while either moves, flipping
+ * and shifting to stay in the viewport. Position and the available height are written as
+ * `--rw-popover-*` properties, which the rw-popover styles read. Returns a cleanup that closes it.
+ */
+export function anchorPopover(anchor, floating, placement = 'bottom-start') {
+    showPopover(floating);
+    const gap = Number.parseFloat(getComputedStyle(floating).getPropertyValue('--rw-popover-offset')) || 0;
+    const place = () => {
+        void computePosition(anchor, floating, {
+            strategy: 'fixed',
+            placement,
+            middleware: [
+                offset(gap),
+                flip({ padding: gap }),
+                shift({ padding: gap }),
+                size({
+                    padding: gap,
+                    apply({ availableHeight, rects }) {
+                        floating.style.setProperty('--rw-popover-max-block', `${String(Math.max(0, availableHeight))}px`);
+                        floating.style.setProperty('--rw-popover-anchor-inline', `${String(rects.reference.width)}px`);
+                    },
+                }),
+            ],
+        }).then(({ x, y }) => {
+            floating.style.setProperty('--rw-popover-x', `${String(x)}px`);
+            floating.style.setProperty('--rw-popover-y', `${String(y)}px`);
+        });
+    };
+    const stop = autoUpdate(anchor, floating, place);
+    return () => {
+        stop();
+        hidePopover(floating);
+    };
+}
+//# sourceMappingURL=anchor-popover.js.map

package/dist/shared/anchor-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-popover.js","sourceRoot":"","sources":["../../src/shared/anchor-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAQ1F,qFAAqF;AACrF,2FAA2F;AAC3F,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACjD,IAAI,CAAC;QACH,OAAO,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAAC,MAAM,CAAC;QACP,gBAAgB;IAClB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACjD,IAAI,CAAC;QACH,OAAO,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAAC,MAAM,CAAC;QACP,kBAAkB;IACpB,CAAC;AACH,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAC3B,MAAqB,EACrB,QAAqB,EACrB,YAAuB,cAAc;IAErC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACtB,MAAM,GAAG,GACP,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7F,MAAM,KAAK,GAAG,GAAS,EAAE;QACvB,KAAK,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE;YACrC,QAAQ,EAAE,OAAO;YACjB,SAAS;YACT,UAAU,EAAE;gBACV,MAAM,CAAC,GAAG,CAAC;gBACX,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;gBACtB,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;gBACvB,IAAI,CAAC;oBACH,OAAO,EAAE,GAAG;oBACZ,KAAK,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE;wBAC9B,QAAQ,CAAC,KAAK,CAAC,WAAW,CACxB,wBAAwB,EACxB,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,IAAI,CAC5C,CAAC;wBACF,QAAQ,CAAC,KAAK,CAAC,WAAW,CACxB,4BAA4B,EAC5B,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CACrC,CAAC;oBACJ,CAAC;iBACF,CAAC;aACH;SACF,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACnB,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC/D,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjD,OAAO,GAAG,EAAE;QACV,IAAI,EAAE,CAAC;QACP,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC"}

package/dist/shared/choice-context.d.ts

@@ -0,0 +1,19 @@
+/** What a CheckboxGroup tells the checkboxes inside it. */
+export interface CheckboxGroupState {
+    readonly name: string | undefined;
+    readonly isDisabled: boolean;
+    readonly isSelected: (value: string) => boolean;
+    readonly setSelected: (value: string, selected: boolean) => void;
+}
+export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState | null>;
+export declare const useCheckboxGroup: () => CheckboxGroupState | null;
+/** What a RadioGroup tells the radios inside it. */
+export interface RadioGroupState {
+    readonly name: string;
+    readonly value: string | null;
+    readonly isDisabled: boolean;
+    readonly setValue: (value: string) => void;
+}
+export declare const RadioGroupContext: import("react").Context<RadioGroupState | null>;
+export declare const useRadioGroup: () => RadioGroupState | null;
+//# sourceMappingURL=choice-context.d.ts.map

package/dist/shared/choice-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-context.d.ts","sourceRoot":"","sources":["../../src/shared/choice-context.ts"],"names":[],"mappings":"AAGA,2DAA2D;AAC3D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAClE;AAED,eAAO,MAAM,oBAAoB,oDAAiD,CAAC;AACnF,eAAO,MAAM,gBAAgB,QAAO,kBAAkB,GAAG,IAAwC,CAAC;AAElG,oDAAoD;AACpD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,iBAAiB,iDAA8C,CAAC;AAC7E,eAAO,MAAM,aAAa,QAAO,eAAe,GAAG,IAAqC,CAAC"}

package/dist/shared/choice-context.js

@@ -0,0 +1,7 @@
+'use client';
+import { createContext, useContext } from 'react';
+export const CheckboxGroupContext = createContext(null);
+export const useCheckboxGroup = () => useContext(CheckboxGroupContext);
+export const RadioGroupContext = createContext(null);
+export const useRadioGroup = () => useContext(RadioGroupContext);
+//# sourceMappingURL=choice-context.js.map

package/dist/shared/choice-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-context.js","sourceRoot":"","sources":["../../src/shared/choice-context.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAA8B,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAUlG,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAyB,IAAI,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,GAA2B,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/shared/classes.d.ts

@@ -0,0 +1,23 @@
+export declare const spaceSteps: readonly [1, 2, 3, 4, 5, 6, 8, 12];
+export type SpaceStep = (typeof spaceSteps)[number];
+export declare const surfaces: readonly ["card", "sunken", "page", "selected"];
+export type Surface = (typeof surfaces)[number];
+export declare const radii: readonly ["sm", "md", "lg"];
+export type Radius = (typeof radii)[number];
+export declare const stackAligns: readonly ["start", "center", "end", "stretch"];
+export type StackAlign = (typeof stackAligns)[number];
+export declare const inlineAligns: readonly ["start", "center", "end", "baseline", "stretch"];
+export type InlineAlign = (typeof inlineAligns)[number];
+export declare const inlineJustifications: readonly ["start", "center", "end", "between"];
+export type InlineJustify = (typeof inlineJustifications)[number];
+export declare const gridColumns: readonly [1, 2, 3, 4];
+export type GridColumns = (typeof gridColumns)[number];
+export declare const gridSpans: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+export type GridSpan = (typeof gridSpans)[number];
+export declare const containerSizes: readonly ["prose", "md", "lg", "full"];
+export type ContainerSize = (typeof containerSizes)[number];
+/** Joins class names, skipping empty parts. */
+export declare const cx: (...parts: (string | false | null | undefined)[]) => string;
+/** `block--name-value`, or nothing when the value is not set. */
+export declare const modifier: (block: string, name: string, value: string | number | undefined) => string | undefined;
+//# sourceMappingURL=classes.d.ts.map

package/dist/shared/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/shared/classes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,oCAAqC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,QAAQ,iDAAkD,CAAC;AACxE,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,eAAO,MAAM,KAAK,6BAA8B,CAAC;AACjD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,eAAO,MAAM,WAAW,gDAAiD,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,4DAA6D,CAAC;AACvF,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,oBAAoB,gDAAiD,CAAC;AACnF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,WAAW,uBAAwB,CAAC;AACjD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,SAAS,kDAAmD,CAAC;AAC1E,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc,wCAAyC,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,+CAA+C;AAC/C,eAAO,MAAM,EAAE,GAAI,GAAG,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAAG,MACpC,CAAC;AAElC,iEAAiE;AACjE,eAAO,MAAM,QAAQ,GACnB,OAAO,MAAM,EACb,MAAM,MAAM,EACZ,OAAO,MAAM,GAAG,MAAM,GAAG,SAAS,KACjC,MAAM,GAAG,SAAqF,CAAC"}

package/dist/shared/classes.js

@@ -0,0 +1,15 @@
+// Prop values for the layout primitives. Each maps to one rw- modifier class.
+export const spaceSteps = [1, 2, 3, 4, 5, 6, 8, 12];
+export const surfaces = ['card', 'sunken', 'page', 'selected'];
+export const radii = ['sm', 'md', 'lg'];
+export const stackAligns = ['start', 'center', 'end', 'stretch'];
+export const inlineAligns = ['start', 'center', 'end', 'baseline', 'stretch'];
+export const inlineJustifications = ['start', 'center', 'end', 'between'];
+export const gridColumns = [1, 2, 3, 4];
+export const gridSpans = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+export const containerSizes = ['prose', 'md', 'lg', 'full'];
+/** Joins class names, skipping empty parts. */
+export const cx = (...parts) => parts.filter(Boolean).join(' ');
+/** `block--name-value`, or nothing when the value is not set. */
+export const modifier = (block, name, value) => (value === undefined ? undefined : `${block}--${name}-${String(value)}`);
+//# sourceMappingURL=classes.js.map

package/dist/shared/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../src/shared/classes.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAE9E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAU,CAAC;AAG7D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAU,CAAC;AAGxE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAGjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAU,CAAC;AAG1E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,CAAU,CAAC;AAGvF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAU,CAAC;AAGnF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU,CAAC;AAG1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAU,CAAC;AAGrE,+CAA+C;AAC/C,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAA4C,EAAU,EAAE,CAC5E,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAElC,iEAAiE;AACjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAAa,EACb,IAAY,EACZ,KAAkC,EACd,EAAE,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC"}

package/dist/shared/count-marks.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { StatusTone } from '../StatusPill/StatusPill.tsx';
+export interface CountMarksProps {
+    readonly count: number | undefined;
+    readonly countTone: StatusTone | undefined;
+    readonly hasAttention: boolean | undefined;
+    /** The count's class within its part, such as `rw-side-nav__count`. */
+    readonly countClassName?: string;
+    /** The dot's class, such as `rw-tabs__dot`, for a part that marks attention with no count. */
+    readonly dotClassName?: string;
+}
+/**
+ * What follows the label of a tab or a navigation item. A count that needs attention turns
+ * solid, critical unless a tone is set, so the colour says it at once; with no count, a dot.
+ */
+export declare function CountMarks({ count, countTone, hasAttention, countClassName, dotClassName, }: CountMarksProps): ReactNode;
+//# sourceMappingURL=count-marks.d.ts.map

package/dist/shared/count-marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"count-marks.d.ts","sourceRoot":"","sources":["../../src/shared/count-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,eAAe;IAC9B,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,uEAAuE;IACvE,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC,8FAA8F;IAC9F,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,GACb,EAAE,eAAe,GAAG,SAAS,CAmB7B"}

package/dist/shared/count-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 the label of a tab or a navigation item. A count that needs attention turns
+ * solid, critical unless a tone is set, so the colour says it at once; with no count, a dot.
+ */
+export function CountMarks({ count, countTone, hasAttention, countClassName, 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, ...(countClassName !== undefined && { className: countClassName }) })), isUrgent && count === undefined && dotClassName !== undefined && (_jsx("span", { className: dotClassName })), isUrgent && _jsx("span", { className: "rw-visually-hidden", children: t('tabs.attention') })] }));
+}
+//# sourceMappingURL=count-marks.js.map

package/dist/shared/count-marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"count-marks.js","sourceRoot":"","sources":["../../src/shared/count-marks.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAapD;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,GACI;IAChB,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,KACd,CAAC,cAAc,KAAK,SAAS,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,GACnE,CACH,EACA,QAAQ,IAAI,KAAK,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,IAAI,CAChE,eAAM,SAAS,EAAE,YAAY,GAAI,CAClC,EACA,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,gBAAgB,CAAC,GAAQ,IAC7E,CACJ,CAAC;AACJ,CAAC"}

package/dist/shared/dev.d.ts

@@ -0,0 +1,5 @@
+/** Warns in development builds only; production builds drop the call. */
+export declare function devWarn(message: string): void;
+/** Copies an object without its undefined properties, for hooks typed with exact optionals. */
+export declare const defined: <T extends object>(props: T) => { [K in keyof T]?: Exclude<T[K], undefined>; };
+//# sourceMappingURL=dev.d.ts.map

package/dist/shared/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["../../src/shared/dev.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE7C;AAED,+FAA+F;AAC/F,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EACtC,OAAO,CAAC,KACP,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAG3C,CAAC"}

package/dist/shared/dev.js

@@ -0,0 +1,8 @@
+/** Warns in development builds only; production builds drop the call. */
+export function devWarn(message) {
+    if (process.env.NODE_ENV !== 'production')
+        console.warn(`[rwds] ${message}`);
+}
+/** Copies an object without its undefined properties, for hooks typed with exact optionals. */
+export const defined = (props) => Object.fromEntries(Object.entries(props).filter(([, v]) => v !== undefined));
+//# sourceMappingURL=dev.js.map

package/dist/shared/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../src/shared/dev.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,MAAM,UAAU,OAAO,CAAC,OAAe;IACrC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,OAAO,CAAC,IAAI,CAAC,UAAU,OAAO,EAAE,CAAC,CAAC;AAC/E,CAAC;AAED,+FAA+F;AAC/F,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAAQ,EACuC,EAAE,CACjD,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAE1E,CAAC"}

package/dist/shared/listbox-extras.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+/** An option's words: its label, and a line under it that tells similar options apart. */
+export declare function OptionText({ label, description, }: {
+    readonly label: string;
+    readonly description: string | undefined;
+}): ReactNode;
+/**
+ * The foot of a list that loads in pages. When it scrolls into view it asks for the next page,
+ * once per page; while a page loads it says so, and screen readers hear it.
+ */
+export declare function ListLoader({ isLoading, onLoadMore, }: {
+    readonly isLoading: boolean;
+    readonly onLoadMore: (() => void) | undefined;
+}): ReactNode;
+//# sourceMappingURL=listbox-extras.d.ts.map

package/dist/shared/listbox-extras.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-extras.d.ts","sourceRoot":"","sources":["../../src/shared/listbox-extras.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,0FAA0F;AAC1F,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1C,GAAG,SAAS,CAQZ;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,GACX,EAAE;IACD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/C,GAAG,SAAS,CAgCZ"}

package/dist/shared/listbox-extras.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { useMessages } from "../providers/index.js";
+/** An option's words: its label, and a line under it that tells similar options apart. */
+export function OptionText({ label, description, }) {
+    if (description === undefined)
+        return label;
+    return (_jsxs("span", { className: "rw-option__text", children: [_jsx("span", { children: label }), _jsx("span", { className: "rw-option__description", children: description })] }));
+}
+/**
+ * The foot of a list that loads in pages. When it scrolls into view it asks for the next page,
+ * once per page; while a page loads it says so, and screen readers hear it.
+ */
+export function ListLoader({ isLoading, onLoadMore, }) {
+    const { t } = useMessages();
+    const ref = useRef(null);
+    // The latest callback, so the observer need not restart when the page passes a new one.
+    const load = useRef(onLoadMore);
+    load.current = onLoadMore;
+    useEffect(() => {
+        const sentinel = ref.current;
+        if (!sentinel || isLoading || typeof IntersectionObserver === 'undefined')
+            return undefined;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries.some((entry) => entry.isIntersecting))
+                load.current?.();
+        }, { root: sentinel.closest('[role="listbox"]') });
+        observer.observe(sentinel);
+        return () => {
+            observer.disconnect();
+        };
+    }, [isLoading]);
+    if (onLoadMore === undefined && !isLoading)
+        return null;
+    return (_jsx("li", { ref: ref, className: "rw-listbox__loader", role: "presentation", "aria-live": "polite", children: isLoading && (_jsxs(_Fragment, { children: [_jsx("span", { className: "rw-spinner rw-spinner--sm", "aria-hidden": "true" }), t('listbox.loading')] })) }));
+}
+//# sourceMappingURL=listbox-extras.js.map

package/dist/shared/listbox-extras.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-extras.js","sourceRoot":"","sources":["../../src/shared/listbox-extras.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,0FAA0F;AAC1F,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,GAIZ;IACC,IAAI,WAAW,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAC5C,OAAO,CACL,gBAAM,SAAS,EAAC,iBAAiB,aAC/B,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,wBAAwB,YAAE,WAAW,GAAQ,IACxD,CACR,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,UAAU,GAIX;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,GAAG,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACxC,wFAAwF;IACxF,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,QAAQ,IAAI,SAAS,IAAI,OAAO,oBAAoB,KAAK,WAAW;YAAE,OAAO,SAAS,CAAC;QAC5F,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,EAAE;YACV,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;gBAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACtE,CAAC,EACD,EAAE,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAC/C,CAAC;QACF,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,IAAI,UAAU,KAAK,SAAS,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IACxD,OAAO,CACL,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,eAAW,QAAQ,YAChF,SAAS,IAAI,CACZ,8BAEE,eAAM,SAAS,EAAC,2BAA2B,iBAAa,MAAM,GAAG,EAChE,CAAC,CAAC,iBAAiB,CAAC,IACpB,CACJ,GACE,CACN,CAAC;AACJ,CAAC"}

package/dist/shared/polymorphic.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+/** Own props, plus every prop of the element chosen with `as`. */
+export type PolymorphicProps<E extends ElementType, Own> = Own & {
+    /** The element to render. */
+    readonly as?: E;
+} & Omit<ComponentPropsWithRef<E>, keyof Own | 'as'>;
+export declare const layoutElements: readonly ["div", "section", "article", "aside", "header", "footer", "main", "nav", "form", "fieldset", "ul", "ol", "li", "span"];
+export type LayoutElement = (typeof layoutElements)[number];
+//# sourceMappingURL=polymorphic.d.ts.map

package/dist/shared/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/shared/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,kEAAkE;AAClE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,IAAI,GAAG,GAAG;IAC/D,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;CACjB,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC;AAGrD,eAAO,MAAM,cAAc,kIAejB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/shared/polymorphic.js

@@ -0,0 +1,18 @@
+// Sectioning and grouping elements the layout primitives may render as.
+export const layoutElements = [
+    'div',
+    'section',
+    'article',
+    'aside',
+    'header',
+    'footer',
+    'main',
+    'nav',
+    'form',
+    'fieldset',
+    'ul',
+    'ol',
+    'li',
+    'span',
+];
+//# sourceMappingURL=polymorphic.js.map

package/dist/shared/polymorphic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.js","sourceRoot":"","sources":["../../src/shared/polymorphic.ts"],"names":[],"mappings":"AAQA,wEAAwE;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,KAAK;IACL,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,KAAK;IACL,MAAM;IACN,UAAU;IACV,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;CACE,CAAC"}

package/dist/shared/select-server.stories-helpers.d.ts

@@ -0,0 +1,21 @@
+export declare const districtOptions: {
+    value: string;
+    label: string;
+    description: string;
+}[];
+/**
+ * Pages of districts from a pretend server, for the stories: matches for the text, five at a
+ * time, after a short wait. Pass its fields to a ComboBox or MultiSelect.
+ */
+export declare function useDistrictsFromServer(): {
+    readonly onQuery: (text: string) => void;
+    readonly onLoadMore?: () => void;
+    readonly options: {
+        value: string;
+        label: string;
+        description: string;
+    }[];
+    readonly isLoading: boolean;
+    readonly isFilteredByServer: true;
+};
+//# sourceMappingURL=select-server.stories-helpers.d.ts.map

package/dist/shared/select-server.stories-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-server.stories-helpers.d.ts","sourceRoot":"","sources":["../../src/shared/select-server.stories-helpers.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,eAAe;;;;GAIzB,CAAC;AAKJ;;;GAGG;AACH,wBAAgB,sBAAsB;6BAyBlB,MAAM;;;;;;;;;EAKzB"}

package/dist/shared/select-server.stories-helpers.js

@@ -0,0 +1,76 @@
+import { matchOption } from '@nhic/rwds-i18n';
+import { useCallback, useEffect, useRef, useState } from 'react';
+/** Every district of Rwanda with its province, as a server would hold them. */
+const DISTRICTS = [
+    ['Gasabo', 'Kigali City'],
+    ['Kicukiro', 'Kigali City'],
+    ['Nyarugenge', 'Kigali City'],
+    ['Bugesera', 'Eastern Province'],
+    ['Gatsibo', 'Eastern Province'],
+    ['Kayonza', 'Eastern Province'],
+    ['Kirehe', 'Eastern Province'],
+    ['Ngoma', 'Eastern Province'],
+    ['Nyagatare', 'Eastern Province'],
+    ['Rwamagana', 'Eastern Province'],
+    ['Burera', 'Northern Province'],
+    ['Gakenke', 'Northern Province'],
+    ['Gicumbi', 'Northern Province'],
+    ['Musanze', 'Northern Province'],
+    ['Rulindo', 'Northern Province'],
+    ['Gisagara', 'Southern Province'],
+    ['Huye', 'Southern Province'],
+    ['Kamonyi', 'Southern Province'],
+    ['Muhanga', 'Southern Province'],
+    ['Nyamagabe', 'Southern Province'],
+    ['Nyanza', 'Southern Province'],
+    ['Nyaruguru', 'Southern Province'],
+    ['Ruhango', 'Southern Province'],
+    ['Karongi', 'Western Province'],
+    ['Ngororero', 'Western Province'],
+    ['Nyabihu', 'Western Province'],
+    ['Nyamasheke', 'Western Province'],
+    ['Rubavu', 'Western Province'],
+    ['Rusizi', 'Western Province'],
+    ['Rutsiro', 'Western Province'],
+];
+export const districtOptions = DISTRICTS.map(([label, description]) => ({
+    value: label.toLowerCase(),
+    label,
+    description,
+}));
+const PAGE = 5;
+const LATENCY_MS = 400;
+/**
+ * Pages of districts from a pretend server, for the stories: matches for the text, five at a
+ * time, after a short wait. Pass its fields to a ComboBox or MultiSelect.
+ */
+export function useDistrictsFromServer() {
+    const [query, setQuery] = useState('');
+    const [count, setCount] = useState(PAGE);
+    const [isLoading, setLoading] = useState(false);
+    const timer = useRef(undefined);
+    const matches = districtOptions.filter((option) => matchOption(option.label, query, 'en'));
+    useEffect(() => () => {
+        clearTimeout(timer.current);
+    }, []);
+    const onLoadMore = useCallback(() => {
+        if (count >= matches.length)
+            return;
+        setLoading(true);
+        timer.current = setTimeout(() => {
+            setCount((shown) => shown + PAGE);
+            setLoading(false);
+        }, LATENCY_MS);
+    }, [count, matches.length]);
+    return {
+        options: matches.slice(0, count),
+        isLoading,
+        isFilteredByServer: true,
+        ...(count < matches.length && { onLoadMore }),
+        onQuery: (text) => {
+            setQuery(text);
+            setCount(PAGE);
+        },
+    };
+}
+//# sourceMappingURL=select-server.stories-helpers.js.map

package/dist/shared/select-server.stories-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-server.stories-helpers.js","sourceRoot":"","sources":["../../src/shared/select-server.stories-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,+EAA+E;AAC/E,MAAM,SAAS,GAA2C;IACxD,CAAC,QAAQ,EAAE,aAAa,CAAC;IACzB,CAAC,UAAU,EAAE,aAAa,CAAC;IAC3B,CAAC,YAAY,EAAE,aAAa,CAAC;IAC7B,CAAC,UAAU,EAAE,kBAAkB,CAAC;IAChC,CAAC,SAAS,EAAE,kBAAkB,CAAC;IAC/B,CAAC,SAAS,EAAE,kBAAkB,CAAC;IAC/B,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IAC9B,CAAC,OAAO,EAAE,kBAAkB,CAAC;IAC7B,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACjC,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACjC,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IAC/B,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,UAAU,EAAE,mBAAmB,CAAC;IACjC,CAAC,MAAM,EAAE,mBAAmB,CAAC;IAC7B,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,WAAW,EAAE,mBAAmB,CAAC;IAClC,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IAC/B,CAAC,WAAW,EAAE,mBAAmB,CAAC;IAClC,CAAC,SAAS,EAAE,mBAAmB,CAAC;IAChC,CAAC,SAAS,EAAE,kBAAkB,CAAC;IAC/B,CAAC,WAAW,EAAE,kBAAkB,CAAC;IACjC,CAAC,SAAS,EAAE,kBAAkB,CAAC;IAC/B,CAAC,YAAY,EAAE,kBAAkB,CAAC;IAClC,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IAC9B,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IAC9B,CAAC,SAAS,EAAE,kBAAkB,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;IACtE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE;IAC1B,KAAK;IACL,WAAW;CACZ,CAAC,CAAC,CAAC;AAEJ,MAAM,IAAI,GAAG,CAAC,CAAC;AACf,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3F,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EACD,EAAE,CACH,CAAC;IACF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,KAAK,IAAI,OAAO,CAAC,MAAM;YAAE,OAAO;QACpC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;YAClC,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EAAE,UAAU,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;QAChC,SAAS;QACT,kBAAkB,EAAE,IAAI;QACxB,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,IAAI,EAAE,UAAU,EAAE,CAAC;QAC7C,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE;YACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;KACO,CAAC;AACb,CAAC"}

package/dist/shared/use-anchored-popover.d.ts

@@ -0,0 +1,5 @@
+import type { RefObject } from 'react';
+import type { Placement } from './anchor-popover.ts';
+/** Places a native popover beside its button while it is open, and stops when it closes. */
+export declare function useAnchoredPopover(button: RefObject<HTMLElement | null>, panel: RefObject<HTMLElement | null>, placement: Placement): void;
+//# sourceMappingURL=use-anchored-popover.d.ts.map

package/dist/shared/use-anchored-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-anchored-popover.d.ts","sourceRoot":"","sources":["../../src/shared/use-anchored-popover.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,4FAA4F;AAC5F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACrC,KAAK,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACpC,SAAS,EAAE,SAAS,GACnB,IAAI,CAoBN"}

package/dist/shared/use-anchored-popover.js

@@ -0,0 +1,27 @@
+'use client';
+import { useEffect } from 'react';
+import { anchorPopover } from "./anchor-popover.js";
+/** Places a native popover beside its button while it is open, and stops when it closes. */
+export function useAnchoredPopover(button, panel, placement) {
+    useEffect(() => {
+        const trigger = button.current;
+        const floating = panel.current;
+        if (!trigger || !floating)
+            return undefined;
+        let stop;
+        const onToggle = (event) => {
+            if (event.newState === 'open')
+                stop = anchorPopover(trigger, floating, placement);
+            else {
+                stop?.();
+                stop = undefined;
+            }
+        };
+        floating.addEventListener('toggle', onToggle);
+        return () => {
+            floating.removeEventListener('toggle', onToggle);
+            stop?.();
+        };
+    }, [button, panel, placement]);
+}
+//# sourceMappingURL=use-anchored-popover.js.map

package/dist/shared/use-anchored-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-anchored-popover.js","sourceRoot":"","sources":["../../src/shared/use-anchored-popover.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,4FAA4F;AAC5F,MAAM,UAAU,kBAAkB,CAChC,MAAqC,EACrC,KAAoC,EACpC,SAAoB;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO,SAAS,CAAC;QAC5C,IAAI,IAA8B,CAAC;QACnC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAQ,EAAE;YACtC,IAAK,KAAqB,CAAC,QAAQ,KAAK,MAAM;gBAC5C,IAAI,GAAG,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;iBAChD,CAAC;gBACJ,IAAI,EAAE,EAAE,CAAC;gBACT,IAAI,GAAG,SAAS,CAAC;YACnB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACjD,IAAI,EAAE,EAAE,CAAC;QACX,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACjC,CAAC"}

package/dist/shared/use-committed-text.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The text of a field that is read when people leave it. While they type, and after they leave
+ * text that cannot be read, the text is held; otherwise it follows the value.
+ */
+export declare function useCommittedText<T>(value: T | null, display: (value: T | null) => string, 
+/** Changes when the display changes for another reason, such as the language. */
+displayKey: string): {
+    text: string;
+    type: (next: string) => void;
+    leave: (shown: string, readable: boolean) => void;
+};
+//# sourceMappingURL=use-committed-text.d.ts.map

package/dist/shared/use-committed-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-committed-text.d.ts","sourceRoot":"","sources":["../../src/shared/use-committed-text.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAChC,KAAK,EAAE,CAAC,GAAG,IAAI,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,MAAM;AACpC,iFAAiF;AACjF,UAAU,EAAE,MAAM;;iBAUH,MAAM,KAAG,IAAI;mBAIX,MAAM,YAAY,OAAO,KAAG,IAAI;EAKlD"}

package/dist/shared/use-committed-text.js

@@ -0,0 +1,29 @@
+'use client';
+import { useEffect, useRef, useState } from 'react';
+/**
+ * The text of a field that is read when people leave it. While they type, and after they leave
+ * text that cannot be read, the text is held; otherwise it follows the value.
+ */
+export function useCommittedText(value, display, 
+/** Changes when the display changes for another reason, such as the language. */
+displayKey) {
+    const [text, setText] = useState(() => display(value));
+    const hold = useRef(false);
+    useEffect(() => {
+        if (!hold.current)
+            setText(display(value));
+        // display is rebuilt every render; value and displayKey are what it depends on.
+    }, [value, displayKey]);
+    return {
+        text,
+        type: (next) => {
+            hold.current = true;
+            setText(next);
+        },
+        leave: (shown, readable) => {
+            hold.current = !readable;
+            setText(shown);
+        },
+    };
+}
+//# sourceMappingURL=use-committed-text.js.map

package/dist/shared/use-committed-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-committed-text.js","sourceRoot":"","sources":["../../src/shared/use-committed-text.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,KAAe,EACf,OAAoC;AACpC,iFAAiF;AACjF,UAAkB;IAElB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3C,gFAAgF;IAClF,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IACxB,OAAO;QACL,IAAI;QACJ,IAAI,EAAE,CAAC,IAAY,EAAQ,EAAE;YAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QACD,KAAK,EAAE,CAAC,KAAa,EAAE,QAAiB,EAAQ,EAAE;YAChD,IAAI,CAAC,OAAO,GAAG,CAAC,QAAQ,CAAC;YACzB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/shared/use-form-reset.d.ts

@@ -0,0 +1,7 @@
+import type { RefObject } from 'react';
+/**
+ * Calls `onReset` after the form holding `ref` is reset, once the browser has reset its own
+ * inputs. Listens on the document, so a field moved into a form later is still found.
+ */
+export declare function useFormReset(ref: RefObject<Element | null>, onReset: () => void): void;
+//# sourceMappingURL=use-form-reset.d.ts.map

package/dist/shared/use-form-reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-reset.d.ts","sourceRoot":"","sources":["../../src/shared/use-form-reset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAmBtF"}

package/dist/shared/use-form-reset.js

@@ -0,0 +1,27 @@
+'use client';
+import { useEffect, useRef } from 'react';
+/**
+ * Calls `onReset` after the form holding `ref` is reset, once the browser has reset its own
+ * inputs. Listens on the document, so a field moved into a form later is still found.
+ */
+export function useFormReset(ref, onReset) {
+    const latest = useRef(onReset);
+    useEffect(() => {
+        latest.current = onReset;
+    });
+    useEffect(() => {
+        const listener = (event) => {
+            const node = ref.current;
+            if (!node || !(event.target instanceof HTMLFormElement) || !event.target.contains(node))
+                return;
+            setTimeout(() => {
+                latest.current();
+            }, 0);
+        };
+        document.addEventListener('reset', listener);
+        return () => {
+            document.removeEventListener('reset', listener);
+        };
+    }, [ref]);
+}
+//# sourceMappingURL=use-form-reset.js.map

package/dist/shared/use-form-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-reset.js","sourceRoot":"","sources":["../../src/shared/use-form-reset.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG1C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,GAA8B,EAAE,OAAmB;IAC9E,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAQ,EAAE;YACtC,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;YACzB,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACrF,OAAO;YACT,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC7C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAClD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}