@appinternalleads/ui 0.2.0

package/dist/cjs/fields/types.js

@@ -0,0 +1,84 @@
+"use strict";
+/**
+ * TypeScript mirror of `spec/question.schema.json`.
+ *
+ * **A discriminated union, deliberately.** The JSON Schema rejects `type: "text"` with
+ * `control: "stepper"` at validation time; this rejects the same thing at compile time, so a
+ * hand-written call site and a generated one fail identically. That pairing is the whole point
+ * — a rule enforced in one place and not the other is a rule that holds until someone is in a
+ * hurry.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isEscapeWording = exports.WIDGET_NAMES = exports.RENDERABLE_FIELD_TYPES = void 0;
+exports.toOption = toOption;
+exports.asQuestionBlock = asQuestionBlock;
+exports.isRenderable = isRenderable;
+/**
+ * **What this renderer can actually draw.**
+ *
+ * The widget contract's rule for output types applies verbatim here: *never return or accept a
+ * type the client cannot render.* A field whose type is outside this set renders as an explicit
+ * unsupported state (§`UnsupportedField`) rather than throwing or silently drawing nothing —
+ * a blank where an input should be gives the user no error, no explanation and no way back.
+ */
+exports.RENDERABLE_FIELD_TYPES = [
+    'text', 'email', 'number', 'toggle', 'enum', 'json', 'date', 'datetime', 'list',
+    'group', 'variant',
+    'range', 'counters', 'share', 'file', 'media', 'action',
+];
+/**
+ * **The twenty widgets an ask can name**, for `preferred`. Six of the 26 are missing on purpose:
+ * 20 and 22–26 return nothing, so they are not asks (decision Q5c).
+ */
+exports.WIDGET_NAMES = [
+    'text-input-field', 'text-field', 'text-area', 'dropdown', 'button', 'container',
+    'file-upload', 'voice-recorder', 'date-time-picker', 'slider', 'range-picker',
+    'radio-button', 'checkboxes', 'numerical-holder', 'horizontal-list-picker',
+    'pie-chart-picker', 'card-picker', 'arc-picker', 'counter-group',
+    'aggregated-input-card',
+];
+/**
+ * **The wordings that mean "no answer", recognised for bare strings only.**
+ *
+ * `escape: true` is the real mechanism — a property, not a phrase. This exists so a plain
+ * `string[]` written before the flag existed keeps its escape, and so an author who writes the
+ * obvious sentence gets the obvious behaviour.
+ *
+ * It lives here, once. It was written twice first — once for bare strings arriving at a widget
+ * and once for options arriving through the schema — and **neither path was the one the adapter
+ * actually used**, so `"I don't know"` rendered at full weight beside the real candidates. The
+ * screenshot showed it; no test did, because no test asserted a colour.
+ */
+const ESCAPE_WORDING = /^(i don't know|i can't tell|not sure|none of these|unsure|no preference)/i;
+const isEscapeWording = (label) => ESCAPE_WORDING.test(label);
+exports.isEscapeWording = isEscapeWording;
+/** Normalises either form to the rich one, so a renderer never branches on which it got. */
+function toOption(o) {
+    return typeof o === 'string'
+        ? { value: o, label: o, escape: (0, exports.isEscapeWording)(o) }
+        : { ...o, escape: o.escape ?? (0, exports.isEscapeWording)(o.label) };
+}
+/**
+ * **An imported JSON file, narrowed to a block — with a check rather than a cast.**
+ *
+ * `import block from './ask.json'` gives `schema: string`, not `schema: "question/1"`, so a
+ * literal-typed union rejects it. Every consumer hits this on their first line, and the
+ * workaround they would otherwise copy — `as unknown as QuestionBlockSpec` — silently accepts
+ * *any* object, including the wrong file.
+ *
+ * This costs one runtime comparison and turns a class of mistake into a message. It does not
+ * validate the whole block: `spec/question.schema.json` does that, and a renderer that ran ajv
+ * on every render would be paying for a check the author already ran.
+ */
+function asQuestionBlock(json) {
+    const block = json;
+    if (!block || block.schema !== 'question/1') {
+        throw new Error(`Not a question/1 block: schema is ${JSON.stringify(block?.schema)}. `
+            + 'Validate against @comppack/ui/question.schema.json to find out why.');
+    }
+    return block;
+}
+function isRenderable(f) {
+    return exports.RENDERABLE_FIELD_TYPES.includes(f.type);
+}
+//# sourceMappingURL=types.js.map

package/dist/cjs/fields/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/fields/types.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;;AAkIH,4BAIC;AAyWD,0CASC;AAYD,oCAEC;AA1eD;;;;;;;GAOG;AACU,QAAA,sBAAsB,GAAG;IACpC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;IAC/E,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ;CAC/C,CAAC;AAGX;;;GAGG;AACU,QAAA,YAAY,GAAG;IAC1B,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW;IAChF,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,cAAc;IAC7E,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,wBAAwB;IAC1E,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe;IAChE,uBAAuB;CACf,CAAC;AA4DX;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,2EAA2E,CAAC;AAE5F,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAAhE,QAAA,eAAe,mBAAiD;AAE7E,4FAA4F;AAC5F,SAAgB,QAAQ,CAAC,CAAc;IACrC,OAAO,OAAO,CAAC,KAAK,QAAQ;QAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,IAAA,uBAAe,EAAC,CAAC,CAAC,EAAE;QACpD,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,IAAA,uBAAe,EAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AAC7D,CAAC;AA6VD;;;;;;;;;;;GAWG;AACH,SAAgB,eAAe,CAAC,IAAa;IAC3C,MAAM,KAAK,GAAG,IAAyB,CAAC;IACxC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,YAAY,EAAE,CAAC;QAC5C,MAAM,IAAI,KAAK,CACb,qCAAqC,IAAI,CAAC,SAAS,CAAE,KAA8B,EAAE,MAAM,CAAC,IAAI;cAC9F,qEAAqE,CACxE,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAYD,SAAgB,YAAY,CAAC,CAAY;IACvC,OAAQ,8BAA4C,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AACxE,CAAC"}

package/dist/cjs/generated/StatusChip.js

@@ -0,0 +1,18 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChip = StatusChip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * GENERATED from spec/components/status-chip.json by tools/generate.ts — component/1.
+ *
+ * Edits here are legal and will be overwritten the next time the JSON is generated. Every value
+ * below is a TOKEN NAME: the generator resolves raw values and refuses to emit anything it
+ * cannot resolve, so a hex literal cannot reach this file.
+ */
+const core_1 = require("../core");
+/** A status word on its ground. The dot beside it is redundant by design. */
+function StatusChip({ status, label }) {
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { row: true, align: "center", gap: "s1", px: "s2", py: "s1", bg: `statusBg.${status}`, radius: "part.pill", children: (0, jsx_runtime_1.jsx)(core_1.Text, { color: `status.${status}`, variant: "caption", children: label }) }));
+}
+//# sourceMappingURL=StatusChip.js.map

package/dist/cjs/generated/StatusChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.js","sourceRoot":"","sources":["../../../src/generated/StatusChip.tsx"],"names":[],"mappings":";;AAeA,gCAMC;;AArBD;;;;;;GAMG;AACH,kCAAoC;AAOpC,6EAA6E;AAC7E,SAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAmB;IAC3D,OAAO,CACL,uBAAC,UAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,YAAY,MAAM,EAAE,EAAE,MAAM,EAAC,WAAW,YAC3F,uBAAC,WAAI,IAAC,KAAK,EAAE,UAAU,MAAM,EAAE,EAAE,OAAO,EAAC,SAAS,YAAE,KAAK,GAAQ,GAC7D,CACP,CAAC;AACJ,CAAC"}

package/dist/cjs/generated/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChip = void 0;
+/* GENERATED. An unexported component did not ship. */
+var StatusChip_1 = require("./StatusChip");
+Object.defineProperty(exports, "StatusChip", { enumerable: true, get: function () { return StatusChip_1.StatusChip; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/generated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generated/index.ts"],"names":[],"mappings":";;;AAAA,sDAAsD;AACtD,2CAAgE;AAAvD,wGAAA,UAAU,OAAA"}

package/dist/cjs/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UI_SCALE = exports.scale = exports.hitTarget = exports.fonts = void 0;
+/**
+ * `@comppack/ui` — React + React Native component library.
+ *
+ * Components are rendered from JSON; the schema is `spec/question.schema.json` and the
+ * architecture is `SPEC.md`. Import tokens from here too — never inline a material value at a
+ * call site.
+ */
+__exportStar(require("./tokens"), exports);
+__exportStar(require("./core"), exports);
+__exportStar(require("./values"), exports);
+__exportStar(require("./ds"), exports);
+var legacyTokens_1 = require("./legacyTokens");
+Object.defineProperty(exports, "fonts", { enumerable: true, get: function () { return legacyTokens_1.fonts; } });
+Object.defineProperty(exports, "hitTarget", { enumerable: true, get: function () { return legacyTokens_1.hitTarget; } });
+Object.defineProperty(exports, "scale", { enumerable: true, get: function () { return legacyTokens_1.scale; } });
+Object.defineProperty(exports, "UI_SCALE", { enumerable: true, get: function () { return legacyTokens_1.UI_SCALE; } });
+__exportStar(require("./fields"), exports);
+__exportStar(require("./widgets"), exports);
+/* The component families (Directory · Checklist · Grid · Table) — catalogue shape only today;
+   nothing is implemented. See docs/architecture/COMPONENT-FAMILIES.md. */
+__exportStar(require("./components"), exports);
+__exportStar(require("./sheets"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,2CAAyB;AACzB,yCAAuB;AACvB,2CAAyB;AACzB,uCAAqB;AACrB,+CAAmE;AAA1D,qGAAA,KAAK,OAAA;AAAE,yGAAA,SAAS,OAAA;AAAE,qGAAA,KAAK,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAC1C,2CAAyB;AACzB,4CAA0B;AAC1B;0EAC0E;AAC1E,+CAA6B;AAC7B,2CAAyB"}

package/dist/cjs/legacy.js

@@ -0,0 +1,118 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Screen = Screen;
+exports.Title = Title;
+exports.Heading = Heading;
+exports.Body = Body;
+exports.Caption = Caption;
+exports.Card = Card;
+exports.Button = Button;
+exports.Field = Field;
+exports.Row = Row;
+exports.Empty = Empty;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const tokens_1 = require("./tokens/tokens");
+const DsProvider_1 = require("./tokens/DsProvider");
+const legacyTokens_1 = require("./legacyTokens");
+function Screen({ children, style, ...rest }) {
+    const { colors } = (0, DsProvider_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView, { style: { flex: 1, backgroundColor: colors.surface1 }, edges: ['top', 'left', 'right'], children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ flex: 1, paddingHorizontal: tokens_1.space.gutterText }, style], ...rest, children: children }) }));
+}
+function Title({ children }) {
+    const { colors, fonts } = (0, DsProvider_1.useDs)();
+    const style = react_native_1.Platform.OS === 'android' ? tokens_1.type.mdAppBar : tokens_1.type.iosLargeTitle;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { ...style, fontFamily: fonts.sans, color: colors.textPrimary, marginBottom: tokens_1.space.gapRow }, children: children }));
+}
+function Heading({ children }) {
+    const { colors, fonts } = (0, DsProvider_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { ...tokens_1.type.overlayTitle, fontFamily: fonts.sans, color: colors.textPrimary, marginBottom: (0, legacyTokens_1.scale)(4) }, children: children }));
+}
+function Body({ children, muted }) {
+    const { colors, fonts } = (0, DsProvider_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontFamily: fonts.sans, fontSize: (0, legacyTokens_1.scale)(12.5), lineHeight: (0, legacyTokens_1.scale)(18.75), color: muted ? colors.textTertiary : colors.textPrimary }, children: children }));
+}
+function Caption({ children, tone }) {
+    const { colors, fonts } = (0, DsProvider_1.useDs)();
+    // No warning tone exists in the system: pending work is informational, so it takes meta ink.
+    const color = tone === 'danger' ? colors.status.error : tone === 'success' ? colors.brandPrimary : colors.textTertiary;
+    return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontFamily: fonts.sans, fontSize: (0, legacyTokens_1.scale)(10.5), lineHeight: (0, legacyTokens_1.scale)(15.75), color }, children: children });
+}
+/** A quiet content block: inset, never a border as well as a shadow. */
+function Card({ children, style, ...rest }) {
+    const { colors, edge } = (0, DsProvider_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+            {
+                backgroundColor: colors.surface1,
+                boxShadow: edge,
+                borderRadius: tokens_1.radii.card,
+                padding: tokens_1.space.gutterText,
+                marginBottom: (0, legacyTokens_1.scale)(12),
+            },
+            style,
+        ], ...rest, children: children }));
+}
+function Button({ title, onPress, variant = 'primary', loading, disabled, }) {
+    const { colors, edge, fonts } = (0, DsProvider_1.useDs)();
+    const isDisabled = disabled || loading;
+    // Red is never a fill: a destructive action the user chose is not a failure, so `danger`
+    // is a neutral proud button with a red label.
+    const fill = variant === 'primary' ? colors.accentFill : colors.surface1;
+    const ink = variant === 'danger' ? colors.status.error : variant === 'primary' ? colors.accentOnFill : colors.textPrimary;
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityLabel: title, accessibilityState: { disabled: !!isDisabled }, onPress: onPress, disabled: isDisabled, style: ({ pressed }) => [
+            {
+                height: (0, legacyTokens_1.scale)(38),
+                borderRadius: tokens_1.radii.button,
+                alignItems: 'center',
+                justifyContent: 'center',
+            },
+            // A disabled primary sinks rather than dimming. 45% of a near-white inverse fill is
+            // a mid grey that reads heavier than the enabled button — the design's own disabled
+            // treatment is in1 with meta ink, which is what the delete-account sheet uses.
+            isDisabled
+                ? { backgroundColor: colors.surface1, boxShadow: edge }
+                : { backgroundColor: fill, boxShadow: edge },
+            pressed && !isDisabled && { boxShadow: edge },
+        ], children: loading ? ((0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, { color: isDisabled ? colors.textTertiary : ink })) : ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontFamily: fonts.sans, fontSize: (0, legacyTokens_1.scale)(13), color: isDisabled ? colors.textTertiary : ink }, children: title })) }));
+}
+/** Inputs are wells. The label is mono; there is no focus ring. */
+function Field({ label, error, style, ...rest }) {
+    const { colors, edge, fonts } = (0, DsProvider_1.useDs)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { marginBottom: (0, legacyTokens_1.scale)(12) }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    ...tokens_1.type.monoLabel,
+                    fontFamily: fonts.mono,
+                    color: colors.textSecondary,
+                    marginBottom: (0, legacyTokens_1.scale)(6),
+                }, children: label }), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { placeholderTextColor: colors.textTertiary, autoCapitalize: "none", autoCorrect: false, ...rest, 
+                // Caller `style` merges ON TOP of the base — it must never replace it, or
+                // the input loses its background/text colour and turns invisible.
+                style: [
+                    {
+                        backgroundColor: colors.surface1,
+                        boxShadow: edge,
+                        borderRadius: tokens_1.radii.field,
+                        color: colors.textPrimary,
+                        fontFamily: fonts.sans,
+                        fontSize: (0, legacyTokens_1.scale)(13),
+                        paddingHorizontal: (0, legacyTokens_1.scale)(11),
+                        paddingVertical: (0, legacyTokens_1.scale)(10),
+                    },
+                    style,
+                ] }), !!error && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontFamily: fonts.sans, fontSize: (0, legacyTokens_1.scale)(10.5), color: colors.status.error, marginTop: (0, legacyTokens_1.scale)(4) }, children: error }))] }));
+}
+function Row({ children, style, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ flexDirection: 'row', alignItems: 'center', gap: (0, legacyTokens_1.scale)(12) }, style], ...rest, children: children }));
+}
+function Empty({ text }) {
+    const { colors, fonts } = (0, DsProvider_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { paddingVertical: (0, legacyTokens_1.scale)(32), alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                fontFamily: fonts.sans,
+                fontSize: (0, legacyTokens_1.scale)(11.5),
+                lineHeight: (0, legacyTokens_1.scale)(18.4),
+                color: colors.textTertiary,
+                textAlign: 'center',
+            }, children: text }) }));
+}
+//# sourceMappingURL=legacy.js.map

package/dist/cjs/legacy.js.map

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

package/dist/cjs/legacyTokens.js

@@ -0,0 +1,151 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.motion = exports.type = exports.fonts = exports.TYPEFACE_NAMES = exports.TYPEFACES = exports.radius = exports.spacing = exports.hitTarget = exports.space = exports.radii = exports.switchThumb = exports.scale = exports.UI_SCALE = void 0;
+/**
+ * Design tokens, ported from `design/tokens/*.css`.
+ *
+ * The CSS in `design/` is the source of truth — every value here is copied from it, not
+ * re-derived. If a token changes there, change it here; nothing else in the app should
+ * hold a hex value.
+ *
+ * The material is one surface colour plus two shadow colours. Dark is the default; light
+ * re-scopes the same names. See `design/design-system-guide.md`.
+ */
+const react_native_1 = require("react-native");
+/**
+ * Global size multiplier for type, spacing, radii and icons.
+ *
+ * The handoff's values are the 1.0 baseline and are exact — 12.5px really is 12.5px. This
+ * scales all of them together so the proportions the design depends on survive: icons stay
+ * anchored to their labels, and radii keep climbing with the size of the thing.
+ *
+ * Deliberately NOT applied to `hitIos` / `hitMd`, which are platform floors rather than
+ * design values, or to hairline border widths, which should stay hairlines.
+ */
+/**
+ * v1 multiplied every value by 1.26. The v2 handoff is specified pixel-exact at high
+ * fidelity, so the multiplier is now 1 and `scale()` is the identity — kept as a function
+ * only so the many call sites still compile while screens migrate to `@shared/ds`, which
+ * has no scaling concept at all.
+ */
+exports.UI_SCALE = 1;
+/** Scale a design value. Rounded to 2dp so layout maths stays free of float noise. */
+const scale = (n) => Math.round(n * exports.UI_SCALE * 100) / 100;
+exports.scale = scale;
+var tokens_1 = require("./tokens/tokens");
+Object.defineProperty(exports, "switchThumb", { enumerable: true, get: function () { return tokens_1.switchThumb; } });
+/** Radii climb with the size of the thing. Nothing in CompPack is square. */
+exports.radii = {
+    key: (0, exports.scale)(6),
+    field: (0, exports.scale)(8),
+    pillSm: (0, exports.scale)(10),
+    search: (0, exports.scale)(11),
+    row: (0, exports.scale)(12),
+    button: (0, exports.scale)(13),
+    sheetIos: (0, exports.scale)(14),
+    card: (0, exports.scale)(16),
+    iconTile: (0, exports.scale)(18),
+    pill: (0, exports.scale)(20),
+    dialogMd: (0, exports.scale)(28),
+    screen: (0, exports.scale)(35),
+    bezel: (0, exports.scale)(44),
+};
+/**
+ * Rows sit 13px from the screen edge and text at 16px — rows deliberately hang 3px
+ * outside the text column. Keep that offset.
+ */
+exports.space = {
+    gutterRow: (0, exports.scale)(13),
+    gutterText: (0, exports.scale)(16),
+    gapRow: (0, exports.scale)(8),
+    gapChip: (0, exports.scale)(7),
+    gapSection: (0, exports.scale)(20),
+    // Platform minimums, not design values — these never scale.
+    hitIos: 44,
+    hitMd: 48,
+};
+/** Platform minimum touch target. A 16px glyph still gets its full box. */
+exports.hitTarget = react_native_1.Platform.OS === 'android' ? exports.space.hitMd : exports.space.hitIos;
+/**
+ * The pre-v2 spacing and radius ladders, for module-scope `StyleSheet.create` blocks.
+ *
+ * They lived in the keyboard app's `src/theme/index.ts` and derived from the tokens right
+ * above — so a shared screen could not use them without importing an app directory. Mode
+ * independent, which is why a module-scope constant is honest for them where a colour never
+ * was: the same file used to export a palette frozen to the dark scope, and every screen
+ * reading it painted dark ink in light mode.
+ *
+ * Legacy in the same sense as everything else here: migrating a call site onto `space` and
+ * `radii` directly deletes its use.
+ */
+exports.spacing = {
+    xs: 4,
+    sm: exports.space.gapRow,
+    md: 12,
+    lg: exports.space.gutterText,
+    xl: 24,
+    xxl: 32,
+};
+exports.radius = {
+    sm: exports.radii.field,
+    md: exports.radii.row,
+    lg: exports.radii.card,
+    pill: exports.radii.pill,
+};
+const MONO = react_native_1.Platform.OS === 'android' ? 'monospace' : 'Menlo';
+exports.TYPEFACES = {
+    // What the design intends: the neutral platform face, out of the way of the material.
+    system: {
+        label: 'System',
+        note: 'The platform’s own face. What the design assumes.',
+        sans: undefined,
+        mono: MONO,
+    },
+    humanist: {
+        label: 'Humanist',
+        note: 'Warmer, wider letterforms. Falls back to the system face on Android.',
+        sans: react_native_1.Platform.OS === 'android' ? undefined : 'Avenir Next',
+        mono: MONO,
+    },
+    serif: {
+        label: 'Serif',
+        note: 'Georgia on iOS, the platform serif on Android.',
+        sans: react_native_1.Platform.OS === 'android' ? 'serif' : 'Georgia',
+        mono: MONO,
+    },
+};
+exports.TYPEFACE_NAMES = Object.keys(exports.TYPEFACES);
+/**
+ * The default pairing, for the handful of module-scope `StyleSheet.create` blocks that are
+ * evaluated once at load. Everything that can read the live choice does so via `useDs()`.
+ */
+exports.fonts = { ...exports.TYPEFACES.system };
+/**
+ * Device type scale — the prototype's literals. These are deliberately not snapped to a
+ * 4px grid: row titles really are 12.5px and action ids really are 8.5px.
+ */
+exports.type = {
+    iosLargeTitle: { fontSize: (0, exports.scale)(29), fontWeight: '600', letterSpacing: (0, exports.scale)(-0.81), lineHeight: (0, exports.scale)(33) },
+    mdAppBar: { fontSize: (0, exports.scale)(21), fontWeight: '500', lineHeight: (0, exports.scale)(26) },
+    overlayTitle: { fontSize: (0, exports.scale)(19), fontWeight: '500', letterSpacing: (0, exports.scale)(-0.29) },
+    rowTitle: { fontSize: (0, exports.scale)(12.5), fontWeight: '400' },
+    rowTrigger: { fontSize: (0, exports.scale)(12), fontWeight: '400' },
+    rowMeta: { fontSize: (0, exports.scale)(10.5), fontWeight: '400', lineHeight: (0, exports.scale)(15.75) },
+    sectionLabel: { fontSize: (0, exports.scale)(12), fontWeight: '500' },
+    monoLabel: { fontSize: (0, exports.scale)(10.5), fontWeight: '400', letterSpacing: (0, exports.scale)(0.42) },
+    monoCount: { fontSize: (0, exports.scale)(10), fontWeight: '400' },
+    monoId: { fontSize: (0, exports.scale)(8.5), fontWeight: '400', letterSpacing: (0, exports.scale)(0.17) },
+    statusBar: { fontSize: (0, exports.scale)(9.5), fontWeight: '400' },
+};
+/** One curve, five durations. Nothing bounces. */
+exports.motion = {
+    // cubic-bezier(0.05, 0.7, 0.1, 1)
+    ease: { x1: 0.05, y1: 0.7, x2: 0.1, y2: 1 },
+    instant: 140,
+    fast: 160,
+    quick: 180,
+    base: 200,
+    spin: 1100,
+};
+//# sourceMappingURL=legacyTokens.js.map

package/dist/cjs/legacyTokens.js.map

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

package/dist/cjs/native/NativeDatePicker.js

@@ -0,0 +1,35 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeDatePicker = NativeDatePicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const datetimepicker_1 = __importDefault(require("@react-native-community/datetimepicker"));
+const Box_1 = require("../core/Box");
+const Pressable_1 = require("../core/Pressable");
+const Text_1 = require("../core/Text");
+/**
+ * The platform's own date and time picker — modal on Android, inline on iOS.
+ *
+ * **Requires `@react-native-community/datetimepicker`.** The trigger is ours and only the picker
+ * itself is theirs, which is also why the trigger takes the field edge: it is a hole showing the
+ * current answer, not a button.
+ *
+ * ISO in, ISO out. The picker speaks `Date`, which is a lossy round trip for a date-only field,
+ * so the conversion is kept here rather than at each call site.
+ */
+function NativeDatePicker({ value, onChange, mode, min, max, testID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const asDate = value ? new Date(value) : new Date();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Pressable_1.Pressable, { onPress: () => setOpen(true), row: true, align: "center", justify: "flex-start", px: "s3", py: "s3", radius: "field", bg: "surface1", testID: testID, "aria-label": ariaLabel, style: { minHeight: 44 }, children: (0, jsx_runtime_1.jsx)(Box_1.Box, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: value ? 'textPrimary' : 'textTertiary', children: value ?? (mode === 'datetime' ? 'Pick a date and time' : 'Pick a date') }) }) }), open ? ((0, jsx_runtime_1.jsx)(datetimepicker_1.default, { value: asDate, mode: mode === 'datetime' ? 'datetime' : 'date', minimumDate: min ? new Date(min) : undefined, maximumDate: max ? new Date(max) : undefined, accessibilityLabel: ariaLabelledBy, onChange: (_e, picked) => {
+                    setOpen(false);
+                    if (!picked)
+                        return;
+                    const iso = picked.toISOString();
+                    onChange(mode === 'datetime' ? iso.slice(0, 16) : iso.slice(0, 10));
+                } })) : null] }));
+}
+//# sourceMappingURL=NativeDatePicker.js.map

package/dist/cjs/native/NativeDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDatePicker.js","sourceRoot":"","sources":["../../../src/native/NativeDatePicker.tsx"],"names":[],"mappings":";;;;;AAiBA,4CA6CC;;AA9DD,iCAAiC;AACjC,4FAAsE;AACtE,qCAAkC;AAClC,iDAA8C;AAC9C,uCAAoC;AAGpC;;;;;;;;;GASG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EACvC,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,GAC1C;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;IAEpD,OAAO,CACL,6DACE,uBAAC,qBAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,GAAG,QACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,YAAY,EACpB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,MAAM,EAAC,OAAO,EACd,EAAE,EAAC,UAAU,EACb,MAAM,EAAE,MAAM,gBACF,SAAS,EACrB,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YACxB,uBAAC,SAAG,cACF,uBAAC,WAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,YAChD,KAAK,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,CAAC,GACnE,GACH,GACI,EAEX,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,wBAAgB,IACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC/C,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5C,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5C,kBAAkB,EAAE,cAAc,EAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE;oBACvB,OAAO,CAAC,KAAK,CAAC,CAAC;oBACf,IAAI,CAAC,MAAM;wBAAE,OAAO;oBACpB,MAAM,GAAG,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;oBACjC,QAAQ,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;gBACtE,CAAC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/cjs/native/NativeSlider.js

@@ -0,0 +1,24 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeSlider = NativeSlider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const slider_1 = __importDefault(require("@react-native-community/slider"));
+const tokens_1 = require("../tokens");
+/**
+ * The platform's own slider, with its momentum and its haptics.
+ *
+ * **Requires `@react-native-community/slider`.** That is the whole reason it lives here rather
+ * than in `core/` — see `src/native/index.ts`.
+ *
+ * The props are `core/Slider`'s exactly, so swapping between them is an import change and
+ * nothing else.
+ */
+function NativeSlider({ value, onChange, min, max, step = 1, disabled, 'aria-label': ariaLabel, testID, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(slider_1.default, { testID: testID, value: value, onValueChange: onChange, minimumValue: min, maximumValue: max, step: step, disabled: disabled, accessibilityLabel: ariaLabel, minimumTrackTintColor: colors.accentFill, maximumTrackTintColor: colors.surfaceSunken, thumbTintColor: colors.surface1, style: { flex: 1, opacity: disabled ? 0.4 : 1 } }));
+}
+//# sourceMappingURL=NativeSlider.js.map

package/dist/cjs/native/NativeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSlider.js","sourceRoot":"","sources":["../../../src/native/NativeSlider.tsx"],"names":[],"mappings":";;;;;AAaA,oCAoBC;;AAjCD,4EAAsD;AACtD,sCAAkC;AAGlC;;;;;;;;GAQG;AACH,SAAgB,YAAY,CAAC,EAC3B,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,GAClE;IACZ,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,cAAK,GAAE,CAAC;IAC3B,OAAO,CACL,uBAAC,gBAAQ,IACP,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,SAAS,EAC7B,qBAAqB,EAAE,MAAM,CAAC,UAAU,EACxC,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,cAAc,EAAE,MAAM,CAAC,QAAQ,EAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAC/C,CACH,CAAC;AACJ,CAAC"}