@mobile-reality/mdma-renderer-vanilla 0.2.0

package/dist/components/MdmaBlockLoading.js

@@ -0,0 +1,26 @@
+import { el } from '../dom/el.js';
+/** Pull a component type hint out of partial YAML (e.g. "type: form"). */
+export function extractTypeHint(yaml) {
+    if (!yaml)
+        return null;
+    const match = yaml.match(/^\s*type:\s*(\S+)/m);
+    return match ? match[1] : null;
+}
+/**
+ * Skeleton for an `mdma` fence that hasn't finished streaming (or failed
+ * validation). The hint comes from the partial YAML so the placeholder can name
+ * what is arriving instead of showing a generic spinner.
+ */
+export function renderBlockLoading(node) {
+    const hint = extractTypeHint(node.value);
+    return el('div', { class: 'mdma-block-loading' }, [
+        el('div', { class: 'mdma-block-loading-shimmer' }),
+        el('div', { class: 'mdma-block-loading-content' }, [
+            el('span', { class: 'mdma-block-loading-icon' }),
+            el('span', { class: 'mdma-block-loading-text' }, [
+                hint ? `Loading ${hint} component...` : 'Loading component...',
+            ]),
+        ]),
+    ]);
+}
+//# sourceMappingURL=MdmaBlockLoading.js.map

package/dist/components/MdmaBlockLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MdmaBlockLoading.js","sourceRoot":"","sources":["../../src/components/MdmaBlockLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,0EAA0E;AAC1E,MAAM,UAAU,eAAe,CAAC,IAAa;IAC3C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC/C,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAwB;IACzD,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEzC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE;QAChD,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC;QAClD,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE;YACjD,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC;YAChD,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE;gBAC/C,IAAI,CAAC,CAAC,CAAC,WAAW,IAAI,eAAe,CAAC,CAAC,CAAC,sBAAsB;aAC/D,CAAC;SACH,CAAC;KACH,CAAC,CAAC;AACL,CAAC"}

package/dist/components/TableRenderer.d.ts

@@ -0,0 +1,2 @@
+export declare const TableRenderer: import("../index.js").MdmaBlockRenderer;
+//# sourceMappingURL=TableRenderer.d.ts.map

package/dist/components/TableRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRenderer.d.ts","sourceRoot":"","sources":["../../src/components/TableRenderer.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,aAAa,yCA6DzB,CAAC"}

package/dist/components/TableRenderer.js

@@ -0,0 +1,66 @@
+import { el } from '../dom/el.js';
+import { withState } from '../renderers/renderer-props.js';
+const MASK = '•••••';
+/** A PII cell, masked until the reader clicks it. Toggles in place — no re-render. */
+function maskedCell(value, key, revealed) {
+    const isRevealed = () => revealed.has(key);
+    const span = el('span', {
+        class: 'mdma-table-cell--sensitive',
+        title: isRevealed() ? 'Click to mask' : 'Click to reveal',
+        on: {
+            click: () => {
+                if (isRevealed())
+                    revealed.delete(key);
+                else
+                    revealed.add(key);
+                span.textContent = isRevealed() ? value : MASK;
+                span.setAttribute('title', isRevealed() ? 'Click to mask' : 'Click to reveal');
+            },
+        },
+    });
+    span.textContent = isRevealed() ? value : MASK;
+    return span;
+}
+export const TableRenderer = withState(() => new Set(), ({ component, resolveBinding }, revealed) => {
+    if (component.type !== 'table')
+        return el('div');
+    const raw = typeof component.data === 'string' ? resolveBinding(component.data) : component.data;
+    const rows = Array.isArray(raw) ? raw : [];
+    const sensitiveKeys = new Set(component.columns.filter((column) => column.sensitive).map((column) => column.key));
+    return el('div', { class: 'mdma-table', dataset: { 'component-id': component.id } }, [
+        component.label && el('h3', { class: 'mdma-table-label' }, [component.label]),
+        el('table', {}, [
+            el('thead', {}, [
+                el('tr', {}, component.columns.map((column) => el('th', { style: column.width ? { width: String(column.width) } : undefined }, [
+                    column.header,
+                    column.sensitive &&
+                        el('span', { class: 'mdma-sensitive-badge', title: 'Sensitive column (PII)' }, [
+                            '\u{1F512}',
+                        ]),
+                ]))),
+            ]),
+            el('tbody', {}, [
+                ...rows.map((row, rowIndex) => el('tr', {}, component.columns.map((column) => {
+                    const cell = row[column.key] ?? '';
+                    // A cell may itself hold a binding expression, e.g. "{{user.name}}".
+                    const resolved = typeof cell === 'string' && /^\{\{.+\}\}$/.test(cell)
+                        ? resolveBinding(cell)
+                        : cell;
+                    const value = String(resolved ?? '');
+                    return el('td', {}, [
+                        sensitiveKeys.has(column.key) && value
+                            ? maskedCell(value, `${rowIndex}:${column.key}`, revealed)
+                            : value,
+                    ]);
+                }))),
+                rows.length === 0 &&
+                    el('tr', {}, [
+                        el('td', { colspan: component.columns.length, class: 'mdma-table-empty' }, [
+                            'No data',
+                        ]),
+                    ]),
+            ]),
+        ]),
+    ]);
+});
+//# sourceMappingURL=TableRenderer.js.map

package/dist/components/TableRenderer.js.map

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

package/dist/components/TasklistRenderer.d.ts

@@ -0,0 +1,7 @@
+import type { MdmaBlockRenderer } from '../renderers/renderer-props.js';
+/**
+ * Checkboxes are updated in place rather than rebuilt: ticking one dispatches,
+ * which re-renders the document, and a rebuilt input would drop focus mid-click.
+ */
+export declare const TasklistRenderer: MdmaBlockRenderer;
+//# sourceMappingURL=TasklistRenderer.d.ts.map

package/dist/components/TasklistRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasklistRenderer.d.ts","sourceRoot":"","sources":["../../src/components/TasklistRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,iBAAiB,EAGlB,MAAM,gCAAgC,CAAC;AAmExC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,iBA+B9B,CAAC"}

package/dist/components/TasklistRenderer.js

@@ -0,0 +1,80 @@
+import { el } from '../dom/el.js';
+const itemKeyOf = (component) => component.items.map((item) => item.id).join(' ');
+function build(getProps, component) {
+    const boxes = new Map();
+    const items = component.items.map((item) => {
+        const box = el('input', {
+            type: 'checkbox',
+            on: {
+                change: (event) => {
+                    const checked = event.target.checked;
+                    // Read through the getter: this handler outlives the props it was built with.
+                    const { dispatch, componentState } = getProps();
+                    const before = componentState?.values ?? {};
+                    dispatch({
+                        type: 'FIELD_CHANGED',
+                        componentId: component.id,
+                        field: item.id,
+                        value: checked,
+                    });
+                    // Fire onComplete only on the transition into all-items-checked, mirroring
+                    // how FormRenderer emits ACTION_TRIGGERED on submit.
+                    if (!component.onComplete)
+                        return;
+                    const wasComplete = component.items.every((other) => Boolean(before[other.id]));
+                    const isComplete = component.items.every((other) => other.id === item.id ? checked : Boolean(before[other.id]));
+                    if (!wasComplete && isComplete) {
+                        dispatch({
+                            type: 'ACTION_TRIGGERED',
+                            componentId: component.id,
+                            actionId: component.onComplete,
+                        });
+                    }
+                },
+            },
+        });
+        boxes.set(item.id, box);
+        return el('li', { class: 'mdma-tasklist-item' }, [
+            el('label', {}, [box, el('span', {}, [item.text])]),
+        ]);
+    });
+    const root = el('div', { class: 'mdma-tasklist', dataset: { 'component-id': component.id } }, [
+        component.label && el('h3', { class: 'mdma-tasklist-label' }, [component.label]),
+        el('ul', { class: 'mdma-tasklist-items' }, items),
+    ]);
+    return { el: root, boxes, itemKey: itemKeyOf(component) };
+}
+const emptyBuild = () => ({ el: el('div'), boxes: new Map(), itemKey: '' });
+/**
+ * Checkboxes are updated in place rather than rebuilt: ticking one dispatches,
+ * which re-renders the document, and a rebuilt input would drop focus mid-click.
+ */
+export const TasklistRenderer = (initial) => {
+    let props = initial;
+    const getProps = () => props;
+    let built = initial.component.type === 'tasklist' ? build(getProps, initial.component) : emptyBuild();
+    const syncChecked = () => {
+        const values = props.componentState?.values ?? {};
+        for (const [id, box] of built.boxes)
+            box.checked = Boolean(values[id]);
+    };
+    syncChecked();
+    const instance = {
+        el: built.el,
+        update(next) {
+            props = next;
+            if (next.component.type !== 'tasklist')
+                return;
+            // Only a changed item set forces a rebuild; a value change applies in place.
+            if (itemKeyOf(next.component) !== built.itemKey) {
+                const rebuilt = build(getProps, next.component);
+                built.el.replaceWith(rebuilt.el);
+                built = rebuilt;
+                instance.el = rebuilt.el;
+            }
+            syncChecked();
+        },
+    };
+    return instance;
+};
+//# sourceMappingURL=TasklistRenderer.js.map

package/dist/components/TasklistRenderer.js.map

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

package/dist/components/ThinkingRenderer.d.ts

@@ -0,0 +1,3 @@
+/** Native `<details>`/`<summary>`, so the collapsible needs no script of its own. */
+export declare const ThinkingRenderer: import("../index.js").MdmaBlockRenderer;
+//# sourceMappingURL=ThinkingRenderer.d.ts.map

package/dist/components/ThinkingRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ThinkingRenderer.ts"],"names":[],"mappings":"AAGA,qFAAqF;AACrF,eAAO,MAAM,gBAAgB,yCAyC3B,CAAC"}

package/dist/components/ThinkingRenderer.js

@@ -0,0 +1,36 @@
+import { el } from '../dom/el.js';
+import { stateless } from '../renderers/renderer-props.js';
+/** Native `<details>`/`<summary>`, so the collapsible needs no script of its own. */
+export const ThinkingRenderer = stateless(({ component, componentState, dispatch }) => {
+    if (component.type !== 'thinking')
+        return el('div');
+    const collapsed = componentState?.values.collapsed ?? component.collapsed ?? true;
+    const status = component.status ?? 'done';
+    return el('details', {
+        class: `mdma-thinking mdma-thinking--${status}`,
+        dataset: { 'component-id': component.id },
+        open: !collapsed,
+    }, [
+        el('summary', {
+            class: 'mdma-thinking-summary',
+            on: {
+                // The open/closed state lives in the store, so the native toggle is
+                // suppressed and the dispatch drives it instead.
+                click: (event) => {
+                    event.preventDefault();
+                    dispatch({
+                        type: 'FIELD_CHANGED',
+                        componentId: component.id,
+                        field: 'collapsed',
+                        value: !collapsed,
+                    });
+                },
+            },
+        }, [
+            status === 'thinking' && el('span', { class: 'mdma-thinking-indicator' }),
+            el('span', { class: 'mdma-thinking-label' }, [component.label ?? 'Thinking']),
+        ]),
+        el('div', { class: 'mdma-thinking-content' }, [component.content]),
+    ]);
+});
+//# sourceMappingURL=ThinkingRenderer.js.map

package/dist/components/ThinkingRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingRenderer.js","sourceRoot":"","sources":["../../src/components/ThinkingRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,qFAAqF;AACrF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpF,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,SAAS,GACZ,cAAc,EAAE,MAAM,CAAC,SAAiC,IAAI,SAAS,CAAC,SAAS,IAAI,IAAI,CAAC;IAC3F,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC;IAE1C,OAAO,EAAE,CACP,SAAS,EACT;QACE,KAAK,EAAE,gCAAgC,MAAM,EAAE;QAC/C,OAAO,EAAE,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,EAAE;QACzC,IAAI,EAAE,CAAC,SAAS;KACjB,EACD;QACE,EAAE,CACA,SAAS,EACT;YACE,KAAK,EAAE,uBAAuB;YAC9B,EAAE,EAAE;gBACF,oEAAoE;gBACpE,iDAAiD;gBACjD,KAAK,EAAE,CAAC,KAAY,EAAE,EAAE;oBACtB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,QAAQ,CAAC;wBACP,IAAI,EAAE,eAAe;wBACrB,WAAW,EAAE,SAAS,CAAC,EAAE;wBACzB,KAAK,EAAE,WAAW;wBAClB,KAAK,EAAE,CAAC,SAAS;qBAClB,CAAC,CAAC;gBACL,CAAC;aACF;SACF,EACD;YACE,MAAM,KAAK,UAAU,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,CAAC;YACzE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC;SAC9E,CACF;QACD,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;KACnE,CACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/WebhookRenderer.d.ts

@@ -0,0 +1,2 @@
+export declare const WebhookRenderer: import("../index.js").MdmaBlockRenderer;
+//# sourceMappingURL=WebhookRenderer.d.ts.map

package/dist/components/WebhookRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookRenderer.d.ts","sourceRoot":"","sources":["../../src/components/WebhookRenderer.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,yCAqC3B,CAAC"}

package/dist/components/WebhookRenderer.js

@@ -0,0 +1,33 @@
+import { el } from '../dom/el.js';
+import { withState } from '../renderers/renderer-props.js';
+export const WebhookRenderer = withState(() => ({ triggered: false }), ({ component, componentState, dispatch }, local) => {
+    if (component.type !== 'webhook')
+        return el('div');
+    const status = componentState?.values.status ?? 'idle';
+    return el('div', { class: 'mdma-webhook', dataset: { 'component-id': component.id } }, [
+        component.label && el('span', { class: 'mdma-webhook-label' }, [component.label]),
+        el('span', { class: `mdma-webhook-status mdma-webhook-status--${status}` }, [
+            `Webhook: ${local.triggered ? 'triggered' : status}`,
+        ]),
+        !local.triggered &&
+            status === 'idle' &&
+            el('button', {
+                type: 'button',
+                class: 'mdma-webhook-trigger',
+                on: {
+                    click: () => {
+                        local.triggered = true;
+                        // Signals the user fired the webhook. Real HTTP execution is the (unbuilt) webhook
+                        // engine; this routes the trigger + request shape so an agent/host can act on it.
+                        dispatch({
+                            type: 'INTEGRATION_CALLED',
+                            componentId: component.id,
+                            integrationId: 'webhook',
+                            result: { status: 'triggered', url: component.url, method: component.method },
+                        });
+                    },
+                },
+            }, ['Trigger webhook']),
+    ]);
+});
+//# sourceMappingURL=WebhookRenderer.js.map

package/dist/components/WebhookRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookRenderer.js","sourceRoot":"","sources":["../../src/components/WebhookRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CACtC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAC5B,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;IACjD,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAI,cAAc,EAAE,MAAM,CAAC,MAAiB,IAAI,MAAM,CAAC;IAEnE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE;QACrF,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACjF,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,4CAA4C,MAAM,EAAE,EAAE,EAAE;YAC1E,YAAY,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAAE;SACrD,CAAC;QACF,CAAC,KAAK,CAAC,SAAS;YACd,MAAM,KAAK,MAAM;YACjB,EAAE,CACA,QAAQ,EACR;gBACE,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,sBAAsB;gBAC7B,EAAE,EAAE;oBACF,KAAK,EAAE,GAAG,EAAE;wBACV,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;wBACvB,mFAAmF;wBACnF,kFAAkF;wBAClF,QAAQ,CAAC;4BACP,IAAI,EAAE,oBAAoB;4BAC1B,WAAW,EAAE,SAAS,CAAC,EAAE;4BACzB,aAAa,EAAE,SAAS;4BACxB,MAAM,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE;yBAC9E,CAAC,CAAC;oBACL,CAAC;iBACF;aACF,EACD,CAAC,iBAAiB,CAAC,CACpB;KACJ,CAAC,CAAC;AACL,CAAC,CACF,CAAC"}

package/dist/components/form/default-elements.d.ts

@@ -0,0 +1,10 @@
+import type { ElementRenderer } from '../../context/render-context.js';
+import type { FormCheckboxElementProps, FormFileElementProps, FormInputElementProps, FormSelectElementProps, FormSensitiveIndicatorElementProps, FormSubmitElementProps, FormTextareaElementProps } from './element-props.js';
+export declare const DefaultInput: ElementRenderer<FormInputElementProps>;
+export declare const DefaultSelect: ElementRenderer<FormSelectElementProps>;
+export declare const DefaultCheckbox: ElementRenderer<FormCheckboxElementProps>;
+export declare const DefaultTextarea: ElementRenderer<FormTextareaElementProps>;
+export declare const DefaultFile: ElementRenderer<FormFileElementProps>;
+export declare const DefaultSubmitButton: ElementRenderer<FormSubmitElementProps>;
+export declare const DefaultSensitiveIndicator: ElementRenderer<FormSensitiveIndicatorElementProps>;
+//# sourceMappingURL=default-elements.d.ts.map

package/dist/components/form/default-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-elements.d.ts","sourceRoot":"","sources":["../../../src/components/form/default-elements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAExF,OAAO,KAAK,EACV,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,kCAAkC,EAClC,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,oBAAoB,CAAC;AAO5B,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,qBAAqB,CAoD/D,CAAC;AAYF,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,sBAAsB,CAuCjE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,wBAAwB,CAkBrE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,CAAC,wBAAwB,CA4BrE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,eAAe,CAAC,oBAAoB,CA2C7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,eAAe,CAAC,sBAAsB,CAgBvE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,eAAe,CAAC,kCAAkC,CAkBzF,CAAC"}

package/dist/components/form/default-elements.js

@@ -0,0 +1,198 @@
+import { clear, el, isFocused, setInputValue } from '../../dom/el.js';
+const wrapperClass = (sensitive, extra = '') => `mdma-input-wrapper ${extra} ${sensitive ? 'mdma-input--sensitive' : ''}`
+    .replace(/\s+/g, ' ')
+    .trim();
+export const DefaultInput = (initial) => {
+    let props = initial;
+    // A sensitive field starts masked; the toggle is per-field UI state, not
+    // document state, so it never reaches the store.
+    let masked = initial.sensitive === true;
+    const input = el('input', {
+        id: props.id,
+        type: masked ? 'password' : props.type,
+        on: { input: (event) => props.onChange(event.target.value) },
+    });
+    setInputValue(input, props.value);
+    const toggle = el('button', {
+        type: 'button',
+        class: 'mdma-sensitive-toggle',
+        on: {
+            click: () => {
+                masked = !masked;
+                applyMasking();
+            },
+        },
+    });
+    const root = el('span', {}, [input, toggle]);
+    function applyMasking() {
+        input.setAttribute('type', masked ? 'password' : props.type);
+        toggle.textContent = masked ? '👁' : '🔒';
+        toggle.setAttribute('title', masked ? 'Reveal value' : 'Mask value');
+        toggle.hidden = !(props.sensitive && props.value);
+    }
+    function apply() {
+        root.className = wrapperClass(props.sensitive);
+        input.id = props.id;
+        input.toggleAttribute('required', props.required === true);
+        if (props.sensitive)
+            input.setAttribute('placeholder', `Enter ${props.type}...`);
+        else
+            input.removeAttribute('placeholder');
+        setInputValue(input, props.value);
+        applyMasking();
+    }
+    apply();
+    const instance = {
+        el: root,
+        update(next) {
+            props = next;
+            apply();
+        },
+    };
+    return instance;
+};
+function sameOptions(a, b) {
+    return (a.length === b.length &&
+        a.every((option, index) => option.value === b[index]?.value && option.label === b[index]?.label));
+}
+export const DefaultSelect = (initial) => {
+    let props = initial;
+    const select = el('select', {
+        id: props.id,
+        on: { change: (event) => props.onChange(event.target.value) },
+    });
+    let renderedOptions;
+    function renderOptions() {
+        clear(select);
+        select.appendChild(el('option', { value: '' }, ['Select...']));
+        for (const option of props.options) {
+            select.appendChild(el('option', { value: option.value }, [option.label]));
+        }
+        renderedOptions = props.options;
+    }
+    function apply() {
+        const focused = isFocused(select);
+        if (!renderedOptions || !sameOptions(renderedOptions, props.options)) {
+            const shown = select.value;
+            renderOptions();
+            if (focused)
+                select.value = shown;
+        }
+        select.id = props.id;
+        select.toggleAttribute('required', props.required === true);
+        if (!focused && select.value !== props.value)
+            select.value = props.value;
+    }
+    apply();
+    return {
+        el: select,
+        update(next) {
+            props = next;
+            apply();
+        },
+    };
+};
+export const DefaultCheckbox = (initial) => {
+    let props = initial;
+    const input = el('input', {
+        id: props.id,
+        type: 'checkbox',
+        on: { change: (event) => props.onChange(event.target.checked) },
+    });
+    input.checked = props.checked;
+    return {
+        el: input,
+        update(next) {
+            props = next;
+            input.id = props.id;
+            input.checked = props.checked;
+        },
+    };
+};
+export const DefaultTextarea = (initial) => {
+    let props = initial;
+    const textarea = el('textarea', {
+        id: props.id,
+        on: { input: (event) => props.onChange(event.target.value) },
+    });
+    setInputValue(textarea, props.value);
+    const root = el('span', {}, [textarea]);
+    function apply() {
+        root.className = wrapperClass(props.sensitive);
+        textarea.id = props.id;
+        textarea.toggleAttribute('required', props.required === true);
+        if (props.sensitive)
+            textarea.setAttribute('placeholder', 'Enter sensitive data...');
+        else
+            textarea.removeAttribute('placeholder');
+        setInputValue(textarea, props.value);
+    }
+    apply();
+    return {
+        el: root,
+        update(next) {
+            props = next;
+            apply();
+        },
+    };
+};
+export const DefaultFile = (initial) => {
+    let props = initial;
+    const input = el('input', {
+        id: props.id,
+        type: 'file',
+        on: {
+            change: (event) => {
+                const files = event.target.files;
+                props.onChange(files ? Array.from(files) : []);
+            },
+        },
+    });
+    const list = el('ul', { class: 'mdma-file-list' });
+    const root = el('span', {}, [input, list]);
+    function apply() {
+        root.className = wrapperClass(props.sensitive, 'mdma-input--file');
+        input.id = props.id;
+        input.toggleAttribute('required', props.required === true);
+        clear(list);
+        list.hidden = props.value.length === 0;
+        for (const file of props.value) {
+            list.appendChild(el('li', {}, [
+                props.sensitive ? '•••' : file.name,
+                ' ',
+                el('span', { class: 'mdma-file-size' }, [`(${file.size} B)`]),
+            ]));
+        }
+    }
+    apply();
+    return {
+        el: root,
+        update(next) {
+            props = next;
+            apply();
+        },
+    };
+};
+export const DefaultSubmitButton = (initial) => {
+    let props = initial;
+    const button = el('button', { type: 'button', class: 'mdma-form-submit', on: { click: () => props.onClick() } }, [props.label]);
+    return {
+        el: button,
+        update(next) {
+            props = next;
+            button.textContent = props.label;
+        },
+    };
+};
+export const DefaultSensitiveIndicator = (initial) => {
+    let props = initial;
+    const badge = el('span', { class: 'mdma-sensitive-badge', title: `${props.label} contains sensitive data (PII)` }, ['\u{1F512}']);
+    return {
+        el: badge,
+        update(next) {
+            props = next;
+            badge.setAttribute('title', `${props.label} contains sensitive data (PII)`);
+        },
+    };
+};
+//# sourceMappingURL=default-elements.js.map

package/dist/components/form/default-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-elements.js","sourceRoot":"","sources":["../../../src/components/form/default-elements.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAWtE,MAAM,YAAY,GAAG,CAAC,SAAmB,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CACvD,sBAAsB,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE;KACtE,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;KACpB,IAAI,EAAE,CAAC;AAEZ,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,OAAO,EAAE,EAAE;IAC9E,IAAI,KAAK,GAAG,OAAO,CAAC;IACpB,yEAAyE;IACzE,iDAAiD;IACjD,IAAI,MAAM,GAAG,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC;IAExC,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,EAAE;QACxB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;QACtC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE;KACnF,CAAC,CAAC;IACH,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAElC,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE;QAC1B,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,uBAAuB;QAC9B,EAAE,EAAE;YACF,KAAK,EAAE,GAAG,EAAE;gBACV,MAAM,GAAG,CAAC,MAAM,CAAC;gBACjB,YAAY,EAAE,CAAC;YACjB,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7C,SAAS,YAAY;QACnB,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC7D,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1C,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QACrE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,SAAS,KAAK;QACZ,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC/C,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QACpB,KAAK,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;QAC3D,IAAI,KAAK,CAAC,SAAS;YAAE,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC;;YAC5E,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC1C,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAClC,YAAY,EAAE,CAAC;IACjB,CAAC;IACD,KAAK,EAAE,CAAC;IAER,MAAM,QAAQ,GAA2C;QACvD,EAAE,EAAE,IAAI;QACR,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,KAAK,EAAE,CAAC;QACV,CAAC;KACF,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,SAAS,WAAW,CAClB,CAAoC,EACpC,CAAoC;IAEpC,OAAO,CACL,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;QACrB,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CACjG,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAA4C,CAAC,OAAO,EAAE,EAAE;IAChF,IAAI,KAAK,GAAG,OAAO,CAAC;IAEpB,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE;QAC1B,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA4B,CAAC,KAAK,CAAC,EAAE;KACrF,CAAC,CAAC;IAEH,IAAI,eAA8D,CAAC;IAEnE,SAAS,aAAa;QACpB,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC/D,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACnC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5E,CAAC;QACD,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC;IAClC,CAAC;IAED,SAAS,KAAK;QACZ,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,eAAe,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3B,aAAa,EAAE,CAAC;YAChB,IAAI,OAAO;gBAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QACpC,CAAC;QACD,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QACrB,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;QAC5D,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;YAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3E,CAAC;IACD,KAAK,EAAE,CAAC;IAER,OAAO;QACL,EAAE,EAAE,MAAM;QACV,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,KAAK,EAAE,CAAC;QACV,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA8C,CAAC,OAAO,EAAE,EAAE;IACpF,IAAI,KAAK,GAAG,OAAO,CAAC;IAEpB,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,EAAE;QACxB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC,EAAE;KACtF,CAAC,CAAC;IACH,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,OAAO;QACL,EAAE,EAAE,KAAK;QACT,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAChC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA8C,CAAC,OAAO,EAAE,EAAE;IACpF,IAAI,KAAK,GAAG,OAAO,CAAC;IAEpB,MAAM,QAAQ,GAAG,EAAE,CAAC,UAAU,EAAE;QAC9B,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA8B,CAAC,KAAK,CAAC,EAAE;KACtF,CAAC,CAAC;IACH,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAErC,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExC,SAAS,KAAK;QACZ,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC/C,QAAQ,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QACvB,QAAQ,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;QAC9D,IAAI,KAAK,CAAC,SAAS;YAAE,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;;YAChF,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC7C,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IACD,KAAK,EAAE,CAAC;IAER,OAAO;QACL,EAAE,EAAE,IAAI;QACR,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,KAAK,EAAE,CAAC;QACV,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA0C,CAAC,OAAO,EAAE,EAAE;IAC5E,IAAI,KAAK,GAAG,OAAO,CAAC;IAEpB,MAAM,KAAK,GAAG,EAAE,CAAC,OAAO,EAAE;QACxB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE;YACF,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;gBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACjD,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACnD,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE3C,SAAS,KAAK;QACZ,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;QACnE,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QACpB,KAAK,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC;QAE3D,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;QACvC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,CACd,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE;gBACX,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;gBACnC,GAAG;gBACH,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC;aAC9D,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IACD,KAAK,EAAE,CAAC;IAER,OAAO;QACL,EAAE,EAAE,IAAI;QACR,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,KAAK,EAAE,CAAC;QACV,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA4C,CAAC,OAAO,EAAE,EAAE;IACtF,IAAI,KAAK,GAAG,OAAO,CAAC;IAEpB,MAAM,MAAM,GAAG,EAAE,CACf,QAAQ,EACR,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,EACnF,CAAC,KAAK,CAAC,KAAK,CAAC,CACd,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,MAAM;QACV,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;QACnC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAwD,CAC5F,OAAO,EACP,EAAE;IACF,IAAI,KAAK,GAAG,OAAO,CAAC;IAEpB,MAAM,KAAK,GAAG,EAAE,CACd,MAAM,EACN,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,gCAAgC,EAAE,EACxF,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,KAAK;QACT,MAAM,CAAC,IAAI;YACT,KAAK,GAAG,IAAI,CAAC;YACb,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,gCAAgC,CAAC,CAAC;QAC9E,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/form/element-props.d.ts

@@ -0,0 +1,58 @@
+export interface FormInputElementProps {
+    id: string;
+    name: string;
+    label: string;
+    type: string;
+    value: string;
+    onChange: (value: string) => void;
+    required?: boolean;
+    /** When true, the field contains PII and should be visually marked / masked. */
+    sensitive?: boolean;
+}
+export interface FormSelectElementProps extends FormInputElementProps {
+    options: {
+        label: string;
+        value: string;
+    }[];
+}
+export interface FormCheckboxElementProps {
+    id: string;
+    name: string;
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    sensitive?: boolean;
+}
+export interface FormTextareaElementProps {
+    id: string;
+    name: string;
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    required?: boolean;
+    sensitive?: boolean;
+}
+export interface FormFileElementProps {
+    id: string;
+    name: string;
+    label: string;
+    /** Files currently selected for this field. */
+    value: File[];
+    onChange: (files: File[]) => void;
+    required?: boolean;
+    sensitive?: boolean;
+}
+export interface FormSubmitElementProps {
+    onClick: () => void;
+    label: string;
+}
+/**
+ * Props for the marker rendered next to a sensitive (PII) field's label.
+ * Override the `sensitiveIndicator` element to restyle the badge — or render
+ * an empty element to opt out of it for a given scope.
+ */
+export interface FormSensitiveIndicatorElementProps {
+    name: string;
+    label: string;
+}
+//# sourceMappingURL=element-props.d.ts.map

package/dist/components/form/element-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-props.d.ts","sourceRoot":"","sources":["../../../src/components/form/element-props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,sBAAuB,SAAQ,qBAAqB;IACnE,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,kCAAkC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/components/form/element-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=element-props.js.map

package/dist/components/form/element-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-props.js","sourceRoot":"","sources":["../../../src/components/form/element-props.ts"],"names":[],"mappings":""}