@tai42/studio-sdk 0.2.0

package/dist/components/json-diff.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `JsonDiff` — a GENERIC, kind-agnostic structural diff of two JSON values,
+ * hand-rolled (no diff library). It recursively walks OBJECT keys and emits one row
+ * per leaf difference: a key present only on one side is `added`/`removed`, a key
+ * whose value differs is `changed`.
+ *
+ * ARRAYS ARE LEAVES: an unequal array (by deep compare) emits exactly ONE `changed`
+ * row at the array's path carrying both whole array values — there are no per-index
+ * rows and no LCS alignment. A container object whose descendants differ emits rows
+ * only for the differing leaves, never for the container itself.
+ *
+ * Rendered as a table: the dotted `path` (e.g. `fixed_kwargs.city`) as code, the
+ * kind as a Badge (removed → danger, added → success, changed → neutral), and the
+ * before/after values as a `JsonTree` for objects/arrays or escaped text for
+ * scalars. Every value renders as React TEXT, so payload markup is escaped and this
+ * is never an HTML sink.
+ *
+ * Each row also carries its `tai-diff-*` tint, but the tint only REINFORCES the
+ * kind — the Badge spells the kind out in words, so a row is never identified by
+ * color alone.
+ */
+import {} from 'react';
+import { Badge } from './badge';
+import { JsonTree } from './json-tree';
+import { Table, TBody, TD, TH, THead, TR } from './table';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+/** Structural deep-equality over JSON values (arrays compared position-wise). */
+function deepEqual(a, b) {
+    if (a === b)
+        return true;
+    if (Array.isArray(a) && Array.isArray(b)) {
+        return a.length === b.length && a.every((item, index) => deepEqual(item, b[index]));
+    }
+    if (isRecord(a) && isRecord(b)) {
+        const keys = new Set([...Object.keys(a), ...Object.keys(b)]);
+        for (const key of keys) {
+            if (!deepEqual(a[key], b[key]))
+                return false;
+        }
+        return true;
+    }
+    return false;
+}
+function childPath(path, key) {
+    return path === '' ? key : `${path}.${key}`;
+}
+/**
+ * Recursively collect the leaf differences. Only when BOTH sides are plain objects
+ * does the walk descend by key; anything else (arrays, scalars, a type mismatch) is
+ * compared as a single leaf.
+ */
+function collect(path, before, after, rows) {
+    if (isRecord(before) && isRecord(after)) {
+        const keys = [...new Set([...Object.keys(before), ...Object.keys(after)])].sort((a, b) => a.localeCompare(b));
+        for (const key of keys) {
+            const next = childPath(path, key);
+            const inBefore = key in before;
+            const inAfter = key in after;
+            if (inBefore && !inAfter) {
+                rows.push({ path: next, kind: 'removed', before: before[key] });
+            }
+            else if (!inBefore && inAfter) {
+                rows.push({ path: next, kind: 'added', after: after[key] });
+            }
+            else {
+                collect(next, before[key], after[key], rows);
+            }
+        }
+        return;
+    }
+    if (!deepEqual(before, after)) {
+        rows.push({ path, kind: 'changed', before, after });
+    }
+}
+/** The pure structural diff — every leaf difference between `before` and `after`. */
+export function diffJson(before, after) {
+    const rows = [];
+    collect('', before, after, rows);
+    return rows;
+}
+const KIND_VARIANT = {
+    added: 'success',
+    removed: 'danger',
+    changed: 'neutral',
+};
+/** The row tint for each kind — a reinforcement of the Badge, never the sole cue. */
+const KIND_ROW_CLASS = {
+    added: 'tai-diff-added',
+    removed: 'tai-diff-removed',
+    changed: 'tai-diff-changed',
+};
+/**
+ * Render one side's value: a `JsonTree` for objects/arrays, escaped text for
+ * scalars. The tree is a scroll region once it overflows, so it is named from
+ * the row's path and its side — a table of rows all announcing "JSON" tells a
+ * reader which pane they are in for none of them.
+ */
+function DiffValue({ value, label, }) {
+    if (Array.isArray(value) || isRecord(value)) {
+        return _jsx(JsonTree, { data: value, defaultExpanded: false, label: label });
+    }
+    return _jsx("code", { className: "tai-code", children: JSON.stringify(value) });
+}
+/** The row's path as it reads on screen; the root diff has no path of its own. */
+function pathLabel(path) {
+    return path === '' ? '(root)' : path;
+}
+const emptyCell = _jsx("span", { className: "tai-muted", children: "\u2014" });
+export function JsonDiff({ before, after }) {
+    const rows = diffJson(before, after);
+    if (rows.length === 0) {
+        return _jsx("p", { className: "tai-muted", children: "No differences between the two values." });
+    }
+    return (_jsxs(Table, { children: [_jsx(THead, { children: _jsxs(TR, { children: [_jsx(TH, { children: "Path" }), _jsx(TH, { children: "Change" }), _jsx(TH, { children: "Before" }), _jsx(TH, { children: "After" })] }) }), _jsx(TBody, { children: rows.map((row, index) => (_jsxs(TR, { className: KIND_ROW_CLASS[row.kind], "data-testid": `diff-row-${row.path}`, children: [_jsx(TD, { className: "tai-table-id", style: { wordBreak: 'break-all' }, children: pathLabel(row.path) }), _jsx(TD, { children: _jsx(Badge, { variant: KIND_VARIANT[row.kind], children: row.kind }) }), _jsx(TD, { children: row.kind === 'added' ? (emptyCell) : (_jsx(DiffValue, { value: row.before, label: `${pathLabel(row.path)} before` })) }), _jsx(TD, { children: row.kind === 'removed' ? (emptyCell) : (_jsx(DiffValue, { value: row.after, label: `${pathLabel(row.path)} after` })) })] }, `${row.kind}-${row.path}-${String(index)}`))) })] }));
+}
+//# sourceMappingURL=json-diff.js.map

package/dist/components/json-diff.js.map

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

package/dist/components/json-tree.d.ts

@@ -0,0 +1,8 @@
+export interface JsonTreeProps {
+    readonly data: unknown;
+    readonly defaultExpanded?: boolean;
+    /** The region's accessible name, applied only while the pane actually scrolls. */
+    readonly label?: string;
+}
+export declare function JsonTree({ data, defaultExpanded, label }: JsonTreeProps): import("react").JSX.Element;
+//# sourceMappingURL=json-tree.d.ts.map

package/dist/components/json-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-tree.d.ts","sourceRoot":"","sources":["../../src/components/json-tree.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AA8FD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAsB,EAAE,KAAK,EAAE,EAAE,aAAa,+BAU9E"}

package/dist/components/json-tree.js

@@ -0,0 +1,70 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useOverflowRegion } from './scroll-region';
+/** The region's name when the caller supplies none. */
+const DEFAULT_LABEL = 'JSON';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function primitiveText(value) {
+    if (value === null)
+        return 'null';
+    switch (typeof value) {
+        case 'undefined':
+            return 'undefined';
+        case 'string':
+            return `"${value}"`;
+        case 'number':
+        case 'bigint':
+        case 'boolean':
+            return String(value);
+        case 'symbol':
+            return value.toString();
+        case 'function':
+            return '[Function]';
+        default:
+            return '[object]';
+    }
+}
+/**
+ * One nesting level's indent: the child block insets and draws its own guide
+ * rail. The depth is expressed by the DOM nesting, so each level repeats this
+ * single step rather than computing an absolute offset.
+ */
+const childrenStyle = {
+    paddingLeft: 'var(--tai-space-4)',
+    marginLeft: 'var(--tai-space-1)',
+    borderLeft: '1px solid var(--tai-color-decor)',
+};
+/** A `<summary>` is a click target; browsers do not style it as one by default. */
+const summaryStyle = { cursor: 'pointer' };
+/** The syntax class for a primitive's type; anything outside JSON reads as muted. */
+function primitiveClass(value) {
+    if (typeof value === 'string')
+        return 'tai-syntax-string';
+    if (typeof value === 'number' || typeof value === 'bigint')
+        return 'tai-syntax-number';
+    if (typeof value === 'boolean')
+        return 'tai-syntax-bool';
+    if (value === null || value === undefined)
+        return 'tai-syntax-null';
+    return 'tai-muted';
+}
+function JsonNode({ name, value, defaultExpanded }) {
+    if (Array.isArray(value) || isRecord(value)) {
+        const entries = Array.isArray(value)
+            ? value.map((item, index) => [String(index), item])
+            : Object.entries(value);
+        const summary = Array.isArray(value)
+            ? `Array(${String(value.length)})`
+            : `Object(${String(entries.length)})`;
+        return (_jsxs("details", { open: defaultExpanded, children: [_jsxs("summary", { style: summaryStyle, children: [name !== undefined ? _jsxs("span", { className: "tai-syntax-key", children: [name, ": "] }) : null, _jsx("span", { className: "tai-muted", children: summary })] }), _jsx("div", { style: childrenStyle, children: entries.map(([childName, childValue]) => (_jsx(JsonNode, { name: childName, value: childValue, defaultExpanded: defaultExpanded }, childName))) })] }));
+    }
+    return (_jsxs("div", { children: [name !== undefined ? _jsxs("span", { className: "tai-syntax-key", children: [name, ": "] }) : null, _jsx("span", { className: primitiveClass(value), children: primitiveText(value) })] }));
+}
+export function JsonTree({ data, defaultExpanded = true, label }) {
+    // No consumer ref: the measurement's own callback ref is the only thing that
+    // needs the pane, and this component publishes no `ref` prop.
+    const region = useOverflowRegion(undefined, label ?? DEFAULT_LABEL);
+    return (_jsx("div", { className: "tai-code-block", ...region, children: _jsx(JsonNode, { value: data, defaultExpanded: defaultExpanded }) }));
+}
+//# sourceMappingURL=json-tree.js.map

package/dist/components/json-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-tree.js","sourceRoot":"","sources":["../../src/components/json-tree.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AASpD,uDAAuD;AACvD,MAAM,aAAa,GAAG,MAAM,CAAC;AAE7B,SAAS,QAAQ,CAAC,KAAc;IAC9B,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,aAAa,CAAC,KAAc;IACnC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IAClC,QAAQ,OAAO,KAAK,EAAE,CAAC;QACrB,KAAK,WAAW;YACd,OAAO,WAAW,CAAC;QACrB,KAAK,QAAQ;YACX,OAAO,IAAI,KAAK,GAAG,CAAC;QACtB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1B,KAAK,UAAU;YACb,OAAO,YAAY,CAAC;QACtB;YACE,OAAO,UAAU,CAAC;IACtB,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,aAAa,GAAkB;IACnC,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,oBAAoB;IAChC,UAAU,EAAE,kCAAkC;CAC/C,CAAC;AAEF,mFAAmF;AACnF,MAAM,YAAY,GAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAQ1D,qFAAqF;AACrF,SAAS,cAAc,CAAC,KAAc;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,mBAAmB,CAAC;IAC1D,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,mBAAmB,CAAC;IACvF,IAAI,OAAO,KAAK,KAAK,SAAS;QAAE,OAAO,iBAAiB,CAAC;IACzD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,iBAAiB,CAAC;IACpE,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAa;IAC3D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC5C,MAAM,OAAO,GAAwB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;YACnD,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,CAAC,CAAC,SAAS,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG;YAClC,CAAC,CAAC,UAAU,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,OAAO,CACL,mBAAS,IAAI,EAAE,eAAe,aAC5B,mBAAS,KAAK,EAAE,YAAY,aACzB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAM,SAAS,EAAC,gBAAgB,aAAE,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,EAC7E,eAAM,SAAS,EAAC,WAAW,YAAE,OAAO,GAAQ,IACpC,EACV,cAAK,KAAK,EAAE,aAAa,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CACxC,KAAC,QAAQ,IAEP,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,UAAU,EACjB,eAAe,EAAE,eAAe,IAH3B,SAAS,CAId,CACH,CAAC,GACE,IACE,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,0BACG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAM,SAAS,EAAC,gBAAgB,aAAE,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,EAC7E,eAAM,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,YAAG,aAAa,CAAC,KAAK,CAAC,GAAQ,IACjE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,EAAE,KAAK,EAAiB;IAC7E,6EAA6E;IAC7E,8DAA8D;IAC9D,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,EAAE,KAAK,IAAI,aAAa,CAAC,CAAC;IAEpE,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,KAAK,MAAM,YACxC,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,eAAe,GAAI,GACvD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/modal-focus.d.ts

@@ -0,0 +1,15 @@
+export interface ModalFocusReturnHandlers {
+    /** Runs before Radix moves focus into the panel, while the opener still holds it. */
+    readonly onOpenAutoFocus: (event: Event) => void;
+    /** Runs as the panel unmounts, before the focus scope would restore. */
+    readonly onCloseAutoFocus: (event: Event) => void;
+}
+/**
+ * The `onOpenAutoFocus` / `onCloseAutoFocus` pair to spread onto a Radix
+ * `Dialog.Content`.
+ *
+ * @param hasTrigger - whether a Radix `Trigger` is rendered. When it is, both
+ *   handlers stand down and Radix's own focus return applies.
+ */
+export declare function useModalFocusReturn(hasTrigger: boolean): ModalFocusReturnHandlers;
+//# sourceMappingURL=modal-focus.d.ts.map

package/dist/components/modal-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-focus.d.ts","sourceRoot":"","sources":["../../src/components/modal-focus.ts"],"names":[],"mappings":"AA6CA,MAAM,WAAW,wBAAwB;IACvC,qFAAqF;IACrF,QAAQ,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjD,wEAAwE;IACxE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnD;AA8CD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,OAAO,GAAG,wBAAwB,CA8CjF"}

package/dist/components/modal-focus.js

@@ -0,0 +1,136 @@
+/**
+ * Focus return for a modal that renders no Radix `Trigger`.
+ *
+ * Radix composes its own close handler AFTER the consumer's — `composeEventHandlers`
+ * runs the consumer's `onCloseAutoFocus` first and skips Radix's only when that
+ * handler called `preventDefault`. Radix's handler is
+ * `event.preventDefault(); triggerRef.current?.focus()`: it returns focus to the
+ * Trigger and cancels the focus scope's restore in the same breath. A modal
+ * driven purely by `open`/`onOpenChange` — every confirm mounted for the
+ * duration of one action — has no Trigger for that ref to point at, so if that
+ * handler is allowed to run the cancel lands, the focus does not, and the reader
+ * is left on `<body>` with their place in the page gone (WCAG 2.4.3).
+ *
+ * So with no Trigger this stands in for one and never yields the decision back:
+ * it prevents default unconditionally — Radix's restore is a guaranteed no-op
+ * here, and a `<body>` if allowed to run — and then lands the focus itself, on
+ * the first of these that will take it:
+ *
+ *   1. the element focus left on the way in, when it can still hold focus;
+ *   2. the nearest of that element's ancestors still in the document, borrowing
+ *      it a `tabindex="-1"` if it has none.
+ *
+ * The second case is the common one, not the exotic one: the action a confirm
+ * confirms is usually what removes, disables or hides the control that opened
+ * it. The list or table the vanished row sat in is still on screen and is where
+ * the reader was, so that is where they are put back.
+ *
+ * Those ancestors are recorded on the way IN because they cannot be recovered on
+ * the way out: detaching a node clears its own `parentElement`, so walking up
+ * from a removed row's button dead-ends inside the removed subtree instead of
+ * reaching the list that is still there. While the opener is still attached its
+ * live chain is used instead, so an opener that moved is followed rather than
+ * remembered wrongly.
+ *
+ * A borrowed `tabindex` is handed back on the element's `blur`, so the DOM keeps
+ * the attribute only while that element actually holds focus — and an element
+ * that is itself removed first takes the listener with it. Removing it any
+ * earlier would strip the attribute out from under the focus it exists to hold.
+ *
+ * When a Trigger IS rendered both handlers stand down and prevent nothing, so
+ * Radix's own restore runs untouched — there is never a second mechanism
+ * competing with the primitive.
+ */
+import { useRef } from 'react';
+/**
+ * `element`'s ancestors, nearest first, stopping short of `<body>` — landing on
+ * `<body>` is the failure this module exists to prevent, and it is already where
+ * focus falls when nothing else will take it.
+ */
+function ancestorChain(element) {
+    const chain = [];
+    const { body } = element.ownerDocument;
+    for (let node = element.parentElement; node !== null && node !== body; node = node.parentElement) {
+        chain.push(node);
+    }
+    return chain;
+}
+/**
+ * Focuses a container that was never meant to be focusable, lending it a
+ * `tabindex="-1"` if it has none and taking that back when it loses focus.
+ *
+ * @returns whether the focus actually landed.
+ */
+function focusAsFallback(element) {
+    const borrowed = !element.hasAttribute('tabindex');
+    if (borrowed)
+        element.setAttribute('tabindex', '-1');
+    element.focus();
+    if (element.ownerDocument.activeElement !== element) {
+        if (borrowed)
+            element.removeAttribute('tabindex');
+        return false;
+    }
+    if (borrowed) {
+        element.addEventListener('blur', () => {
+            element.removeAttribute('tabindex');
+        }, { once: true });
+    }
+    return true;
+}
+/**
+ * The `onOpenAutoFocus` / `onCloseAutoFocus` pair to spread onto a Radix
+ * `Dialog.Content`.
+ *
+ * @param hasTrigger - whether a Radix `Trigger` is rendered. When it is, both
+ *   handlers stand down and Radix's own focus return applies.
+ */
+export function useModalFocusReturn(hasTrigger) {
+    const openerRef = useRef(null);
+    const openedUnderRef = useRef([]);
+    return {
+        onOpenAutoFocus: () => {
+            // Recording is only ever read by the close handler, which stands down with
+            // a Trigger present. Standing down here too keeps the pair symmetric and
+            // stops the hook holding the opener and its whole ancestor chain alive for
+            // a modal that will never consult them.
+            if (hasTrigger)
+                return;
+            // The focus scope dispatches this BEFORE it focuses the panel, so the
+            // active element is still whatever the reader activated to open the modal,
+            // and its ancestors are still attached to record.
+            const active = document.activeElement;
+            const opener = active instanceof HTMLElement ? active : null;
+            openerRef.current = opener;
+            openedUnderRef.current = opener === null ? [] : ancestorChain(opener);
+        },
+        onCloseAutoFocus: (event) => {
+            if (hasTrigger)
+                return;
+            const opener = openerRef.current;
+            const openedUnder = openedUnderRef.current;
+            openerRef.current = null;
+            openedUnderRef.current = [];
+            // Radix's handler runs next unless this one prevents default. Its
+            // `triggerRef` is null by definition here, and it cancels the scope's
+            // restore before finding that out, so letting it run is a guaranteed
+            // `<body>`. Take the decision away from it in every case, including the
+            // one where there is nothing to return focus to.
+            event.preventDefault();
+            if (opener === null)
+                return;
+            opener.focus();
+            if (opener.ownerDocument.activeElement === opener)
+                return;
+            // The opener would not take focus — it was removed, disabled or hidden by
+            // the action this modal confirmed. Fall back to the nearest ancestor that
+            // is still in the document, so the reader keeps their place in the page.
+            const chain = opener.isConnected ? ancestorChain(opener) : openedUnder;
+            for (const ancestor of chain) {
+                if (ancestor.isConnected && focusAsFallback(ancestor))
+                    return;
+            }
+        },
+    };
+}
+//# sourceMappingURL=modal-focus.js.map

package/dist/components/modal-focus.js.map

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

package/dist/components/page-header.d.ts

@@ -0,0 +1,56 @@
+/**
+ * `PageHeader`, `Page`, `Stack` — the screen scaffolding every feature was
+ * hand-rolling as a flex column plus an ad-hoc heading block.
+ *
+ * `PageHeader` owns a DOM contract `page-header.test.tsx` asserts: exactly one
+ * `<h1>` whose accessible name is the title VERBATIM. The nav-section eyebrow a
+ * screen shows above its title is therefore a SIBLING of the `<h1>`, never a
+ * child — nesting it would fold it into the computed name and break every
+ * heading assertion. The `<h1>` is also permanently focusable
+ * (`tabIndex={-1}`), which is what makes it addressable as a focus target
+ * through {@link PageHeaderProps.titleRef} or `id`.
+ */
+import type { CSSProperties, ReactElement, ReactNode, Ref } from 'react';
+/** The wrapper props both layout primitives share, ref included. */
+interface LayoutElementProps {
+    readonly className?: string;
+    readonly style?: CSSProperties;
+    /** A consumer ref for the wrapper element itself. */
+    readonly ref?: Ref<HTMLDivElement>;
+}
+export interface PageHeaderProps {
+    /** The screen's title. It is the `<h1>`'s accessible name, VERBATIM. */
+    readonly title: string;
+    /** The screen's existing nav-section label, rendered ABOVE the h1 — never inside it. */
+    readonly eyebrow?: string;
+    readonly description?: string;
+    readonly actions?: ReactNode;
+    /**
+     * A consumer ref for the `<h1>`. Published so a caller that wants to move
+     * focus to the new screen's title — after a route change, say — has the
+     * element without querying for it; the heading is focusable for that reason.
+     */
+    readonly titleRef?: Ref<HTMLHeadingElement>;
+    /**
+     * An id for the `<h1>`, not for the `<header>` root. The heading is the element
+     * a caller has a reason to address — an `aria-labelledby` pointing at it names
+     * the region from the screen's own title — and it is the other way to reach it
+     * as a focus target.
+     */
+    readonly id?: string;
+}
+export declare function PageHeader({ title, eyebrow, description, actions, titleRef, id, }: PageHeaderProps): ReactElement;
+export interface PageLayoutProps extends LayoutElementProps {
+    readonly children: ReactNode;
+}
+/** The screen wrapper: the max-width, the gutters, and the vertical rhythm. */
+export declare function Page({ children, className, style, ref }: PageLayoutProps): ReactElement;
+export interface StackProps extends LayoutElementProps {
+    readonly children: ReactNode;
+    /** The gap step; 4 is the default and needs no modifier class. */
+    readonly gap?: 2 | 3 | 4 | 6;
+}
+/** A vertical flex column on the spacing scale. */
+export declare function Stack({ children, gap, className, style, ref }: StackProps): ReactElement;
+export {};
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/components/page-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEzE,oEAAoE;AACpE,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;IAC/B,qDAAqD;IACrD,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,QAAQ,EACR,EAAE,GACH,EAAE,eAAe,GAAG,YAAY,CAahC;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,+EAA+E;AAC/E,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,eAAe,GAAG,YAAY,CAUvF;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,kEAAkE;IAClE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC9B;AASD,mDAAmD;AACnD,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,UAAU,GAAG,YAAY,CAS5F"}

package/dist/components/page-header.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PageHeader({ title, eyebrow, description, actions, titleRef, id, }) {
+    return (_jsxs("header", { className: "tai-page-header", children: [_jsxs("div", { children: [eyebrow === undefined ? null : _jsx("div", { className: "tai-label", children: eyebrow }), _jsx("h1", { className: "tai-page-title", tabIndex: -1, ref: titleRef, id: id, children: title }), description === undefined ? null : _jsx("p", { className: "tai-page-description", children: description })] }), actions === undefined ? null : _jsx("div", { className: "tai-page-actions", children: actions })] }));
+}
+/** The screen wrapper: the max-width, the gutters, and the vertical rhythm. */
+export function Page({ children, className, style, ref }) {
+    return (_jsx("div", { className: className === undefined ? 'tai-page' : `tai-page ${className}`, style: style, ref: ref, children: children }));
+}
+/** The modifier class per non-default gap step; gap 4 is `.tai-stack`'s own gap. */
+const STACK_GAP_CLASS = {
+    2: 'tai-stack-2',
+    3: 'tai-stack-3',
+    6: 'tai-stack-6',
+};
+/** A vertical flex column on the spacing scale. */
+export function Stack({ children, gap = 4, className, style, ref }) {
+    const classes = ['tai-stack'];
+    if (gap !== 4)
+        classes.push(STACK_GAP_CLASS[gap]);
+    if (className !== undefined)
+        classes.push(className);
+    return (_jsx("div", { className: classes.join(' '), style: style, ref: ref, children: children }));
+}
+//# sourceMappingURL=page-header.js.map

package/dist/components/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/components/page-header.tsx"],"names":[],"mappings":";AA4CA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,QAAQ,EACR,EAAE,GACc;IAChB,OAAO,CACL,kBAAQ,SAAS,EAAC,iBAAiB,aACjC,0BACG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,WAAW,YAAE,OAAO,GAAO,EAC1E,aAAI,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,YAC/D,KAAK,GACH,EACJ,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAK,IACrF,EACL,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAO,IAC1E,CACV,CAAC;AACJ,CAAC;AAMD,+EAA+E;AAC/E,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAmB;IACvE,OAAO,CACL,cACE,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,SAAS,EAAE,EACzE,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAQD,oFAAoF;AACpF,MAAM,eAAe,GAA8B;IACjD,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;CACjB,CAAC;AAEF,mDAAmD;AACnD,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAc;IAC5E,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC,CAAC;IAC9B,IAAI,GAAG,KAAK,CAAC;QAAE,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;IAClD,IAAI,SAAS,KAAK,SAAS;QAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YACtD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}