@polyxd/react 0.1.1 → 0.2.1

package/dist/components/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/components/navigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAa,MAAM,eAAgB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAgB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAc,CAAC;AAEpC,kEAAkE;AAClE,MAAM,UAAU,GAAG,GAAG,CAAC;AAEvB;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAkB;IACjD,MAAM,CAAC,GAAG,WAAW,EAAE,CAAC;IACxB,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAS,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAW,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;IACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9I,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO;QAC5B,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC;QAC/D,IAAI,CAAC,EAAE,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE,OAAO;QACzD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC;QAChF,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;QACvC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,gBAAM,SAAS,EAAC,eAAe,aAC5B,KAAK,EACN,eAAM,SAAS,EAAC,aAAa,mCAA0B,IAClD,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC,CAAC;IAEF,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,oDAAoD;QACpD,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,gBAAa,KAAK,KAAM,IAAI,YAC7D,uBACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;oBACvC,MAAM,IAAI,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;oBACzC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,CAAC;oBACnE,OAAO,CACL,uBACG,EAAE,CAAC,CAAC,CAAC,CACJ,eAAM,SAAS,EAAC,4BAA4B,kBAAc,MAAM,YAC7D,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GACd,CACR,CAAC,CAAC,CAAC,CACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YACrE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GACZ,CACV,IATM,IAAI,CAAC,GAAG,CAUZ,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,sFAAsF;QACtF,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,gBAAa,KAAK,KAAM,IAAI,aACtD,YAAG,SAAS,EAAC,mBAAmB,iBAAa,MAAM,YAChD,KAAK,GACJ,EACJ,uBACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;wBAC5B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC;wBAChC,OAAO,CACL,uBACE,YAAG,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,kBAAgB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,YACnL,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GACjB,IAHG,IAAI,CAAC,GAAG,CAIZ,CACN,CAAC;oBACJ,CAAC,CAAC,GACC,IACD,CACP,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,iCAAiC;QACjC,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,gBAAa,KAAK,KAAM,IAAI,YACxD,uBACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;oBAC5B,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC;oBAChC,OAAO,CACL,uBACE,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,kBAAgB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aACvJ,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EACjD,eAAM,SAAS,EAAC,eAAe,YAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,EAC1D,OAAO,CAAC,IAAI,CAAC,IACP,IALF,IAAI,CAAC,GAAG,CAMZ,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;IACJ,CAAC;IAED,yDAAyD;IACzD,MAAM,MAAM,GAAuC,EAAE,CAAC;IACtD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACpE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QAChD,IAAI,KAAK;YAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;YAC7B,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;IACD,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC;IACjC,MAAM,MAAM,GAAG,CAAC,CAAmC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC;IAEtK,MAAM,KAAK,GAAG,CAAC,IAAW,EAAE,EAAE,CAAC,CAC7B,uBACG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;YACtB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC;YAChC,OAAO,CACL,uBACE,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,kBAAgB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aACjJ,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EACjD,eAAM,SAAS,EAAC,eAAe,YAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAQ,EAC1D,OAAO,CAAC,IAAI,CAAC,IACP,IALF,IAAI,CAAC,GAAG,CAMZ,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;IAEF,MAAM,IAAI,GAAG,CACX,cAAK,SAAS,EAAE,UAAU,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,gBAAc,KAAK,YAC3E,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CACrB,eAAK,SAAS,EAAC,eAAe,aAC3B,CAAC,CAAC,KAAK;oBACN,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,mBAAgB,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,KAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,aACnJ,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,GAAI,EAC3D,eAAM,SAAS,EAAC,qBAAqB,YAAE,CAAC,CAAC,KAAK,GAAQ,IAC/C,CACV,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,qBAAqB,YAAE,CAAC,CAAC,KAAK,GAAK,CACjD,CAAC,EACH,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAVP,EAAE,CAWhC,CACP,CAAC,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,cAAc,KAAK,IAAI,YAC7C,OAAO,CAAC,CAAC,CAAC,CACT,MAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aAC5C,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,gBAAa,GAAG,KAAK,OAAO,YAClF,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACL,EACjB,MAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,aAChC,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,aAAa,GAAG,EAC1C,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,sBAAmB,SAAS,aACpE,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAgB,EAChE,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,iBAAiB,gBAAY,OAAO,YAC1D,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACR,IACX,EACL,IAAI,IACU,IACH,IACJ,CACf,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/overlays.d.ts

@@ -0,0 +1,18 @@
+import { type Node } from "../context.tsx";
+/**
+ * Secondary actions behind one control. The children are Actions; each becomes a menu item that
+ * dispatches that Action. A danger-toned Action goes last, after a divider. `context` also renders
+ * an overflow control, since right-click and long-press are not discoverable.
+ */
+export declare function ActionMenu({ node }: {
+    node: Node;
+}): import("react").JSX.Element;
+/**
+ * Content over the current view. `open` may be bound to host data (the renderer writes false on
+ * dismiss); absent, the panel is open until dismissed. Dismissal also dispatches ui.dismiss, like
+ * Confirm. dialog, drawer and sheet are modal (Radix Dialog); popover is a non-modal Radix Popover
+ * anchored where the Panel sits in the tree.
+ */
+export declare function Panel({ node }: {
+    node: Node;
+}): import("react").JSX.Element;

package/dist/components/overlays.js

@@ -0,0 +1,128 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement, useContext, useId, useRef, useState } from "react";
+import { ContextMenu, Dialog, DropdownMenu, Popover } from "radix-ui";
+import { HeadingContext, useBindings, useSurface } from "../context.js";
+import { Render, useA11y } from "../surface.js";
+import { Children } from "./structure.js";
+import { Icon } from "./avatar.js";
+/** Whether a Dynamic* value is a binding (rather than a literal). */
+const isBinding = (v) => typeof v === "object" && v !== null && typeof v.path === "string";
+/** A downward chevron: the one glyph the icon set lacks. */
+function Chevron() {
+    return (_jsx("svg", { className: "pxd-action-menu-chevron", width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m6 9 6 6 6-6" }) }));
+}
+/**
+ * Secondary actions behind one control. The children are Actions; each becomes a menu item that
+ * dispatches that Action. A danger-toned Action goes last, after a divider. `context` also renders
+ * an overflow control, since right-click and long-press are not discoverable.
+ */
+export function ActionMenu({ node }) {
+    const b = useBindings();
+    const s = useSurface();
+    const a11y = useA11y(node);
+    const kind = node.kind ?? "overflow";
+    const label = b.text(node.label);
+    // accessibility.label, when the author set one, wins over the control's own label.
+    const name = a11y["aria-label"] ?? label;
+    const actions = (node.children ?? [])
+        .map((id) => s.byId.get(id))
+        .filter((c) => Boolean(c) && (c.visible === undefined || b.value(c.visible) !== false));
+    const usual = actions.filter((a) => a.tone !== "danger");
+    const danger = actions.filter((a) => a.tone === "danger");
+    const items = (M) => {
+        const item = (a) => (_jsx(M.Item, { className: `pxd-menu-item${a.tone === "danger" ? " pxd-menu-item-danger" : ""}`, disabled: a.disabled !== undefined ? Boolean(b.value(a.disabled)) : undefined, onSelect: () => s.dispatch(a.action, b.scope, a.id), "data-pxd-id": a.id, "data-pxd-component": a.component, children: b.text(a.label) }, a.id));
+        return (_jsxs(_Fragment, { children: [usual.map(item), danger.length > 0 && usual.length > 0 && _jsx(M.Separator, { className: "pxd-menu-separator" }), danger.map(item)] }));
+    };
+    const overflowTrigger = (_jsx(DropdownMenu.Trigger, { className: "pxd-icon-button pxd-action-menu-trigger pxd-action-menu-overflow", ...a11y, "aria-label": name, children: _jsx(Icon, { name: "dots", size: 18 }) }));
+    const menu = (_jsx(DropdownMenu.Portal, { container: s.portal, children: _jsx(DropdownMenu.Content, { className: "pxd-menu pxd-action-menu", align: "end", sideOffset: 4, children: items(DropdownMenu) }) }));
+    if (kind === "dropdown")
+        return (_jsxs(DropdownMenu.Root, { children: [_jsxs(DropdownMenu.Trigger, { className: "pxd-button pxd-button-secondary pxd-action-menu-trigger pxd-action-menu-dropdown", ...a11y, "aria-label": a11y["aria-label"], children: [label, _jsx(Chevron, {})] }), menu] }));
+    if (kind === "split") {
+        // The menu part takes the primary's emphasis so the two read as one control.
+        const primary = node.primary ? s.byId.get(node.primary) : undefined;
+        const emphasis = primary?.emphasis ?? "secondary";
+        return (_jsxs(DropdownMenu.Root, { children: [_jsxs("div", { className: "pxd-split", role: "group", ...a11y, "aria-label": name, children: [node.primary && _jsx(Render, { id: node.primary }), _jsx(DropdownMenu.Trigger, { className: `pxd-button pxd-button-${emphasis} pxd-action-menu-trigger pxd-split-menu`, "aria-label": `${label}: more options`, children: _jsx(Chevron, {}) })] }), menu] }));
+    }
+    if (kind === "context")
+        return (_jsxs(ContextMenu.Root, { children: [_jsx(ContextMenu.Trigger, { asChild: true, children: _jsx("span", { className: "pxd-context-target", children: _jsxs(DropdownMenu.Root, { children: [overflowTrigger, menu] }) }) }), _jsx(ContextMenu.Portal, { container: s.portal, children: _jsx(ContextMenu.Content, { className: "pxd-menu pxd-action-menu", "aria-label": name, children: items(ContextMenu) }) })] }));
+    return (_jsxs(DropdownMenu.Root, { children: [overflowTrigger, menu] }));
+}
+/** Drag a bottom sheet down to dismiss it. Handlers go on the header; the transform on the sheet. */
+function useDragDown(enabled, sheet, onDismiss) {
+    const start = useRef(null);
+    const reset = () => {
+        start.current = null;
+        if (sheet.current) {
+            sheet.current.style.transform = "";
+            sheet.current.style.transition = "";
+        }
+    };
+    if (!enabled)
+        return {};
+    return {
+        onPointerDown: (e) => {
+            if (e.pointerType === "mouse" && e.button !== 0)
+                return;
+            start.current = e.clientY;
+            e.currentTarget.setPointerCapture(e.pointerId);
+        },
+        onPointerMove: (e) => {
+            if (start.current === null || !sheet.current)
+                return;
+            const dy = Math.max(0, e.clientY - start.current);
+            sheet.current.style.transition = "none";
+            sheet.current.style.transform = `translateY(${dy}px)`;
+        },
+        onPointerUp: (e) => {
+            if (start.current === null)
+                return;
+            const dy = e.clientY - start.current;
+            reset();
+            if (dy > 80)
+                onDismiss();
+        },
+        onPointerCancel: reset,
+    };
+}
+/**
+ * Content over the current view. `open` may be bound to host data (the renderer writes false on
+ * dismiss); absent, the panel is open until dismissed. Dismissal also dispatches ui.dismiss, like
+ * Confirm. dialog, drawer and sheet are modal (Radix Dialog); popover is a non-modal Radix Popover
+ * anchored where the Panel sits in the tree.
+ */
+export function Panel({ node }) {
+    const b = useBindings();
+    const s = useSurface();
+    const a11y = useA11y(node);
+    const level = Math.min(useContext(HeadingContext), 6);
+    const titleId = useId();
+    const sheetRef = useRef(null);
+    const kind = node.kind ?? "dialog";
+    const size = node.size ?? "default";
+    const dismissible = node.dismissible !== false;
+    const bound = isBinding(node.open);
+    const [local, setLocal] = useState(true);
+    const open = bound ? Boolean(b.value(node.open)) : local && node.open !== false;
+    const close = () => {
+        if (bound)
+            b.write(node.open, false);
+        else
+            setLocal(false);
+        s.dispatch({ event: { name: "ui.dismiss" } }, b.scope, node.id);
+    };
+    const onOpenChange = (o) => {
+        if (!o)
+            close();
+    };
+    // A panel that must be completed ignores Escape and the backdrop.
+    const guard = dismissible ? {} : { onEscapeKeyDown: (e) => e.preventDefault(), onInteractOutside: (e) => e.preventDefault() };
+    const drag = useDragDown(kind === "sheet" && dismissible, sheetRef, close);
+    const title = b.text(node.title);
+    const className = `pxd-panel pxd-panel-${kind} pxd-panel-size-${size}`;
+    const body = (_jsx(HeadingContext.Provider, { value: level + 1, children: _jsx("div", { className: "pxd-panel-body pxd-stack", children: _jsx(Children, { ids: node.children }) }) }));
+    const footer = node.actions && (_jsx("div", { className: "pxd-panel-footer", children: _jsx(Render, { id: node.actions }) }));
+    if (kind === "popover")
+        return (_jsxs(Popover.Root, { open: open, onOpenChange: onOpenChange, children: [_jsx(Popover.Anchor, { className: "pxd-panel-anchor" }), _jsx(Popover.Portal, { container: s.portal, children: _jsxs(Popover.Content, { className: className, "aria-labelledby": titleId, sideOffset: 8, collisionPadding: 8, ...guard, ...a11y, children: [_jsxs("div", { className: "pxd-panel-header", children: [createElement(`h${level}`, { id: titleId, className: "pxd-panel-title" }, title), dismissible && (_jsx(Popover.Close, { className: "pxd-icon-button pxd-panel-close", "aria-label": "Close", children: _jsx(Icon, { name: "close" }) }))] }), body, footer, _jsx(Popover.Arrow, { className: "pxd-panel-arrow", width: 16, height: 8 })] }) })] }));
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(Dialog.Portal, { container: s.portal, children: [_jsx(Dialog.Overlay, { className: "pxd-overlay pxd-panel-backdrop" }), _jsxs(Dialog.Content, { ref: sheetRef, className: className, "aria-describedby": undefined, ...guard, ...a11y, children: [_jsxs("div", { className: "pxd-panel-header", ...drag, children: [kind === "sheet" && _jsx("span", { className: "pxd-panel-grip", "aria-hidden": "true" }), _jsx(Dialog.Title, { asChild: true, children: createElement(`h${level}`, { className: "pxd-panel-title" }, title) }), dismissible && (_jsx(Dialog.Close, { className: "pxd-icon-button pxd-panel-close", "aria-label": "Close", children: _jsx(Icon, { name: "close" }) }))] }), body, footer] })] }) }));
+}
+//# sourceMappingURL=overlays.js.map

package/dist/components/overlays.js.map

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

package/dist/components/pickers.d.ts

@@ -0,0 +1,10 @@
+import { type Node } from "../context.tsx";
+export declare function FileInput({ node }: {
+    node: Node;
+}): import("react").JSX.Element;
+export declare function ColorInput({ node }: {
+    node: Node;
+}): import("react").JSX.Element;
+export declare function CodeInput({ node }: {
+    node: Node;
+}): import("react").JSX.Element;

package/dist/components/pickers.js

@@ -0,0 +1,402 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { RadioGroup } from "radix-ui";
+import { useBindings, useSurface } from "../context.js";
+import { absolute } from "../data.js";
+import { useA11y } from "../surface.js";
+import { optionsOf } from "./inputs.js";
+import { Icon } from "./avatar.js";
+/*
+ * Pickers: files, colours and one-time codes. Each follows the input conventions in inputs.tsx:
+ * a `pxd-field` with a `pxd-field-label`, optional `pxd-field-help`, the required mark, and the
+ * value written back through the node's binding.
+ */
+/** Same as inputs.tsx's mark: for the eye only, the control carries `required` for the reader. */
+const RequiredMark = () => (_jsx("span", { className: "pxd-required", "aria-hidden": "true", children: "*" }));
+/** Dispatch `node.action` with `next` applied wherever its context binds to `node.value` (as Toggle does). */
+function dispatchWith(s, b, node, next) {
+    const ptr = b.pointer(node.value);
+    const context = Object.fromEntries(Object.entries(node.action.event.context ?? {}).map(([k, v]) => [k, v && typeof v === "object" && "path" in v && absolute(v.path, b.scope) === ptr ? next : b.value(v)]));
+    s.dispatch({ event: { name: node.action.event.name, context } }, { pointer: "" }, node.id);
+}
+const describedBy = (...ids) => ids.filter(Boolean).join(" ") || undefined;
+const UNITS = ["byte", "kilobyte", "megabyte", "gigabyte"];
+function formatBytes(n, locale) {
+    let i = 0;
+    let v = n;
+    while (v >= 1024 && i < UNITS.length - 1) {
+        v /= 1024;
+        i++;
+    }
+    try {
+        return new Intl.NumberFormat(locale, { style: "unit", unit: UNITS[i], unitDisplay: "short", maximumFractionDigits: v < 10 ? 1 : 0 }).format(v);
+    }
+    catch {
+        return `${Math.round(v * 10) / 10} ${["B", "KB", "MB", "GB"][i]}`;
+    }
+}
+/** '.pdf' → 'PDF', 'image/*' → 'images', 'application/zip' → 'ZIP'. */
+function describeType(a) {
+    const t = a.trim().toLowerCase();
+    if (t.startsWith("."))
+        return t.slice(1).toUpperCase();
+    const wild = { "image/*": "images", "video/*": "videos", "audio/*": "audio", "text/*": "text files" };
+    if (wild[t])
+        return wild[t];
+    if (t === "application/pdf")
+        return "PDF";
+    const sub = t.split("/")[1];
+    return sub ? sub.replace(/^(x-|vnd\.)/, "").toUpperCase() : a;
+}
+function listText(items) {
+    if (items.length <= 1)
+        return items.join("");
+    return `${items.slice(0, -1).join(", ")} or ${items[items.length - 1]}`;
+}
+function matchesAccept(file, accept) {
+    if (accept.length === 0)
+        return true;
+    const name = file.name.toLowerCase();
+    const type = file.type.toLowerCase();
+    return accept.some((a) => {
+        const t = a.trim().toLowerCase();
+        if (t.startsWith("."))
+            return name.endsWith(t);
+        if (t.endsWith("/*"))
+            return type.startsWith(t.slice(0, -1));
+        return type === t;
+    });
+}
+const revoke = (f) => {
+    if (typeof f.ref === "string" && f.ref.startsWith("blob:"))
+        URL.revokeObjectURL(f.ref);
+};
+export function FileInput({ node }) {
+    const b = useBindings();
+    const s = useSurface();
+    const id = useId();
+    const helpId = useId();
+    const errorId = useId();
+    const [error, setError] = useState(null);
+    const [dragging, setDragging] = useState(false);
+    const raw = b.value(node.value);
+    const files = Array.isArray(raw) ? raw : [];
+    const accept = Array.isArray(node.accept) ? node.accept : [];
+    const maxSize = node.maxSize;
+    const multiple = Boolean(node.multiple);
+    const label = b.text(node.label);
+    // The limits are always said before choosing, after whatever the host says about what to attach.
+    const acceptText = accept.length ? listText(accept.map(describeType)) : "";
+    const limits = [acceptText && `Accepts ${acceptText}.`, maxSize && `Up to ${formatBytes(maxSize, s.locale)}${multiple ? " each" : ""}.`].filter(Boolean).join(" ");
+    const help = [node.help !== undefined ? b.text(node.help) : "", limits].filter(Boolean).join(" ") || undefined;
+    const add = (list) => {
+        if (!list)
+            return;
+        const chosen = Array.from(list);
+        const accepted = [];
+        const refused = [];
+        for (const f of multiple ? chosen : chosen.slice(0, 1)) {
+            if (maxSize && f.size > maxSize)
+                refused.push(`${f.name} is ${formatBytes(f.size, s.locale)}; the limit is ${formatBytes(maxSize, s.locale)}.`);
+            else if (!matchesAccept(f, accept))
+                refused.push(`${f.name} isn't an accepted type${acceptText ? ` (${acceptText})` : ""}.`);
+            else
+                accepted.push({ name: f.name, size: f.size, type: f.type, ref: URL.createObjectURL(f) });
+        }
+        setError(refused.length ? refused.join(" ") : null);
+        if (accepted.length === 0)
+            return;
+        if (multiple) {
+            // The same file chosen twice is one file.
+            const fresh = accepted.filter((a) => !files.some((f) => f.name === a.name && f.size === a.size));
+            accepted.filter((a) => !fresh.includes(a)).forEach(revoke);
+            if (fresh.length)
+                b.write(node.value, [...files, ...fresh]);
+        }
+        else {
+            files.forEach(revoke);
+            b.write(node.value, accepted);
+        }
+    };
+    const remove = (i) => {
+        revoke(files[i]);
+        b.write(node.value, files.filter((_, j) => j !== i));
+        setError(null);
+    };
+    const onDrop = (e) => {
+        e.preventDefault();
+        setDragging(false);
+        add(e.dataTransfer.files);
+    };
+    const onDragOver = (e) => {
+        e.preventDefault();
+        if (!dragging)
+            setDragging(true);
+    };
+    const onDragLeave = (e) => {
+        // Leaving a child still counts as inside the zone.
+        if (!e.currentTarget.contains(e.relatedTarget))
+            setDragging(false);
+    };
+    return (_jsxs("div", { className: "pxd-field pxd-file", children: [_jsxs("label", { className: "pxd-field-label", htmlFor: id, children: [label, node.required && _jsx(RequiredMark, {})] }), help && (_jsx("p", { className: "pxd-field-help", id: helpId, children: help })), _jsxs("div", { className: "pxd-dropzone", "data-dragging": dragging || undefined, onDrop: onDrop, onDragOver: onDragOver, onDragLeave: onDragLeave, children: [_jsx("input", { id: id, className: "pxd-dropzone-input", type: "file", accept: accept.length ? accept.join(",") : undefined, multiple: multiple, required: node.required && files.length === 0, "aria-describedby": describedBy(help && helpId, error && errorId), "aria-invalid": error ? true : undefined, onChange: (e) => {
+                            add(e.target.files);
+                            e.target.value = "";
+                        }, ...useA11y(node) }), _jsx("span", { className: "pxd-dropzone-icon", "aria-hidden": "true", children: _jsx(Icon, { name: "file", size: 24 }) }), _jsxs("span", { className: "pxd-dropzone-text", children: [_jsx("span", { className: "pxd-dropzone-action", children: multiple ? "Choose files" : "Choose a file" }), _jsx("span", { className: "pxd-dropzone-hint", children: multiple ? "or drop them here" : "or drop it here" })] })] }), error && (_jsx("p", { className: "pxd-field-error", id: errorId, role: "alert", children: error })), files.length > 0 && (_jsx("ul", { className: "pxd-file-list", children: files.map((f, i) => (_jsxs("li", { className: "pxd-file-item", children: [_jsx("span", { className: "pxd-file-icon", "aria-hidden": "true", children: _jsx(Icon, { name: "file", size: 18 }) }), _jsxs("span", { className: "pxd-file-text", children: [_jsx("span", { className: "pxd-file-name", children: f.name }), _jsx("span", { className: "pxd-file-size", children: formatBytes(f.size, s.locale) }), typeof f.progress === "number" && f.progress < 1 && _jsx("progress", { className: "pxd-file-progress", value: f.progress, max: 1, "aria-label": `Uploading ${f.name}` })] }), _jsx("button", { type: "button", className: "pxd-file-remove", "aria-label": `Remove ${f.name}`, onClick: () => remove(i), children: _jsx(Icon, { name: "close", size: 18 }) })] }, `${f.name}-${f.size}-${i}`))) }))] }));
+}
+const clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, n));
+const hex2 = (n) => clamp(Math.round(n), 0, 255).toString(16).padStart(2, "0");
+const parseAlpha = (t) => (t === undefined ? 1 : clamp(t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t), 0, 1));
+const channel = (t) => (t.endsWith("%") ? (parseFloat(t) / 100) * 255 : parseFloat(t));
+function hslToRgb(h, s, l) {
+    const hh = (((h % 360) + 360) % 360) / 360;
+    if (s === 0)
+        return [l * 255, l * 255, l * 255];
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    const f = (t) => {
+        if (t < 0)
+            t += 1;
+        if (t > 1)
+            t -= 1;
+        if (t < 1 / 6)
+            return p + (q - p) * 6 * t;
+        if (t < 1 / 2)
+            return q;
+        if (t < 2 / 3)
+            return p + (q - p) * (2 / 3 - t) * 6;
+        return p;
+    };
+    return [f(hh + 1 / 3) * 255, f(hh) * 255, f(hh - 1 / 3) * 255];
+}
+function rgbToHsl(r, g, b) {
+    const rr = r / 255;
+    const gg = g / 255;
+    const bb = b / 255;
+    const max = Math.max(rr, gg, bb);
+    const min = Math.min(rr, gg, bb);
+    const l = (max + min) / 2;
+    if (max === min)
+        return [0, 0, l];
+    const d = max - min;
+    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    let h = max === rr ? (gg - bb) / d + (gg < bb ? 6 : 0) : max === gg ? (bb - rr) / d + 2 : (rr - gg) / d + 4;
+    h /= 6;
+    return [h * 360, s, l];
+}
+/** Parse CSS hex, rgb()/rgba() and hsl()/hsla() text; null when it isn't a colour yet. */
+function parseColor(text) {
+    if (typeof text !== "string")
+        return null;
+    const t = text.trim();
+    const hex = /^#([0-9a-f]{3,8})$/i.exec(t);
+    if (hex) {
+        const h = hex[1];
+        if (h.length === 3 || h.length === 4) {
+            const [r, g, b, a] = h.split("").map((c) => parseInt(c + c, 16));
+            return { r, g, b, a: h.length === 4 ? a / 255 : 1 };
+        }
+        if (h.length === 6 || h.length === 8) {
+            const at = (i) => parseInt(h.slice(i, i + 2), 16);
+            return { r: at(0), g: at(2), b: at(4), a: h.length === 8 ? at(6) / 255 : 1 };
+        }
+        return null;
+    }
+    const fn = /^(rgba?|hsla?)\(\s*([^)]+?)\s*\)$/i.exec(t);
+    if (!fn)
+        return null;
+    const parts = fn[2].split(/\s*[,/]\s*|\s+/).filter(Boolean);
+    if (parts.length < 3 || parts.length > 4)
+        return null;
+    const a = parseAlpha(parts[3]);
+    if (Number.isNaN(a))
+        return null;
+    if (fn[1].toLowerCase().startsWith("rgb")) {
+        const [r, g, b] = parts.slice(0, 3).map(channel);
+        if ([r, g, b].some(Number.isNaN))
+            return null;
+        return { r: clamp(r, 0, 255), g: clamp(g, 0, 255), b: clamp(b, 0, 255), a };
+    }
+    const h = parseFloat(parts[0]);
+    const sat = parseFloat(parts[1]) / 100;
+    const light = parseFloat(parts[2]) / 100;
+    if ([h, sat, light].some(Number.isNaN))
+        return null;
+    const [r, g, b] = hslToRgb(h, clamp(sat, 0, 1), clamp(light, 0, 1));
+    return { r, g, b, a };
+}
+/** Write a colour as CSS text in the requested format; alpha appears only when allowed and below 1. */
+function formatColor(c, format, alpha) {
+    const a = alpha ? Math.round(c.a * 100) / 100 : 1;
+    const r = Math.round(c.r);
+    const g = Math.round(c.g);
+    const b = Math.round(c.b);
+    if (format === "rgb")
+        return a < 1 ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
+    if (format === "hsl") {
+        const [h, s, l] = rgbToHsl(r, g, b);
+        const hh = Math.round(h);
+        const ss = Math.round(s * 100);
+        const ll = Math.round(l * 100);
+        return a < 1 ? `hsla(${hh}, ${ss}%, ${ll}%, ${a})` : `hsl(${hh}, ${ss}%, ${ll}%)`;
+    }
+    return `#${hex2(r)}${hex2(g)}${hex2(b)}${a < 1 ? hex2(a * 255) : ""}`;
+}
+const toHex6 = (c) => (c ? `#${hex2(c.r)}${hex2(c.g)}${hex2(c.b)}` : "#000000");
+const OTHER = "__other";
+export function ColorInput({ node }) {
+    const b = useBindings();
+    const s = useSurface();
+    const labelId = useId();
+    const helpId = useId();
+    const pickerId = useId();
+    const textId = useId();
+    const alphaId = useId();
+    const format = node.format ?? "hex";
+    const alpha = Boolean(node.alpha);
+    const label = b.text(node.label);
+    const help = node.help !== undefined ? b.text(node.help) : undefined;
+    const stored = b.value(node.value);
+    const storedText = stored === null || stored === undefined ? "" : String(stored);
+    const parsed = parseColor(storedText);
+    const [draft, setDraft] = useState(null);
+    const [otherChosen, setOtherChosen] = useState(false);
+    const a11y = useA11y(node);
+    const swatches = node.swatches ? optionsOf({ ...node, options: node.swatches }, s.data, b.scope, b.text) : [];
+    const hasSwatches = swatches.length > 0;
+    const write = (c) => b.write(node.value, formatColor(c, format, alpha));
+    const onText = (text) => {
+        setDraft(text);
+        const c = parseColor(text);
+        if (c)
+            write(c);
+    };
+    // Which swatch holds the current value (by colour, not by text: '#FFF' is 'rgb(255, 255, 255)').
+    const same = (a, c) => Boolean(a && c && Math.round(a.r) === Math.round(c.r) && Math.round(a.g) === Math.round(c.g) && Math.round(a.b) === Math.round(c.b) && (!alpha || Math.abs(a.a - c.a) < 0.005));
+    const matchIdx = swatches.findIndex((o) => (parsed ? same(parseColor(o.value), parsed) : String(o.value) === storedText && storedText !== ""));
+    const current = otherChosen ? OTHER : matchIdx >= 0 ? String(matchIdx) : storedText ? OTHER : "";
+    const showPicker = !hasSwatches || current === OTHER;
+    const picker = (_jsxs("div", { className: "pxd-color-picker", children: [_jsx("input", { id: pickerId, className: "pxd-color-native", type: "color", value: toHex6(parsed), "aria-label": `${label}: pick`, "aria-describedby": describedBy(help && helpId), onChange: (e) => {
+                    const c = parseColor(e.target.value);
+                    if (c) {
+                        setDraft(null);
+                        write({ ...c, a: parsed?.a ?? 1 });
+                    }
+                } }), _jsx("input", { id: textId, className: "pxd-input pxd-input-mono pxd-color-text", type: "text", inputMode: "text", autoComplete: "off", spellCheck: false, placeholder: format === "hex" ? "#000000" : format === "rgb" ? "rgb(0, 0, 0)" : "hsl(0, 0%, 0%)", value: draft ?? storedText, "aria-label": `${label}: value`, "aria-describedby": describedBy(help && helpId), "aria-invalid": draft !== null && draft !== "" && !parseColor(draft) ? true : undefined, required: !hasSwatches && node.required, onChange: (e) => onText(e.target.value), onBlur: () => setDraft(null) }), alpha && (_jsxs("label", { className: "pxd-color-alpha", htmlFor: alphaId, children: [_jsx("span", { className: "pxd-color-alpha-label", children: "Opacity" }), _jsx("input", { id: alphaId, type: "range", min: 0, max: 100, step: 1, value: Math.round((parsed?.a ?? 1) * 100), disabled: !parsed, "aria-valuetext": `${Math.round((parsed?.a ?? 1) * 100)}%`, onChange: (e) => {
+                            if (parsed) {
+                                setDraft(null);
+                                write({ ...parsed, a: Number(e.target.value) / 100 });
+                            }
+                        } }), _jsxs("output", { className: "pxd-color-alpha-value", htmlFor: alphaId, "aria-hidden": "true", children: [Math.round((parsed?.a ?? 1) * 100), "%"] })] }))] }));
+    if (!hasSwatches) {
+        return (_jsxs("div", { className: "pxd-field pxd-color", role: "group", "aria-labelledby": labelId, "aria-describedby": describedBy(help && helpId), ...a11y, children: [_jsxs("div", { className: "pxd-field-label", id: labelId, children: [label, node.required && _jsx(RequiredMark, {})] }), help && (_jsx("p", { className: "pxd-field-help", id: helpId, children: help })), picker] }));
+    }
+    return (_jsxs("div", { className: "pxd-field pxd-color", ...a11y, children: [_jsxs("div", { className: "pxd-field-label", id: labelId, children: [label, node.required && _jsx(RequiredMark, {})] }), help && (_jsx("p", { className: "pxd-field-help", id: helpId, children: help })), _jsxs(RadioGroup.Root, { className: "pxd-swatches", "aria-labelledby": labelId, "aria-describedby": describedBy(help && helpId), "aria-required": node.required || undefined, value: current, orientation: "horizontal", onValueChange: (k) => {
+                    if (k === OTHER)
+                        return setOtherChosen(true);
+                    setOtherChosen(false);
+                    setDraft(null);
+                    const o = swatches[Number(k)];
+                    const c = parseColor(o.value);
+                    b.write(node.value, c ? formatColor(c, format, alpha) : o.value);
+                }, children: [swatches.map((o, i) => (_jsxs(RadioGroup.Item, { value: String(i), className: "pxd-swatch", title: o.label, children: [_jsx("span", { className: "pxd-swatch-color", style: { background: String(o.value) }, "aria-hidden": "true" }), _jsx("span", { className: "pxd-swatch-name", children: o.label })] }, String(i)))), _jsxs(RadioGroup.Item, { value: OTHER, className: "pxd-swatch pxd-swatch-other", title: "Other", children: [_jsx("span", { className: "pxd-swatch-color", style: current === OTHER && parsed ? { background: storedText } : undefined, "aria-hidden": "true" }), _jsx("span", { className: "pxd-swatch-name", children: "Other" })] })] }), showPicker && picker] }));
+}
+/* ------------------------------------------------------------------------------------------ */
+/* CodeInput                                                                                   */
+/* ------------------------------------------------------------------------------------------ */
+const fromString = (text, n) => Array.from({ length: n }, (_, i) => text[i] ?? "");
+export function CodeInput({ node }) {
+    const b = useBindings();
+    const s = useSurface();
+    const labelId = useId();
+    const helpId = useId();
+    const n = clamp(Number(node.length) || 6, 4, 12);
+    const numeric = (node.kind ?? "numeric") === "numeric";
+    const required = node.required ?? true;
+    const label = b.text(node.label);
+    const help = node.help !== undefined ? b.text(node.help) : undefined;
+    const raw = b.value(node.value);
+    const stored = raw === null || raw === undefined ? "" : String(raw);
+    const [chars, setChars] = useState(() => fromString(stored, n));
+    const [seen, setSeen] = useState(stored);
+    // The host may reset or fill the code (e.g. after a failed attempt); follow it.
+    if (stored !== seen) {
+        setSeen(stored);
+        if (stored !== chars.join(""))
+            setChars(fromString(stored, n));
+    }
+    const [fired, setFired] = useState(null);
+    const boxes = useRef([]);
+    const a11y = useA11y(node);
+    const clean = (t) => t.replace(numeric ? /[^0-9]/g : /[^0-9a-zA-Z]/g, "");
+    const focusAt = (i) => boxes.current[clamp(i, 0, n - 1)]?.focus();
+    const commit = (next) => {
+        setChars(next);
+        const code = next.join("");
+        setSeen(code);
+        b.write(node.value, code);
+        if (node.action && next.every(Boolean) && code !== fired) {
+            // Every box is in: run the action once for this code, so no button is needed.
+            setFired(code);
+            dispatchWith(s, b, node, code);
+        }
+    };
+    /** Put `text` into the boxes from `from` onwards, then move to the box after the last one filled. */
+    const fill = (from, text) => {
+        const t = clean(text);
+        if (!t)
+            return;
+        const next = [...chars];
+        let i = from;
+        for (const ch of t) {
+            if (i >= n)
+                break;
+            next[i++] = ch;
+        }
+        commit(next);
+        focusAt(i);
+    };
+    const onChange = (i, e) => {
+        const prev = chars[i];
+        let t = e.target.value;
+        // The box's own character may survive a keystroke that didn't replace it; the new text is what remains.
+        if (prev && t.length > 1)
+            t = t.startsWith(prev) ? t.slice(prev.length) : t.endsWith(prev) ? t.slice(0, -prev.length) : t;
+        if (t === "") {
+            const next = [...chars];
+            next[i] = "";
+            return commit(next);
+        }
+        fill(clean(t).length >= n ? 0 : i, t);
+    };
+    const onKeyDown = (i, e) => {
+        if (e.key === "Backspace" && !chars[i] && i > 0) {
+            e.preventDefault();
+            const next = [...chars];
+            next[i - 1] = "";
+            commit(next);
+            focusAt(i - 1);
+        }
+        else if (e.key === "ArrowLeft") {
+            e.preventDefault();
+            focusAt(i - 1);
+        }
+        else if (e.key === "ArrowRight") {
+            e.preventDefault();
+            focusAt(i + 1);
+        }
+    };
+    const onPaste = (i, e) => {
+        e.preventDefault();
+        const t = e.clipboardData.getData("text");
+        fill(clean(t).length >= n ? 0 : i, t);
+    };
+    // Past six characters the boxes are grouped in threes or fours by a wider gap.
+    const groupSize = n > 6 ? (n % 4 === 0 ? 4 : 3) : n;
+    const groups = [];
+    for (let i = 0; i < n; i += groupSize)
+        groups.push(Array.from({ length: Math.min(groupSize, n - i) }, (_, j) => i + j));
+    return (_jsxs("div", { className: "pxd-field pxd-code", role: "group", "aria-labelledby": labelId, "aria-describedby": describedBy(help && helpId), ...a11y, children: [_jsxs("div", { className: "pxd-field-label", id: labelId, children: [label, required && _jsx(RequiredMark, {})] }), help && (_jsx("p", { className: "pxd-field-help", id: helpId, children: help })), _jsx("div", { className: "pxd-code-boxes", children: groups.map((group, g) => (_jsx("div", { className: "pxd-code-group", children: group.map((i) => (_jsx("input", { ref: (el) => {
+                            boxes.current[i] = el;
+                        }, className: "pxd-code-box", type: "text", inputMode: numeric ? "numeric" : "text", pattern: numeric ? "[0-9]*" : "[0-9A-Za-z]*", autoComplete: i === 0 ? "one-time-code" : "off", autoCapitalize: numeric ? undefined : "characters", spellCheck: false, "aria-label": `Digit ${i + 1} of ${n}`, value: chars[i], "data-filled": chars[i] ? "" : undefined, required: required, onFocus: (e) => e.target.select(), onChange: (e) => onChange(i, e), onKeyDown: (e) => onKeyDown(i, e), onPaste: (e) => onPaste(i, e) }, i))) }, g))) })] }));
+}
+//# sourceMappingURL=pickers.js.map