@polyxd/web 0.3.0

package/dist/components/overlays.js

@@ -0,0 +1,146 @@
+import { isBinding, menuOrder } from "@polyxd/core";
+import { h } from "../dom.js";
+import { Dialog, Menu, Popover, closedMenu, dialogClose, menuTrigger } from "../primitives.js";
+import { Children } from "./structure.js";
+import { Icon } from "./avatar.js";
+/** A downward chevron: the one glyph the icon set lacks. */
+const Chevron = () => h("svg", { class: "pxd-action-menu-chevron", width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("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, ctx) {
+    const b = ctx.b;
+    const r = ctx.r;
+    const a11y = ctx.a11y(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 id = ctx.id(node, "menu");
+    const [menu, setMenu] = ctx.state(node, "menu", closedMenu);
+    const [context, setContext] = ctx.state(node, "context", closedMenu);
+    const actions = (node.children ?? []).map((cid) => r.byId.get(cid)).filter((c) => Boolean(c) && (c.visible === undefined || b.value(c.visible) !== false));
+    const { usual, danger, divider } = menuOrder(actions);
+    const item = (a) => ({
+        key: a.id,
+        label: [b.text(a.label)],
+        class: `pxd-menu-item${a.tone === "danger" ? " pxd-menu-item-danger" : ""}`,
+        disabled: a.disabled !== undefined ? Boolean(b.value(a.disabled)) : undefined,
+        onSelect: () => r.dispatch(a.action, b.scope, a.id),
+        props: { "data-pxd-id": a.id, "data-pxd-component": a.component },
+    });
+    const items = [...usual.map(item), ...(divider ? ["separator"] : []), ...danger.map(item)];
+    Menu(ctx, id, menu, setMenu, items, { class: "pxd-menu pxd-action-menu" });
+    const trigger = (props, align, ...children) => h("button", { type: "button", ...menuTrigger(id, menu, setMenu, align, props) }, ...children);
+    const overflowTrigger = () => trigger({ class: "pxd-icon-button pxd-action-menu-trigger pxd-action-menu-overflow", ...a11y, "aria-label": name }, "end", Icon("dots", 18));
+    if (kind === "dropdown")
+        return trigger({ class: "pxd-button pxd-button-secondary pxd-action-menu-trigger pxd-action-menu-dropdown", ...a11y, "aria-label": a11y["aria-label"] }, "end", label, Chevron());
+    if (kind === "split") {
+        // The menu part takes the primary's emphasis so the two read as one control.
+        const primary = node.primary ? r.byId.get(node.primary) : undefined;
+        const emphasis = primary?.emphasis ?? "secondary";
+        return h("div", { class: "pxd-split", role: "group", ...a11y, "aria-label": name }, node.primary && ctx.render(node.primary), trigger({ class: `pxd-button pxd-button-${emphasis} pxd-action-menu-trigger pxd-split-menu`, "aria-label": `${label}: more options` }, "end", Chevron()));
+    }
+    if (kind === "context") {
+        // Right-click (or a long press) opens the same items where the pointer is.
+        Menu(ctx, `${id}-context`, context, setContext, items, { class: "pxd-menu pxd-action-menu", "aria-label": name });
+        return h("span", {
+            class: "pxd-context-target",
+            "data-state": context.open ? "open" : "closed",
+            style: { WebkitTouchCallout: "none" },
+            onContextmenu: (e) => {
+                e.preventDefault();
+                setContext({ open: true, x: e.clientX, y: e.clientY, align: "start" });
+            },
+        }, overflowTrigger());
+    }
+    return overflowTrigger();
+}
+/**
+ * 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 (a native dialog); popover is non-modal, anchored
+ * where the Panel sits in the tree.
+ */
+export function Panel(node, ctx) {
+    const b = ctx.b;
+    const r = ctx.r;
+    const a11y = ctx.a11y(node);
+    const level = Math.min(ctx.heading, 6);
+    const titleId = ctx.id(node, "title");
+    const id = ctx.id(node, "panel");
+    const kind = node.kind ?? "dialog";
+    const size = node.size ?? "default";
+    const dismissible = node.dismissible !== false;
+    const bound = isBinding(node.open);
+    const [local, setLocal] = ctx.state(node, "open", 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);
+        r.dispatch({ event: { name: "ui.dismiss" } }, b.scope, node.id);
+    };
+    const title = b.text(node.title);
+    const className = `pxd-panel pxd-panel-${kind} pxd-panel-size-${size}`;
+    const inner = ctx.with({ heading: level + 1 });
+    const body = () => h("div", { class: "pxd-panel-body pxd-stack" }, ...Children(inner, node.children));
+    const footer = () => node.actions && h("div", { class: "pxd-panel-footer" }, ctx.render(node.actions));
+    if (kind === "popover") {
+        if (open) {
+            Popover(ctx, id, `.pxd-panel-anchor[data-pxd-anchor="${CSS.escape(node.id)}"]`, close, dismissible, { class: className, "aria-labelledby": titleId, ...a11y }, h("div", { class: "pxd-panel-header" }, h(`h${level}`, { id: titleId, class: "pxd-panel-title" }, title), dismissible && h("button", { type: "button", class: "pxd-icon-button pxd-panel-close", "aria-label": "Close", onClick: close }, Icon("close"))), body(), footer(), h("span", { style: { position: "absolute", left: "50%", top: "100%", transform: "translateX(-50%)" } }, h("svg", { class: "pxd-panel-arrow", width: 16, height: 8, viewBox: "0 0 30 10", preserveAspectRatio: "none" }, h("polygon", { points: "0,0 30,0 15,10" }))));
+        }
+        return h("span", { class: "pxd-panel-anchor", "data-pxd-anchor": node.id });
+    }
+    if (!open)
+        return null;
+    // Drag a bottom sheet down to dismiss it. Handlers go on the header; the transform on the sheet.
+    const drag = kind === "sheet" && dismissible ? sheetDrag(close) : {};
+    ctx.portal(Dialog({ ctx, id, class: className, overlayClass: "pxd-overlay pxd-panel-backdrop", dismissible, onClose: close, props: { "aria-labelledby": titleId, ...a11y } }, h("div", { class: "pxd-panel-header", ...drag }, kind === "sheet" && h("span", { class: "pxd-panel-grip", "aria-hidden": "true" }), h(`h${level}`, { id: titleId, class: "pxd-panel-title" }, title), dismissible && dialogClose(close, { class: "pxd-icon-button pxd-panel-close", "aria-label": "Close" }, Icon("close"))), body(), footer()));
+    return null;
+}
+function sheetDrag(onDismiss) {
+    let start = null;
+    const sheetOf = (e) => e.currentTarget.closest("dialog");
+    const reset = (e) => {
+        start = null;
+        const sheet = sheetOf(e);
+        if (sheet) {
+            sheet.style.transform = "";
+            sheet.style.transition = "";
+        }
+    };
+    return {
+        onPointerdown: (e) => {
+            if (e.pointerType === "mouse" && e.button !== 0)
+                return;
+            start = e.clientY;
+            e.currentTarget.setPointerCapture(e.pointerId);
+        },
+        onPointermove: (e) => {
+            const sheet = sheetOf(e);
+            if (start === null || !sheet)
+                return;
+            const dy = Math.max(0, e.clientY - start);
+            sheet.style.transition = "none";
+            sheet.style.transform = `translateY(${dy}px)`;
+        },
+        onPointerup: (e) => {
+            if (start === null)
+                return;
+            const dy = e.clientY - start;
+            const sheet = sheetOf(e);
+            reset(e);
+            if (dy > 80) {
+                if (sheet?.open)
+                    sheet.close();
+                onDismiss();
+            }
+        },
+        onPointercancel: reset,
+    };
+}
+//# sourceMappingURL=overlays.js.map

package/dist/components/overlays.js.map

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

package/dist/components/pickers.d.ts

@@ -0,0 +1,6 @@
+import { type Node } from "@polyxd/core";
+import { type VNode } from "../dom.ts";
+import type { Ctx } from "../renderer.ts";
+export declare function FileInput(node: Node, ctx: Ctx): VNode;
+export declare function ColorInput(node: Node, ctx: Ctx): VNode;
+export declare function CodeInput(node: Node, ctx: Ctx): VNode;

package/dist/components/pickers.js

@@ -0,0 +1,272 @@
+import { clamp, colorPlaceholder, contextWithValue, fileLimits, formatBytes, formatColor, optionsOf, parseColor, refuseFile, sameColor, toHex6 } from "@polyxd/core";
+import { h } from "../dom.js";
+import { RadioGroup, RadioItem } from "../primitives.js";
+import { Icon } from "./avatar.js";
+import { RequiredMark } from "./inputs.js";
+/*
+ * Pickers: files, colours and one-time codes. Each follows the input conventions in inputs.ts:
+ * 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.
+ */
+const describedBy = (...ids) => ids.filter(Boolean).join(" ") || undefined;
+const typed = (e) => e.target.value;
+const revoke = (f) => {
+    if (typeof f.ref === "string" && f.ref.startsWith("blob:"))
+        URL.revokeObjectURL(f.ref);
+};
+export function FileInput(node, ctx) {
+    const b = ctx.b;
+    const r = ctx.r;
+    const id = ctx.id(node);
+    const helpId = ctx.id(node, "help");
+    const errorId = ctx.id(node, "error");
+    const [error, setError] = ctx.state(node, "error", null);
+    const [dragging, setDragging] = ctx.state(node, "dragging", 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 help = [node.help !== undefined ? b.text(node.help) : "", fileLimits(accept, maxSize, multiple, r.locale)].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)) {
+            const why = refuseFile(f, accept, maxSize, r.locale);
+            if (why)
+                refused.push(why);
+            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);
+    };
+    return h("div", { class: "pxd-field pxd-file" }, h("label", { class: "pxd-field-label", for: id }, label, node.required && RequiredMark()), help && h("p", { class: "pxd-field-help", id: helpId }, help), h("div", {
+        class: "pxd-dropzone",
+        "data-dragging": dragging || undefined,
+        onDrop: (e) => {
+            e.preventDefault();
+            setDragging(false);
+            add(e.dataTransfer?.files ?? null);
+        },
+        onDragover: (e) => {
+            e.preventDefault();
+            if (!dragging)
+                setDragging(true);
+        },
+        onDragleave: (e) => {
+            // Leaving a child still counts as inside the zone.
+            if (!e.currentTarget.contains(e.relatedTarget))
+                setDragging(false);
+        },
+    }, 
+    // The input is the real control: it covers the zone, so a click anywhere opens the chooser and the keyboard reaches it as usual.
+    h("input", {
+        id,
+        class: "pxd-dropzone-input",
+        type: "file",
+        accept: accept.length ? accept.join(",") : undefined,
+        multiple,
+        required: node.required && files.length === 0,
+        "aria-describedby": describedBy(help && helpId, error && errorId),
+        "aria-invalid": error ? true : undefined,
+        onChange: (e) => {
+            const input = e.target;
+            add(input.files);
+            input.value = "";
+        },
+        ...ctx.a11y(node),
+    }), h("span", { class: "pxd-dropzone-icon", "aria-hidden": "true" }, Icon("file", 24)), h("span", { class: "pxd-dropzone-text" }, h("span", { class: "pxd-dropzone-action" }, multiple ? "Choose files" : "Choose a file"), h("span", { class: "pxd-dropzone-hint" }, multiple ? "or drop them here" : "or drop it here"))), error && h("p", { class: "pxd-field-error", id: errorId, role: "alert" }, error), files.length > 0 &&
+        h("ul", { class: "pxd-file-list" }, ...files.map((f, i) => h("li", { class: "pxd-file-item", key: `${f.name}-${f.size}-${i}` }, h("span", { class: "pxd-file-icon", "aria-hidden": "true" }, Icon("file", 18)), h("span", { class: "pxd-file-text" }, h("span", { class: "pxd-file-name" }, f.name), h("span", { class: "pxd-file-size" }, formatBytes(f.size, r.locale)), typeof f.progress === "number" && f.progress < 1 && h("progress", { class: "pxd-file-progress", value: f.progress, max: 1, "aria-label": `Uploading ${f.name}` })), h("button", { type: "button", class: "pxd-file-remove", "aria-label": `Remove ${f.name}`, onClick: () => remove(i) }, Icon("close", 18))))));
+}
+/* ---- ColorInput ---- */
+const OTHER = "__other";
+export function ColorInput(node, ctx) {
+    const b = ctx.b;
+    const labelId = ctx.id(node, "label");
+    const helpId = ctx.id(node, "help");
+    const pickerId = ctx.id(node, "picker");
+    const textId = ctx.id(node, "text");
+    const alphaId = ctx.id(node, "alpha");
+    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] = ctx.state(node, "draft", null);
+    const [otherChosen, setOtherChosen] = ctx.state(node, "other", false);
+    const a11y = ctx.a11y(node);
+    const swatches = node.swatches ? optionsOf({ ...node, options: node.swatches }, ctx.r.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 matchIdx = swatches.findIndex((o) => (parsed ? sameColor(parseColor(o.value), parsed, alpha) : String(o.value) === storedText && storedText !== ""));
+    const current = otherChosen ? OTHER : matchIdx >= 0 ? String(matchIdx) : storedText ? OTHER : "";
+    const showPicker = !hasSwatches || current === OTHER;
+    const opacity = Math.round((parsed?.a ?? 1) * 100);
+    const picker = () => h("div", { class: "pxd-color-picker" }, h("input", {
+        id: pickerId,
+        class: "pxd-color-native",
+        type: "color",
+        value: toHex6(parsed),
+        "aria-label": `${label}: pick`,
+        "aria-describedby": describedBy(help && helpId),
+        onInput: (e) => {
+            const c = parseColor(typed(e));
+            if (c) {
+                setDraft(null);
+                write({ ...c, a: parsed?.a ?? 1 });
+            }
+        },
+    }), h("input", { id: textId, class: "pxd-input pxd-input-mono pxd-color-text", type: "text", inputmode: "text", autocomplete: "off", spellcheck: "false", placeholder: colorPlaceholder(format), 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, onInput: (e) => onText(typed(e)), onBlur: () => setDraft(null) }), alpha &&
+        h("label", { class: "pxd-color-alpha", for: alphaId }, h("span", { class: "pxd-color-alpha-label" }, "Opacity"), h("input", {
+            id: alphaId,
+            type: "range",
+            min: 0,
+            max: 100,
+            step: 1,
+            value: String(opacity),
+            disabled: !parsed,
+            "aria-valuetext": `${opacity}%`,
+            onInput: (e) => {
+                if (parsed) {
+                    setDraft(null);
+                    write({ ...parsed, a: Number(typed(e)) / 100 });
+                }
+            },
+        }), h("output", { class: "pxd-color-alpha-value", for: alphaId, "aria-hidden": "true" }, `${opacity}%`)));
+    if (!hasSwatches) {
+        return h("div", { class: "pxd-field pxd-color", role: "group", "aria-labelledby": labelId, "aria-describedby": describedBy(help && helpId), ...a11y }, h("div", { class: "pxd-field-label", id: labelId }, label, node.required && RequiredMark()), help && h("p", { class: "pxd-field-help", id: helpId }, help), picker());
+    }
+    const choose = (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);
+    };
+    return h("div", { class: "pxd-field pxd-color", ...a11y }, h("div", { class: "pxd-field-label", id: labelId }, label, node.required && RequiredMark()), help && h("p", { class: "pxd-field-help", id: helpId }, help), RadioGroup({ class: "pxd-swatches", "aria-labelledby": labelId, "aria-describedby": describedBy(help && helpId), "aria-required": node.required || undefined, value: current, orientation: "horizontal", onValueChange: choose }, ...swatches.map((o, i) => RadioItem({ key: String(i), value: String(i), group: current, first: i === 0, onSelect: () => choose(String(i)), class: "pxd-swatch", title: o.label, "data-orientation": "horizontal" }, h("span", { class: "pxd-swatch-color", style: { background: String(o.value) }, "aria-hidden": "true" }), h("span", { class: "pxd-swatch-name" }, o.label))), RadioItem({ key: OTHER, value: OTHER, group: current, onSelect: () => choose(OTHER), class: "pxd-swatch pxd-swatch-other", title: "Other", "data-orientation": "horizontal" }, h("span", { class: "pxd-swatch-color", style: current === OTHER && parsed ? { background: storedText } : undefined, "aria-hidden": "true" }), h("span", { class: "pxd-swatch-name" }, "Other"))), showPicker && picker());
+}
+/* ---- CodeInput ---- */
+const fromString = (text, n) => Array.from({ length: n }, (_, i) => text[i] ?? "");
+export function CodeInput(node, ctx) {
+    const b = ctx.b;
+    const labelId = ctx.id(node, "label");
+    const helpId = ctx.id(node, "help");
+    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 [state] = ctx.state(node, "code", () => ({ chars: fromString(stored, n), seen: stored, fired: null }));
+    // The host may reset or fill the code (e.g. after a failed attempt); follow it.
+    if (stored !== state.seen) {
+        state.seen = stored;
+        if (stored !== state.chars.join(""))
+            state.chars = fromString(stored, n);
+    }
+    const chars = state.chars;
+    const a11y = ctx.a11y(node);
+    const boxes = () => Array.from(ctx.r.root?.querySelectorAll(`[data-pxd-id="${CSS.escape(node.id)}"] .pxd-code-box`) ?? []);
+    const clean = (t) => t.replace(numeric ? /[^0-9]/g : /[^0-9a-zA-Z]/g, "");
+    const focusAt = (i) => boxes()[clamp(i, 0, n - 1)]?.focus();
+    const commit = (next) => {
+        state.chars = next;
+        const code = next.join("");
+        state.seen = code;
+        b.write(node.value, code);
+        if (node.action && next.every(Boolean) && code !== state.fired) {
+            // Every box is in: run the action once for this code, so no button is needed.
+            state.fired = code;
+            ctx.r.dispatch({ event: { name: node.action.event.name, context: contextWithValue(node, ctx.r.data, b.scope, code) } }, { pointer: "" }, node.id);
+        }
+        ctx.r.schedule();
+    };
+    /** 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 onInput = (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 h("div", { class: "pxd-field pxd-code", role: "group", "aria-labelledby": labelId, "aria-describedby": describedBy(help && helpId), ...a11y }, h("div", { class: "pxd-field-label", id: labelId }, label, required && RequiredMark()), help && h("p", { class: "pxd-field-help", id: helpId }, help), h("div", { class: "pxd-code-boxes" }, ...groups.map((group, g) => h("div", { class: "pxd-code-group", key: g }, ...group.map((i) => h("input", { key: i, class: "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, onFocus: (e) => e.target.select(), onInput: (e) => onInput(i, e), onKeydown: (e) => onKeyDown(i, e), onPaste: (e) => onPaste(i, e) }))))));
+}
+//# sourceMappingURL=pickers.js.map

package/dist/components/pickers.js.map

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

package/dist/components/shell.d.ts

@@ -0,0 +1,30 @@
+import { type Node } from "@polyxd/core";
+import { type VChild, type VNode } from "../dom.ts";
+import type { Ctx } from "../renderer.ts";
+/**
+ * The product's frame: its regions in reading order (skip link, banner, header, navigation,
+ * main, aside, footer), laid out for the width the frame has. The header's AppBar and the
+ * navigation read what was decided from the frame context; the host's screen arrives through
+ * the Outlet from the surface's `outlet` prop (<polyxd-frame>).
+ */
+export declare function Frame(node: Node, ctx: Ctx): VNode;
+/**
+ * The bar at the top of the product. The title is the product's name, or the current screen's
+ * on compact layouts when the Frame knows it. When the Frame put the navigation in a drawer,
+ * the menu button that opens it sits at the start. Search folds to an icon on compact layouts.
+ */
+export declare function AppBar(node: Node, ctx: Ctx): VChild;
+/** The bar at the bottom of the product: link groups as columns (stacked on compact), then the legal line. */
+export declare function Footer(node: Node, ctx: Ctx): VNode;
+/**
+ * Where the current screen renders: the host's element, or a skeleton while a screen is on its
+ * way. When the screen changes, focus moves to its h1. The frame's decisions still reach the
+ * screen, but its navigation slot does not: a screen's own Navigation is not the frame's.
+ */
+export declare function Outlet(node: Node, ctx: Ctx): VNode;
+/**
+ * A slot for a component the host implements: looked up by name in the surface's `components`
+ * and rendered with its props resolved. Without one, the fallback stands in, and the console
+ * hears about the missing name once. The raw props are never drawn.
+ */
+export declare function Custom(node: Node, ctx: Ctx): VChild;