@appinternalleads/ui 0.2.0

package/dist/esm/fields/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../src/fields/DateField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,GAOP;IACC,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACpC,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,EAC7B,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf;;mFAEmE;gBACnE,MAAM,EAAE,EAAE,CAAC;YACb,CAAC,EACD,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACrD,GAAG,EAAE,KAAK,CAAC,WAAW,EAAE,GAAG,EAC3B,GAAG,EAAE,KAAK,CAAC,WAAW,EAAE,GAAG,EAC3B,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EACrB,MAAM,EAAE,GAAG,KAAK,CAAC,GAAG,SAAS,gBACjB,KAAK,CAAC,KAAK,qBACN,GAAG,KAAK,CAAC,GAAG,QAAQ,GACrC,GACS,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/fields/EnumField.d.ts

@@ -0,0 +1,23 @@
+import type { EnumFieldSpec } from './types';
+type Props = {
+    field: EnumFieldSpec;
+    /** A `string` normally; a `string[]` when the field is `multiple` (decision Q3a). */
+    value: string | string[] | undefined;
+    onChange: (next: string | string[]) => void;
+    error?: string;
+    /**
+     * Options the host resolved from `field.source`. `undefined` means *not resolved yet*, which
+     * is different from `[]` meaning *the tool returned nothing* — and the two render differently.
+     */
+    options?: string[];
+};
+/**
+ * `enum`, in four controls.
+ *
+ * **Selected is `accentTint` ground with `accentInk` text, never an `accentFill` ground.** A
+ * filled option reads as a button — the thing you press to proceed — and a row of them reads as
+ * a row of buttons rather than a set of choices with one taken.
+ */
+export declare function EnumField({ field, value, onChange, error, options }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnumField.d.ts.map

package/dist/esm/fields/EnumField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnumField.d.ts","sourceRoot":"","sources":["../../../src/fields/EnumField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,SAAS,CAAC;AAEzD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,aAAa,CAAC;IACrB,qFAAqF;IACrF,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,+BAuE1E"}

package/dist/esm/fields/EnumField.js

@@ -0,0 +1,100 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Icon, Pressable, Scroll, Sheet, Text } from '../core';
+import { useDs } from '../tokens';
+import { FieldShell } from './FieldShell';
+import { controlOf } from './control';
+import { toOption } from './types';
+/**
+ * `enum`, in four controls.
+ *
+ * **Selected is `accentTint` ground with `accentInk` text, never an `accentFill` ground.** A
+ * filled option reads as a button — the thing you press to proceed — and a row of them reads as
+ * a row of buttons rather than a set of choices with one taken.
+ */
+export function EnumField({ field, value, onChange, error, options }) {
+    /**
+     * **Bare strings and rich options normalise to one shape here** (decision Q4a), so no control
+     * below ever branches on which form it was given. A bare string is its own value and its own
+     * label; that is the only difference between the two forms.
+     */
+    const resolved = (options ?? field.options)?.map(toOption);
+    /**
+     * **Unresolved is not empty, and conflating them is a real failure.**
+     *
+     * A `source` field has no options until the host has called its `LIST_*` tool. Rendering that
+     * as "No options available" tells the user something false about their connector; rendering
+     * `[]` as a spinner leaves them waiting for something that already finished.
+     */
+    if (!resolved) {
+        return (_jsx(FieldShell, { field: field, error: error, children: _jsx(Box, { p: "s3", radius: "field", bg: "surfaceSunken", children: _jsx(Text, { variant: "caption", color: "textTertiary", children: "Loading options\u2026" }) }) }));
+    }
+    if (resolved.length === 0) {
+        return (_jsx(FieldShell, { field: field, error: error, children: _jsx(Box, { p: "s3", radius: "field", bg: "surfaceSunken", children: _jsx(Text, { variant: "caption", color: "textSecondary", children: "No options available." }) }) }));
+    }
+    const control = controlOf(field);
+    const raw = value ?? field.default;
+    const multiple = field.multiple === true;
+    /* One representation for both modes: a set of chosen values. Single-select is the case where
+       that set holds at most one, which is a smaller claim than "a different control". */
+    const selected = raw === undefined ? [] : Array.isArray(raw) ? raw : [raw];
+    const toggle = (v) => {
+        if (!multiple) {
+            onChange(v);
+            return;
+        }
+        onChange(selected.includes(v) ? selected.filter(x => x !== v) : [...selected, v]);
+    };
+    const shared = { field, options: resolved, selected, onToggle: toggle };
+    return (_jsx(FieldShell, { field: field, error: error, children: control === 'radio' || (control === 'checkboxes' && !multiple) ? (_jsx(Radio, { ...shared })) : control === 'segmented' ? (_jsx(Segmented, { ...shared })) : control === 'chips' || control === 'checkboxes' ? (_jsx(Chips, { ...shared })) : (_jsx(Select, { ...shared, multiple: multiple })) }));
+}
+function Radio({ field, options, selected, onToggle }) {
+    const { colors } = useDs();
+    return (_jsx(Box, { gap: "s2", role: "group", "aria-label": field.label, children: options.map(o => {
+            const on = selected.includes(o.value);
+            return (_jsxs(Pressable, { onPress: () => onToggle(o.value), row: true, align: "center", justify: "flex-start", gap: "s3", py: "s2", "aria-label": o.label, style: { minHeight: 44 }, children: [_jsx(Box, { width: 20, height: 20, radius: "pill", align: "center", justify: "center", bg: on ? 'accentFill' : 'surface1', edge: on ? undefined : 'field', children: on ? _jsx(Icon, { name: "tick", size: 12, color: colors.accentOnFill }) : null }), _jsxs(Box, { flex: 1, gap: "s1", children: [_jsx(Text, { color: on ? 'accentInk' : 'textPrimary', children: o.label }), o.note ? (_jsx(Text, { variant: "caption", color: "textSecondary", children: o.note })) : null] })] }, o.value));
+        }) }));
+}
+/**
+ * A sunken track with the selected segment raised onto paper — the inverse of a chip, and the
+ * same inversion the KPI strip uses. Capped at four: past that the labels shrink below legible
+ * and the control wants to be a `select`.
+ */
+function Segmented({ field, options, selected, onToggle }) {
+    return (_jsx(Box, { row: true, p: "s1", gap: "s1", radius: "field", bg: "surfaceSunken", role: "group", "aria-label": field.label, children: options.slice(0, 4).map(o => {
+            const on = selected.includes(o.value);
+            return (_jsx(Pressable, { onPress: () => onToggle(o.value), py: "s2", px: "s3", radius: "chip", bg: on ? 'surface1' : undefined, "aria-label": o.label, style: { flex: 1 }, children: _jsx(Text, { variant: "caption", color: on ? 'accentInk' : 'textSecondary', numberOfLines: 1, children: o.label }) }, o.value));
+        }) }));
+}
+function Chips({ field, options, selected, onToggle }) {
+    return (_jsx(Box, { row: true, wrap: true, gap: "s2", role: "group", "aria-label": field.label, children: options.map(o => {
+            const on = selected.includes(o.value);
+            return (_jsx(Pressable, { onPress: () => onToggle(o.value), py: "s2", px: "s3", radius: "pill", bg: on ? 'accentTint' : 'surfaceSunken', "aria-label": o.label, children: _jsx(Text, { variant: "caption", color: on ? 'accentInk' : 'textSecondary', children: o.label }) }, o.value));
+        }) }));
+}
+/**
+ * The one control that needs an overlay.
+ *
+ * **The trigger is a field, so it takes the field edge and never lifts** — it is a hole showing
+ * the current answer, not a button. The sheet above it is a dialog and takes lift 3.
+ */
+function Select({ field, options, selected, onToggle, multiple, }) {
+    const [open, setOpen] = useState(false);
+    const { colors } = useDs();
+    const chosen = options.filter(o => selected.includes(o.value));
+    /* Multi-select names what is in the set rather than counting it — `2 selected` makes the user
+       open the sheet to find out which two. */
+    const summary = chosen.length ? chosen.map(o => o.label).join(', ') : undefined;
+    return (_jsxs(_Fragment, { children: [_jsxs(Pressable, { onPress: () => setOpen(true), row: true, align: "center", justify: "space-between", px: "s3", py: "s3", radius: "field", bg: "surface1", "aria-label": field.label, style: { minHeight: 44, boxShadow: undefined }, children: [_jsx(Text, { color: summary ? 'textPrimary' : 'textTertiary', numberOfLines: 1, children: summary ?? field.example ?? 'Select…' }), _jsx(Icon, { name: "caretDown", size: 14, color: colors.textTertiary })] }), _jsxs(Sheet, { visible: open, onDismiss: () => setOpen(false), testID: `${field.key}-sheet`, children: [_jsx(Text, { variant: "heading", children: field.label }), _jsx(Scroll, { gap: "s1", children: options.map(o => {
+                            const on = selected.includes(o.value);
+                            return (_jsxs(Pressable, { onPress: () => {
+                                    onToggle(o.value);
+                                    /* A multi-select sheet stays open — closing it after each tick would make
+                                       picking three options three round trips. */
+                                    if (!multiple)
+                                        setOpen(false);
+                                }, row: true, align: "center", justify: "space-between", py: "s3", px: "s3", radius: "row", bg: on ? 'accentTint' : undefined, "aria-label": o.label, style: { minHeight: 44 }, children: [_jsx(Text, { color: on ? 'accentInk' : 'textPrimary', children: o.label }), on ? _jsx(Icon, { name: "tick", size: 16, color: colors.accentInk }) : null] }, o.value));
+                        }) })] })] }));
+}
+//# sourceMappingURL=EnumField.js.map

package/dist/esm/fields/EnumField.js.map

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

package/dist/esm/fields/FieldRenderer.d.ts

@@ -0,0 +1,27 @@
+import type { Answers, FieldErrors, FieldSpec, ResolvedOptions } from './types';
+export type FieldRendererProps = {
+    field: FieldSpec;
+    value: unknown;
+    onChange: (next: unknown) => void;
+    onBlur?: () => void;
+    /**
+     * **Every error in the block, keyed by dotted path** — `contact.email`, `tags.2`. A flat map
+     * with paths rather than a nested structure, because the map is also what a host hands back
+     * from `QuestionBlock.validate`, and a host should not have to walk a tree to report that one
+     * field is wrong.
+     */
+    errors?: FieldErrors;
+    /** This field's own dotted path. Children append to it. */
+    path: string;
+    options?: ResolvedOptions;
+};
+/**
+ * Dispatches one field spec to its renderer.
+ *
+ * **Extracted from `QuestionBlock` so it can call itself.** `list`, `group` and `variant` all
+ * contain other fields, and a dispatch that lives inside the block component cannot recurse into
+ * them without the block importing itself.
+ */
+export declare function FieldRenderer({ field, value, onChange, onBlur, errors, path, options, }: FieldRendererProps): import("react").JSX.Element;
+export type { Answers };
+//# sourceMappingURL=FieldRenderer.d.ts.map

package/dist/esm/fields/FieldRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldRenderer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EACjD,MAAM,SAAS,CAAC;AAoBjB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GACtD,EAAE,kBAAkB,+BAwGpB;AAED,YAAY,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/fields/FieldRenderer.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DateField } from './DateField';
+import { GroupField } from './GroupField';
+import { ListField } from './ListField';
+import { VariantField } from './VariantField';
+import { EnumField } from './EnumField';
+import { JsonField } from './JsonField';
+import { NumberField } from './NumberField';
+import { TextInputField } from './TextInputField';
+import { ToggleField } from './ToggleField';
+import { Box, Text } from '../core';
+/**
+ * A type this build cannot draw.
+ *
+ * Rendering nothing would give the user no error, no explanation and no way back — the same
+ * failure the widget contract names when it says a type with no renderer says *broken* where
+ * `RAW` says *unfinished*. So this states the type by name and stays out of the way.
+ */
+function UnsupportedField({ field }) {
+    return (_jsxs(Box, { gap: "s1", children: [_jsx(Text, { variant: "label", children: field.label }), _jsxs(Text, { variant: "caption", color: "textSecondary", children: ["No renderer for \u201C", field.type, "\u201D yet."] })] }));
+}
+/**
+ * Dispatches one field spec to its renderer.
+ *
+ * **Extracted from `QuestionBlock` so it can call itself.** `list`, `group` and `variant` all
+ * contain other fields, and a dispatch that lives inside the block component cannot recurse into
+ * them without the block importing itself.
+ */
+export function FieldRenderer({ field, value, onChange, onBlur, errors, path, options, }) {
+    const error = errors?.[path];
+    const opts = options?.[path] ?? options?.[field.key];
+    switch (field.type) {
+        case 'text':
+        case 'email':
+            return (_jsx(TextInputField, { field: field, value: value, onChange: onChange, onBlur: onBlur, error: error }));
+        case 'number':
+            return (_jsx(NumberField, { field: field, value: value, onChange: onChange, onBlur: onBlur, error: error }));
+        case 'toggle':
+            return (_jsx(ToggleField, { field: field, value: value, onChange: onChange, error: error }));
+        case 'enum':
+            return (_jsx(EnumField, { field: field, value: value, onChange: onChange, options: opts, error: error }));
+        case 'date':
+        case 'datetime':
+            return (_jsx(DateField, { field: field, value: value, onChange: onChange, onBlur: onBlur, error: error }));
+        case 'json':
+            return (_jsx(JsonField, { field: field, value: value, onChange: onChange, onBlur: onBlur, error: error }));
+        case 'list':
+            return (_jsx(ListField, { field: field, value: value, onChange: onChange, error: error, errors: errors, path: path, options: options }));
+        case 'group':
+            return (_jsx(GroupField, { field: field, value: value, onChange: onChange, errors: errors, path: path, options: options }));
+        case 'variant':
+            return (_jsx(VariantField, { field: field, value: value, onChange: onChange, error: error, errors: errors, path: path, options: options }));
+        default:
+            return _jsx(UnsupportedField, { field: field });
+    }
+}
+//# sourceMappingURL=FieldRenderer.js.map

package/dist/esm/fields/FieldRenderer.js.map

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

package/dist/esm/fields/FieldShell.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { FieldSpec } from './types';
+/**
+ * Label, required marker, and the one line under the field.
+ *
+ * **An error REPLACES the hint rather than stacking under it.** Two lines of guidance where
+ * there was one shifts every field below it the moment someone types, and the hint is advice the
+ * user has already read by the time they are being corrected.
+ */
+export declare function FieldShell({ field, error, children, }: {
+    field: FieldSpec;
+    error?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FieldShell.d.ts.map

package/dist/esm/fields/FieldShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../src/fields/FieldShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAuCA"}

package/dist/esm/fields/FieldShell.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from '../core';
+import { resolveHint } from './control';
+/**
+ * Label, required marker, and the one line under the field.
+ *
+ * **An error REPLACES the hint rather than stacking under it.** Two lines of guidance where
+ * there was one shifts every field below it the moment someone types, and the hint is advice the
+ * user has already read by the time they are being corrected.
+ */
+export function FieldShell({ field, error, children, }) {
+    const hint = resolveHint(field);
+    return (_jsxs(Box, { gap: "s2", children: [_jsxs(Box, { row: true, align: "center", gap: "s1", children: [_jsx(Text, { variant: "label", nativeID: `${field.key}-label`, children: field.label }), field.required ? (
+                    /* Decoration. `aria-required` on the input is what a screen reader announces, so this
+                       is hidden from the tree rather than read out as the word "star". */
+                    _jsx(Text, { variant: "label", color: "accentInk", accessibilityElementsHidden: true, importantForAccessibility: "no", children: "*" })) : null] }), children, error ? (_jsx(Text, { variant: "caption", color: "status.error", nativeID: `${field.key}-error`, accessibilityLiveRegion: "polite", children: error })) : hint ? (_jsx(Text, { variant: "caption", color: "textSecondary", nativeID: `${field.key}-hint`, children: hint })) : null] }));
+}
+//# sourceMappingURL=FieldShell.js.map

package/dist/esm/fields/FieldShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldShell.js","sourceRoot":"","sources":["../../../src/fields/FieldShell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,aACX,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,GAAG,QAAQ,YACjD,KAAK,CAAC,KAAK,GACP,EACN,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAChB;0FACsE;oBACtE,KAAC,IAAI,IACH,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,WAAW,EACjB,2BAA2B,QAC3B,yBAAyB,EAAC,IAAI,kBAEzB,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,QAAQ,EAER,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,IAAI,IACH,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,GAAG,KAAK,CAAC,GAAG,QAAQ,EAC9B,uBAAuB,EAAC,QAAQ,YAC/B,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,GAAG,OAAO,YACxE,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/fields/GroupField.d.ts

@@ -0,0 +1,21 @@
+import type { FieldErrors, GroupFieldSpec, ResolvedOptions } from './types';
+/**
+ * `group` — a set of fields under one name, as a plain section or a raised card.
+ *
+ * **A group reports no error of its own.** Everything wrong with it is wrong with one of its
+ * children, and *"Contact is required"* stacked above three fields that each say what they need
+ * is noise on top of the answer.
+ *
+ * `showIf` on a child resolves against the GROUP's values, not the block's. A group is a scope,
+ * and a condition that reached outside it would make the group's meaning depend on where it was
+ * mounted.
+ */
+export declare function GroupField({ field, value, onChange, errors, path, options, }: {
+    field: GroupFieldSpec;
+    value: Record<string, unknown> | undefined;
+    onChange: (next: Record<string, unknown>) => void;
+    errors?: FieldErrors;
+    path: string;
+    options?: ResolvedOptions;
+}): import("react").JSX.Element;
+//# sourceMappingURL=GroupField.d.ts.map

package/dist/esm/fields/GroupField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupField.d.ts","sourceRoot":"","sources":["../../../src/fields/GroupField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5E;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAC9C,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,+BAyCA"}

package/dist/esm/fields/GroupField.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from '../core';
+import { FieldRenderer } from './FieldRenderer';
+import { controlOf, isVisible, resolveHint } from './control';
+/**
+ * `group` — a set of fields under one name, as a plain section or a raised card.
+ *
+ * **A group reports no error of its own.** Everything wrong with it is wrong with one of its
+ * children, and *"Contact is required"* stacked above three fields that each say what they need
+ * is noise on top of the answer.
+ *
+ * `showIf` on a child resolves against the GROUP's values, not the block's. A group is a scope,
+ * and a condition that reached outside it would make the group's meaning depend on where it was
+ * mounted.
+ */
+export function GroupField({ field, value, onChange, errors, path, options, }) {
+    const obj = value ?? field.default ?? {};
+    const card = controlOf(field) === 'card';
+    const hint = resolveHint(field);
+    return (_jsxs(Box, { gap: "s3", role: "group", "aria-label": field.label, ...(card
+            ? { p: 's4', radius: 'card', bg: 'surface1', lift: 1 }
+            : {}), children: [_jsxs(Box, { gap: "s1", children: [_jsx(Text, { variant: "eyebrow", color: "textTertiary", uppercase: true, children: field.label }), hint ? (_jsx(Text, { variant: "caption", color: "textSecondary", children: hint })) : null] }), _jsx(Box, { gap: "s4", children: field.children
+                    .filter(c => isVisible(c, obj))
+                    .map(child => (_jsx(FieldRenderer, { field: child, path: `${path}.${child.key}`, value: obj[child.key], onChange: next => onChange({ ...obj, [child.key]: next }), errors: errors, options: options }, child.key))) })] }));
+}
+//# sourceMappingURL=GroupField.js.map

package/dist/esm/fields/GroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupField.js","sourceRoot":"","sources":["../../../src/fields/GroupField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG9D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAQ9C;IACC,MAAM,GAAG,GAAG,KAAK,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACzC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAC,IAAI,EACR,IAAI,EAAC,OAAO,gBACA,KAAK,CAAC,KAAK,KACnB,CAAC,IAAI;YACP,CAAC,CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAY;YACjE,CAAC,CAAE,EAAY,CAAC,aAClB,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,aACX,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,SAAS,kBACnD,KAAK,CAAC,KAAK,GACP,EACN,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,YAC1C,IAAI,GACA,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EAEN,KAAC,GAAG,IAAC,GAAG,EAAC,IAAI,YACV,KAAK,CAAC,QAAQ;qBACZ,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;qBAC9B,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACZ,KAAC,aAAa,IAEZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,IAAI,IAAI,KAAK,CAAC,GAAG,EAAE,EAC5B,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,EACrB,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EACzD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IANX,KAAK,CAAC,GAAG,CAOd,CACH,CAAC,GACA,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/fields/JsonField.d.ts

@@ -0,0 +1,20 @@
+import type { JsonFieldSpec } from './types';
+/**
+ * `json`, in the `code` control.
+ *
+ * **Mono, and here the rule points the other way from the stepper.** A stepper's value is a
+ * number a human typed, so it is sans; this is machine content the user is editing verbatim, so
+ * it is mono. The face is not about who typed it — it is about what the string IS.
+ *
+ * The value is held as TEXT, never as a parsed object. Round-tripping through `JSON.parse` on
+ * every keystroke reformats what the user is typing underneath them and loses a trailing comma
+ * mid-edit; validity is checked at `validateField`, on blur.
+ */
+export declare function JsonField({ field, value, onChange, error, onBlur, }: {
+    field: JsonFieldSpec;
+    value: string | undefined;
+    onChange: (next: string) => void;
+    error?: string;
+    onBlur?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=JsonField.d.ts.map

package/dist/esm/fields/JsonField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.d.ts","sourceRoot":"","sources":["../../../src/fields/JsonField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,+BAkBA"}

package/dist/esm/fields/JsonField.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '../core';
+import { FieldShell } from './FieldShell';
+import { space } from '../tokens';
+/**
+ * `json`, in the `code` control.
+ *
+ * **Mono, and here the rule points the other way from the stepper.** A stepper's value is a
+ * number a human typed, so it is sans; this is machine content the user is editing verbatim, so
+ * it is mono. The face is not about who typed it — it is about what the string IS.
+ *
+ * The value is held as TEXT, never as a parsed object. Round-tripping through `JSON.parse` on
+ * every keystroke reformats what the user is typing underneath them and loses a trailing comma
+ * mid-edit; validity is checked at `validateField`, on blur.
+ */
+export function JsonField({ field, value, onChange, error, onBlur, }) {
+    return (_jsx(FieldShell, { field: field, error: error, children: _jsx(Input, { value: value ?? '', onChangeText: onChange, onBlur: onBlur, placeholder: field.example, multiline: true, mono: true, error: Boolean(error), minHeight: space.s14 * 2, "aria-required": field.required, "aria-invalid": Boolean(error), "aria-labelledby": `${field.key}-label` }) }));
+}
+//# sourceMappingURL=JsonField.js.map

package/dist/esm/fields/JsonField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.js","sourceRoot":"","sources":["../../../src/fields/JsonField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAGlC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,GAOP;IACC,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACpC,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,YAAY,EAAE,QAAQ,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,CAAC,OAAO,EAC1B,SAAS,QACT,IAAI,QACJ,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EACrB,SAAS,EAAE,KAAK,CAAC,GAAG,GAAG,CAAC,mBACT,KAAK,CAAC,QAAQ,kBACf,OAAO,CAAC,KAAK,CAAC,qBACX,GAAG,KAAK,CAAC,GAAG,QAAQ,GACrC,GACS,CACd,CAAC;AACJ,CAAC"}

package/dist/esm/fields/ListField.d.ts

@@ -0,0 +1,21 @@
+import type { FieldErrors, ListFieldSpec, ResolvedOptions } from './types';
+type Props = {
+    field: ListFieldSpec;
+    value: unknown[] | undefined;
+    onChange: (next: unknown[]) => void;
+    error?: string;
+    errors?: FieldErrors;
+    path: string;
+    options?: ResolvedOptions;
+};
+/**
+ * `list`, as tags or a repeater.
+ *
+ * **`itemType` excludes `list`, `group` and `variant`, and the cap is deliberate.** The widget
+ * contract caps `collection` at one level of nesting for the same reason it gives: a tree of
+ * inputs is a debugger rather than a form. A list of groups of lists is expressible in JSON and
+ * unusable on a 390pt screen.
+ */
+export declare function ListField({ field, value, onChange, error, errors, path, options }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ListField.d.ts.map

package/dist/esm/fields/ListField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListField.d.ts","sourceRoot":"","sources":["../../../src/fields/ListField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE3E,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,+BAmBxF"}

package/dist/esm/fields/ListField.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Icon, Input, Pressable, Text } from '../core';
+import { useDs } from '../tokens';
+import { FieldRenderer } from './FieldRenderer';
+import { controlOf, itemSpec } from './control';
+import { FieldShell } from './FieldShell';
+/**
+ * `list`, as tags or a repeater.
+ *
+ * **`itemType` excludes `list`, `group` and `variant`, and the cap is deliberate.** The widget
+ * contract caps `collection` at one level of nesting for the same reason it gives: a tree of
+ * inputs is a debugger rather than a form. A list of groups of lists is expressible in JSON and
+ * unusable on a 390pt screen.
+ */
+export function ListField({ field, value, onChange, error, errors, path, options }) {
+    const items = value ?? field.default ?? [];
+    const { maxItems } = field.constraints ?? {};
+    const full = maxItems !== undefined && items.length >= maxItems;
+    return controlOf(field) === 'repeater' ? (_jsx(Repeater, { field: field, items: items, onChange: onChange, error: error, errors: errors, path: path, options: options, full: full })) : (_jsx(Tags, { field: field, items: items, onChange: onChange, error: error, full: full }));
+}
+/**
+ * Chips plus one entry box.
+ *
+ * **Enter commits, and the box does not clear until it does.** A tag input that swallows what
+ * you typed because you tabbed away is the single most common way this control loses data.
+ */
+function Tags({ field, items, onChange, error, full, }) {
+    const { colors } = useDs();
+    const [draft, setDraft] = useState('');
+    const numeric = field.itemType === 'number';
+    const commit = () => {
+        const trimmed = draft.trim();
+        if (!trimmed || full)
+            return;
+        onChange([...items, numeric ? Number(trimmed) : trimmed]);
+        setDraft('');
+    };
+    return (_jsx(FieldShell, { field: field, error: error, children: _jsxs(Box, { gap: "s2", children: [items.length > 0 ? (_jsx(Box, { row: true, wrap: true, gap: "s2", children: items.map((item, i) => (_jsxs(Box, { row: true, align: "center", gap: "s1", py: "s1", px: "s3", radius: "pill", bg: "surfaceSunken", children: [_jsx(Text, { variant: "caption", color: "textSecondary", children: String(item) }), _jsx(Pressable, { onPress: () => onChange(items.filter((_, n) => n !== i)), hit: 24, "aria-label": `Remove ${String(item)}`, children: _jsx(Icon, { name: "close", size: 12, color: colors.textTertiary }) })] }, `${String(item)}-${i}`))) })) : null, full ? null : (_jsx(Input, { value: draft, onChangeText: setDraft, onBlur: commit, placeholder: field.example, numeric: numeric, error: Boolean(error), "aria-labelledby": `${field.key}-label` }))] }) }));
+}
+/**
+ * One full field per element, each removable, with an add row beneath.
+ *
+ * This is where a list of anything other than a short string belongs — a `tags` chip cannot show
+ * a date picker or a toggle, and squeezing one in would make the chip the widget.
+ */
+function Repeater({ field, items, onChange, error, errors, path, options, full, }) {
+    const { colors } = useDs();
+    return (_jsx(FieldShell, { field: field, error: error, children: _jsxs(Box, { gap: "s3", children: [items.map((item, i) => (_jsxs(Box, { row: true, align: "flex-start", gap: "s2", children: [_jsx(Box, { flex: 1, children: _jsx(FieldRenderer, { field: itemSpec(field, i), path: `${path}.${i}`, value: item, onChange: next => onChange(items.map((v, n) => (n === i ? next : v))), errors: errors, options: options }) }), _jsx(Pressable, { onPress: () => onChange(items.filter((_, n) => n !== i)), hit: 44, "aria-label": `Remove ${field.label} ${i + 1}`, children: _jsx(Icon, { name: "close", size: 14, color: colors.textTertiary }) })] }, i))), full ? null : (_jsxs(Pressable, { onPress: () => onChange([...items, undefined]), row: true, align: "center", justify: "flex-start", gap: "s2", py: "s2", "aria-label": `Add ${field.label}`, style: { minHeight: 44 }, children: [_jsx(Icon, { name: "plus", size: 14, color: colors.accentInk }), _jsx(Text, { variant: "caption", color: "accentInk", children: "Add" })] }))] }) }));
+}
+//# sourceMappingURL=ListField.js.map

package/dist/esm/fields/ListField.js.map

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

package/dist/esm/fields/NumberField.d.ts

@@ -0,0 +1,18 @@
+import type { NumberFieldSpec } from './types';
+/**
+ * `number`, in the `stepper` and `single` controls.
+ *
+ * **The value is set in the sans face, not mono.** The rule is *a number a human typed is
+ * Switzer; a number the system computed is mono* — a stepper's value is the user's own answer,
+ * so it is prose about a quantity rather than a machine reading. Mono here would make an input
+ * look like output. It is `numeric` all the same, so the field does not twitch as the value
+ * crosses a digit width.
+ */
+export declare function NumberField({ field, value, onChange, error, onBlur, }: {
+    field: NumberFieldSpec;
+    value: number | undefined;
+    onChange: (next: number | undefined) => void;
+    error?: string;
+    onBlur?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=NumberField.d.ts.map

package/dist/esm/fields/NumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../src/fields/NumberField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6C/C;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,+BA+EA"}

package/dist/esm/fields/NumberField.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Icon, Input, Pressable, Slider, Text } from '../core';
+import { useDs } from '../tokens';
+import { FieldShell } from './FieldShell';
+import { controlOf } from './control';
+const clamp = (n, min, max) => Math.min(max ?? Number.POSITIVE_INFINITY, Math.max(min ?? Number.NEGATIVE_INFINITY, n));
+/**
+ * **Module scope, and that is a correctness requirement rather than a style preference.**
+ *
+ * Defined inside `NumberField` this is a NEW component type on every render, so React unmounts
+ * and remounts the `Pressable` whenever any state changes. In a browser that swallowed the first
+ * press after focus left a text field: blurring re-rendered the parent, the button was replaced
+ * mid-gesture, and the press landed on an element that no longer existed. The second press
+ * worked, which is what made it look like a flake.
+ *
+ * The unit tests never caught it because they pressed the stepper without a preceding focus
+ * change — there was no re-render between mount and press.
+ *
+ * A control at its bound is disabled, not hidden. A button that vanishes at the limit moves the
+ * one beside it under the thumb already reaching for it.
+ */
+function Step({ dir, disabled, label, onPress, }) {
+    const { colors } = useDs();
+    return (_jsx(Pressable, { onPress: onPress, disabled: disabled, hit: 44, radius: "control", "aria-label": `${dir === 1 ? 'Increase' : 'Decrease'} ${label}`, children: _jsx(Icon, { name: dir === 1 ? 'plus' : 'minus', size: 16, color: disabled ? colors.textDisabled : colors.textPrimary }) }));
+}
+/**
+ * `number`, in the `stepper` and `single` controls.
+ *
+ * **The value is set in the sans face, not mono.** The rule is *a number a human typed is
+ * Switzer; a number the system computed is mono* — a stepper's value is the user's own answer,
+ * so it is prose about a quantity rather than a machine reading. Mono here would make an input
+ * look like output. It is `numeric` all the same, so the field does not twitch as the value
+ * crosses a digit width.
+ */
+export function NumberField({ field, value, onChange, error, onBlur, }) {
+    const { min, max, step = 1 } = field.constraints ?? {};
+    const control = controlOf(field);
+    const current = value ?? field.default ?? min ?? 0;
+    if (control === 'slider') {
+        /* A slider without bounds is a scrollbar for an unknown range. `min`/`max` default only so
+           the control still draws while a spec is being written; a real one declares both. */
+        return (_jsx(FieldShell, { field: field, error: error, children: _jsxs(Box, { row: true, align: "center", gap: "s3", children: [_jsx(Slider, { value: current, onChange: onChange, min: min ?? 0, max: max ?? 100, step: step, "aria-label": field.label, testID: `${field.key}-slider` }), _jsx(Text, { numeric: true, color: "textSecondary", children: current })] }) }));
+    }
+    if (control !== 'stepper') {
+        return (_jsx(FieldShell, { field: field, error: error, children: _jsx(Input, { value: value === undefined ? '' : String(value), onChangeText: t => onChange(t === '' ? undefined : Number(t)), onBlur: onBlur, placeholder: field.example, numeric: true, error: Boolean(error), "aria-required": field.required, "aria-invalid": Boolean(error), "aria-labelledby": `${field.key}-label` }) }));
+    }
+    const atMin = min !== undefined && current <= min;
+    const atMax = max !== undefined && current >= max;
+    return (_jsx(FieldShell, { field: field, error: error, children: _jsxs(Box, { row: true, align: "center", justify: "space-between", px: "s1", radius: "field", bg: "surface1", edge: error ? 'fieldError' : 'field', children: [_jsx(Step, { dir: -1, disabled: atMin, label: field.label, onPress: () => onChange(clamp(current - step, min, max)) }), _jsx(Text, { numeric: true, "aria-labelledby": `${field.key}-label`, children: current }), _jsx(Step, { dir: 1, disabled: atMax, label: field.label, onPress: () => onChange(clamp(current + step, min, max)) })] }) }));
+}
+//# sourceMappingURL=NumberField.js.map

package/dist/esm/fields/NumberField.js.map

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