@colixsystems/widget-sdk 0.259.0 → 0.261.0

package/README.md

@@ -85,7 +85,15 @@ See the design reference for the full architecture: [`docs/architecture/widget-m
 
 ## Status
 
-`v0.259.0` — pre-publish. The package surface (types, function names, export paths) is the v1 contract; runtime behaviour for some hooks is stubbed (each hook documents what's wired and what isn't). It is **not yet published to npm**.
+`v0.261.0` — pre-publish. The package surface (types, function names, export paths) is the v1 contract; runtime behaviour for some hooks is stubbed (each hook documents what's wired and what isn't). It is **not yet published to npm**.
+
+### What's new in 0.261.0 (contract 1.211.0)
+
+**The Builder can preview that bound.** On the web, `<Text>` and `<TextInput>` (and every SDK component built on them) follow a host's `TextScaleProvider`, so the Studio canvas can show a page at the largest phone text size an exported app allows. Nothing changes for a widget: outside the preview the scale is 1×.
+
+### What's new in 0.260.0 (contract 1.211.0)
+
+**Text on a phone grows with the device's text-size setting only up to 1.3×** (`CONTRACT.maxFontSizeMultiplier`). React Native multiplies every font size by that setting and a browser has no equivalent, so the Player and the Builder canvas always show 1×; unbounded, a heading that fits there overflowed on a phone set to a large text size. The native `<Text>` and `<TextInput>` (and every SDK component built on them) now carry the bound, so accessibility scaling still works but a layout only has to survive 1.3×. Pass your own `maxFontSizeMultiplier` to change it for one element.
 
 ### What's new in 0.259.0 (contract 1.210.0)
 

package/dist/accordion.js

@@ -1,7 +1,8 @@
 // `<Accordion>` / `<AccordionItem>` (web). Binds ./accordion-view.js to
 // react-native-web; see ./primitives.js for why not the bare specifier.
 
-import { View, Text, Pressable } from "react-native-web";
+import { View, Pressable } from "react-native-web";
+import { Text } from "./text-scale.js";
 import { makeAccordion } from "./accordion-view.js";
 
 export const { Accordion, AccordionItem } = makeAccordion({ View, Text, Pressable });

package/dist/accordion.native.js

@@ -1,7 +1,8 @@
 // `<Accordion>` / `<AccordionItem>` (native). Binds ./accordion-view.js to
 // React Native's own primitives; only the import differs from ./accordion.js.
 
-import { View, Text, Pressable } from "react-native";
+import { View, Pressable } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeAccordion } from "./accordion-view.js";
 
 export const { Accordion, AccordionItem } = makeAccordion({ View, Text, Pressable });

package/dist/banner.js

@@ -1,7 +1,7 @@
 // `<Banner>` (web). Binds ./banner-view.js to react-native-web; see
 // ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeBanner } from "./banner-view.js";
 
 export const Banner = makeBanner(ReactNative);

package/dist/banner.native.js

@@ -1,7 +1,8 @@
 // `<Banner>` (native). Binds ./banner-view.js to React Native's own
 // primitives; only the import differs from ./banner.js.
 
-import { View, Text, Pressable } from "react-native";
+import { View, Pressable } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeBanner } from "./banner-view.js";
 
 export const Banner = makeBanner({ View, Text, Pressable });

package/dist/bounded-text.native.js

@@ -0,0 +1,29 @@
+// sc-9168 — native Text / TextInput, bounded to the contract's font-scale cap.
+//
+// React Native multiplies every font size by the device's font-scale setting;
+// a browser has no equivalent (page zoom scales the whole layout, so nothing
+// overflows), which is why this file has no web twin and the Player and the
+// Builder canvas render at scale 1.0. Unbounded, a layout that fits there
+// overflows on a phone set to a large text size. The cap keeps accessibility
+// scaling working up to that bound; a caller's own prop still wins.
+//
+// Every SDK native module takes Text / TextInput from here, never from
+// `react-native` directly — bounded-text-native.test.js enforces it.
+import React from "react";
+import { Text as RNText, TextInput as RNTextInput } from "react-native";
+import { CONTRACT } from "./contract.js";
+
+function bounded(Component, displayName) {
+  const Bounded = React.forwardRef(function BoundedText(props, ref) {
+    return React.createElement(Component, {
+      maxFontSizeMultiplier: CONTRACT.maxFontSizeMultiplier,
+      ...props,
+      ref,
+    });
+  });
+  Bounded.displayName = displayName;
+  return Bounded;
+}
+
+export const Text = bounded(RNText, "Text");
+export const TextInput = bounded(RNTextInput, "TextInput");

package/dist/button.js

@@ -2,7 +2,7 @@
 // react-native-web, the CSS gradient and the web `<Spinner>`; see
 // ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { Gradient } from "./gradient.js";
 import { Spinner } from "./loading.js";
 import { makeButton, BUTTON_VARIANTS } from "./button-view.js";

package/dist/button.native.js

@@ -2,7 +2,8 @@
 // Native, the expo-linear-gradient `<Gradient>` and the native `<Spinner>`;
 // only the imports differ from ./button.js.
 
-import { View, Text, Pressable, StyleSheet, Platform } from "react-native";
+import { View, Pressable, StyleSheet, Platform } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { Gradient } from "./gradient.native.js";
 import { Spinner } from "./loading.native.js";
 import { makeButton, BUTTON_VARIANTS } from "./button-view.js";

package/dist/card-photo.js

@@ -2,7 +2,7 @@
 // `background-position` is what keeps the chosen part of a crop in frame.
 
 import React from "react";
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 
 // A quote, backslash or newline would end the CSS `url("…")` early.
 function cssUrl(uri) {

package/dist/card.js

@@ -1,7 +1,7 @@
 // `<Card>` (web). Binds ./card-view.js to react-native-web and the CSS
 // gradient; see ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { Gradient } from "./gradient.js";
 import { Photo } from "./card-photo.js";
 import { makeCard } from "./card-view.js";

package/dist/chart.js

@@ -1,7 +1,7 @@
 // `<Chart>` (web). Binds ./chart-view.js to react-native-web and the host's
 // react-native-svg; see ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import Svg, { G, Path, Line, Circle, Text as SvgText } from "react-native-svg";
 import { Skeleton } from "./loading.js";
 import { EmptyState } from "./list.js";

package/dist/chart.native.js

@@ -1,7 +1,8 @@
 // `<Chart>` (native). Binds ./chart-view.js to React Native and
 // react-native-svg; only the imports differ from ./chart.js.
 
-import { View, Text } from "react-native";
+import { View } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import Svg, { G, Path, Line, Circle, Text as SvgText } from "react-native-svg";
 import { Skeleton } from "./loading.native.js";
 import { EmptyState } from "./list.native.js";

package/dist/checkbox.js

@@ -1,7 +1,7 @@
 // `<Checkbox>` (web). Binds ./checkbox-view.js to react-native-web; see
 // ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeCheckbox } from "./checkbox-view.js";
 
 export const Checkbox = makeCheckbox({

package/dist/checkbox.native.js

@@ -1,7 +1,8 @@
 // `<Checkbox>` (native). Binds ./checkbox-view.js to React Native's own
 // primitives; only the import differs from ./checkbox.js.
 
-import { View, Text, Pressable } from "react-native";
+import { View, Pressable } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeCheckbox } from "./checkbox-view.js";
 
 export const Checkbox = makeCheckbox({ View, Text, Pressable });

package/dist/chip.js

@@ -2,7 +2,7 @@
 // ./primitives.js for why not the bare specifier. Only the web keeps a single
 // tab stop per single-choice group.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeChip } from "./chip-view.js";
 
 export const { Chip, ChipGroup } = makeChip(ReactNative, { web: true });

package/dist/chip.native.js

@@ -1,7 +1,8 @@
 // `<Chip>` / `<ChipGroup>` (native). Binds ./chip-view.js to React Native's own
 // primitives; only the import differs from ./chip.js.
 
-import { View, Text, Pressable } from "react-native";
+import { View, Pressable } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeChip } from "./chip-view.js";
 
 export const { Chip, ChipGroup } = makeChip({ View, Text, Pressable });

package/dist/confirm-dialog.js

@@ -2,7 +2,7 @@
 // and the web `<Modal>`, `<Button>` and `<Spinner>`; see ./primitives.js for
 // why not the bare specifier.
 
-import { Text } from "react-native-web";
+import { Text } from "./text-scale.js";
 import { makeConfirmDialog } from "./confirm-dialog-view.js";
 import { Modal } from "./modal.js";
 import { Button } from "./button.js";

package/dist/confirm-dialog.native.js

@@ -1,8 +1,8 @@
-// `<ConfirmDialog>` (native). Binds ./confirm-dialog-view.js to React Native's
-// own primitives and the native `<Modal>`, `<Button>` and `<Spinner>`; only the
+// `<ConfirmDialog>` (native). Binds ./confirm-dialog-view.js to the bounded
+// native Text and the native `<Modal>`, `<Button>` and `<Spinner>`; only the
 // imports differ from ./confirm-dialog.js.
 
-import { Text } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeConfirmDialog } from "./confirm-dialog-view.js";
 import { Modal } from "./modal.native.js";
 import { Button } from "./button.native.js";

package/dist/contract.cjs

@@ -1,12 +1,10 @@
-// CommonJS-flavoured copy of the contract data so backend services (CJS
-// runtime) can `require()` it directly without dynamic import gymnastics.
-//
-// The ESM `contract.js` re-exports the SAME object as the `CONTRACT` named
-// export. The contract test asserts the two are identical (deep-equal) so
-// drift between this file and the ESM source-of-truth is caught in CI.
-//
-// Keep edits in lockstep between `contract.cjs` and `contract.js`. The
-// SDK build script copies both into `dist/`.
+// GENERATED from contract.js by scripts/contract-cjs.js — DO NOT EDIT.
+// Change contract.js, then run `npm run generate:contract` in packages/widget-sdk.
+
+// The widget SDK contract: the ONE source the linter, the AI agents, the
+// compiler and both hosts read. `contract.cjs` is GENERATED from `contract.js`
+// (`npm run generate:contract`) for CommonJS consumers — never edit it by hand;
+// contract-cjs-generated.test.js fails when it is stale.
 
 // REQ-AI-AGENT-DESIGN (sc-3696): the ONE cross-platform elevation vocabulary.
 // `shadow*` applies on iOS + react-native-web, `elevation` drives Android.
@@ -2645,7 +2643,7 @@ const HOOKS = [
     scopes: ["users.write:*"],
   },
   // REQ-BANKID-AUTH — link / unlink a BankID identity to the signed-in
-  // app-user. Self-service + JWT-gated (no widget scope). Mirror of contract.js.
+  // app-user. Self-service + JWT-gated (no widget scope).
   {
     name: "useBankIdLink",
     signature: "useBankIdLink()",
@@ -2681,7 +2679,7 @@ const HOOKS = [
     scopes: null,
   },
   // REQ-IDENT (sc-4313) — identify a visitor who is NOT signed in and keep the
-  // result. Anonymous by design (no widget scope, no session). Mirror of contract.js.
+  // result. Anonymous by design (no widget scope, no session).
   {
     name: "useIdentification",
     signature: "useIdentification(options)",
@@ -2732,7 +2730,7 @@ const HOOKS = [
     scopes: null,
   },
   // REQ-ACL-06 / REQ-ACL-RELINHERIT-05 — per-record VirtualPermission
-  // management for a single record. Mirror of contract.js.
+  // management for a single record.
   {
     name: "useRecordPermissions",
     signature: "useRecordPermissions(tableId, recordId)",
@@ -2865,7 +2863,7 @@ const HOOKS = [
     requiredContextSlice: ["datastore.records"],
     scopes: ["datastore.read:<table>"],
   },
-  // REQ-WSDK-PLATFORM §6 — Tier A SDK hooks. Mirror of contract.js.
+  // REQ-WSDK-PLATFORM §6 — Tier A SDK hooks.
   {
     name: "useClipboard",
     signature: "useClipboard()",
@@ -4217,14 +4215,14 @@ const WIDGET_CONTEXT_SHAPE = {
     required: true,
     fields: { requestPayment: "function", getPayment: "function" },
   },
-  // sc-890 — backs useSendNotification(). Mirror of contract.js.
+  // sc-890 — backs useSendNotification().
   notifications: {
     description:
       "Injected @colixsystems/notifications-client instance (sc-890). { send(body) -> Promise<notification>, mutes: { get, set, clear } }. send backs useSendNotification(); requires the notifications.send:appUser scope. The host POSTs the body snake_case verbatim ({ recipient_user_id, title, body, link?, payload? }) to /notifications/send and returns the created notification row; the call is imperative (a send never fires on mount). mutes backs useRecordMute() and useRecordMutes() (sc-10268): get({ table_id, record_id }) / set({ table_id, record_id, muted_until }) -> { muted, muted_until }, clear({ table_id, record_id }) -> undefined, list({ table_id, limit?, offset? }) -> { data: [{ record_id, muted_until }], meta }. mutes is optional — a host without it (the Builder canvas preview) leaves useRecordMute() reading not muted.",
     required: true,
     fields: { send: "function", mutes: "object" },
   },
-  // REQ-IDENT (sc-4313) — backs useIdentification(). Mirror of contract.js.
+  // REQ-IDENT (sc-4313) — backs useIdentification().
   identification: {
     description:
       "Injected @colixsystems/identification-client instance (REQ-IDENT). { available() -> Promise<{ available, providers }>, start(body) -> Promise<order>, get(id) -> Promise<state>, cancel(id) -> Promise<state> }. Backs useIdentification(); no widget scope and no signed-in user required — identifying a NOT-signed-in visitor is the point, so the endpoints are anonymous. Bodies and rows are snake_case verbatim. A completed identification exposes name + personal_number_masked + a stable subject_hash; the RAW personal number is never reachable from a widget (it lives behind a studio-admin endpoint).",
@@ -4265,7 +4263,7 @@ const WIDGET_CONTEXT_SHAPE = {
       error: "function",
     },
   },
-  // REQ-WSDK-PLATFORM §6 — backs useToast(). Mirror of contract.js.
+  // REQ-WSDK-PLATFORM §6 — backs useToast().
   toast: {
     description:
       "Optional host toast slot. { showToast({ kind, message }): void }. " +
@@ -4709,7 +4707,7 @@ const VETTED_IMPORTS = [
 // `allowedBareImports` (so the loader's shim⊆vetted guard treats them as
 // vetted) WITHOUT bloating the rich `VETTED_IMPORTS` reference the AI prompt /
 // Developer guide enumerate — the SAME treatment `react/jsx-runtime` gets, but
-// kept out of the author-facing list. Mirror of contract.js.
+// kept out of the author-facing list.
 const CORE_INFRA_BARE_IMPORTS = ["react-dom", "react-dom/client"];
 
 // Back-compat shape — every existing consumer (widgetLoader, the static
@@ -6379,7 +6377,9 @@ const CONTRACT = deepFreeze({
   //    `<testID>-option-<id>`.
   // 1.210.0: behaviour (sc-12245) — `<Avatar url>` falls back to the
   //    initials when its picture fails to load. No API change.
-  version: "1.210.0",
+  // 1.211.0: additive (sc-9168) — `maxFontSizeMultiplier`: native `<Text>` /
+  //    `<TextInput>` follow the device font scale up to this bound.
+  version: "1.211.0",
   sharedTranslationKeys: SHARED_TRANSLATION_KEYS,
   hooks: HOOKS,
   primitives: PRIMITIVES,
@@ -6408,6 +6408,10 @@ const CONTRACT = deepFreeze({
   bundleExportContract: BUNDLE_EXPORT_CONTRACT,
   // sc-10829 — the hook a `badgeCounter: true` entry exports by name.
   badgeCounterExport: "useBadgeCount",
+  // sc-9168 — the most native text grows with the device font-scale setting.
+  // Above it a layout sized against the Player overflows; the browser has no
+  // such setting to preview it with.
+  maxFontSizeMultiplier: 1.3,
   bannedApis: BANNED_APIS,
   vettedImports: VETTED_IMPORTS,
   allowedBareImports: ALLOWED_BARE_IMPORTS,

package/dist/contract.js

@@ -1,12 +1,7 @@
-// ESM mirror of contract.cjs. Generated from contract.cjs — keep both in lockstep.
-// runtime) can `require()` it directly without dynamic import gymnastics.
-//
-// The ESM `contract.js` re-exports the SAME object as the `CONTRACT` named
-// export. The contract test asserts the two are identical (deep-equal) so
-// drift between this file and the ESM source-of-truth is caught in CI.
-//
-// Keep edits in lockstep between `contract.cjs` and `contract.js`. The
-// SDK build script copies both into `dist/`.
+// The widget SDK contract: the ONE source the linter, the AI agents, the
+// compiler and both hosts read. `contract.cjs` is GENERATED from `contract.js`
+// (`npm run generate:contract`) for CommonJS consumers — never edit it by hand;
+// contract-cjs-generated.test.js fails when it is stale.
 
 // REQ-AI-AGENT-DESIGN (sc-3696): the ONE cross-platform elevation vocabulary.
 // `shadow*` applies on iOS + react-native-web, `elevation` drives Android.
@@ -2645,7 +2640,7 @@ const HOOKS = [
     scopes: ["users.write:*"],
   },
   // REQ-BANKID-AUTH — link / unlink a BankID identity to the signed-in
-  // app-user. Self-service + JWT-gated (no widget scope). Mirror of contract.cjs.
+  // app-user. Self-service + JWT-gated (no widget scope).
   {
     name: "useBankIdLink",
     signature: "useBankIdLink()",
@@ -2681,7 +2676,7 @@ const HOOKS = [
     scopes: null,
   },
   // REQ-IDENT (sc-4313) — identify a visitor who is NOT signed in and keep the
-  // result. Anonymous by design (no widget scope, no session). Mirror of contract.cjs.
+  // result. Anonymous by design (no widget scope, no session).
   {
     name: "useIdentification",
     signature: "useIdentification(options)",
@@ -2732,7 +2727,7 @@ const HOOKS = [
     scopes: null,
   },
   // REQ-ACL-06 / REQ-ACL-RELINHERIT-05 — per-record VirtualPermission
-  // management for a single record. Mirror of contract.js.
+  // management for a single record.
   {
     name: "useRecordPermissions",
     signature: "useRecordPermissions(tableId, recordId)",
@@ -2865,7 +2860,7 @@ const HOOKS = [
     requiredContextSlice: ["datastore.records"],
     scopes: ["datastore.read:<table>"],
   },
-  // REQ-WSDK-PLATFORM §6 — Tier A SDK hooks. Mirror of contract.js.
+  // REQ-WSDK-PLATFORM §6 — Tier A SDK hooks.
   {
     name: "useClipboard",
     signature: "useClipboard()",
@@ -3701,6 +3696,10 @@ const ACTION_TRIGGER_TYPES = [
 // Globals the action script runs against (the runner's surface) — distinct
 // from the React/SDK widget surface, so the component import/banned-API
 // linter does NOT scan action scripts.
+// sc-7877 deliberately does NOT add `directory` here. That global is
+// reachable only by a MARKETPLACE action whose install consented to a
+// `directory:` scope; a widget-declared action has no install, so
+// resolveForActionRow grants it nothing and the global is never defined.
 const ACTION_SCRIPT_GLOBALS = [
   "datastore",
   "secrets",
@@ -4213,14 +4212,14 @@ const WIDGET_CONTEXT_SHAPE = {
     required: true,
     fields: { requestPayment: "function", getPayment: "function" },
   },
-  // sc-890 — backs useSendNotification(). Mirror of contract.cjs.
+  // sc-890 — backs useSendNotification().
   notifications: {
     description:
       "Injected @colixsystems/notifications-client instance (sc-890). { send(body) -> Promise<notification>, mutes: { get, set, clear } }. send backs useSendNotification(); requires the notifications.send:appUser scope. The host POSTs the body snake_case verbatim ({ recipient_user_id, title, body, link?, payload? }) to /notifications/send and returns the created notification row; the call is imperative (a send never fires on mount). mutes backs useRecordMute() and useRecordMutes() (sc-10268): get({ table_id, record_id }) / set({ table_id, record_id, muted_until }) -> { muted, muted_until }, clear({ table_id, record_id }) -> undefined, list({ table_id, limit?, offset? }) -> { data: [{ record_id, muted_until }], meta }. mutes is optional — a host without it (the Builder canvas preview) leaves useRecordMute() reading not muted.",
     required: true,
     fields: { send: "function", mutes: "object" },
   },
-  // REQ-IDENT (sc-4313) — backs useIdentification(). Mirror of contract.cjs.
+  // REQ-IDENT (sc-4313) — backs useIdentification().
   identification: {
     description:
       "Injected @colixsystems/identification-client instance (REQ-IDENT). { available() -> Promise<{ available, providers }>, start(body) -> Promise<order>, get(id) -> Promise<state>, cancel(id) -> Promise<state> }. Backs useIdentification(); no widget scope and no signed-in user required — identifying a NOT-signed-in visitor is the point, so the endpoints are anonymous. Bodies and rows are snake_case verbatim. A completed identification exposes name + personal_number_masked + a stable subject_hash; the RAW personal number is never reachable from a widget (it lives behind a studio-admin endpoint).",
@@ -4261,7 +4260,7 @@ const WIDGET_CONTEXT_SHAPE = {
       error: "function",
     },
   },
-  // REQ-WSDK-PLATFORM §6 — backs useToast(). Mirror of contract.js.
+  // REQ-WSDK-PLATFORM §6 — backs useToast().
   toast: {
     description:
       "Optional host toast slot. { showToast({ kind, message }): void }. " +
@@ -4705,7 +4704,7 @@ const VETTED_IMPORTS = [
 // `allowedBareImports` (so the loader's shim⊆vetted guard treats them as
 // vetted) WITHOUT bloating the rich `VETTED_IMPORTS` reference the AI prompt /
 // Developer guide enumerate — the SAME treatment `react/jsx-runtime` gets, but
-// kept out of the author-facing list. Mirror of contract.cjs.
+// kept out of the author-facing list.
 const CORE_INFRA_BARE_IMPORTS = ["react-dom", "react-dom/client"];
 
 // Back-compat shape — every existing consumer (widgetLoader, the static
@@ -6375,7 +6374,9 @@ const CONTRACT = deepFreeze({
   //    `<testID>-option-<id>`.
   // 1.210.0: behaviour (sc-12245) — `<Avatar url>` falls back to the
   //    initials when its picture fails to load. No API change.
-  version: "1.210.0",
+  // 1.211.0: additive (sc-9168) — `maxFontSizeMultiplier`: native `<Text>` /
+  //    `<TextInput>` follow the device font scale up to this bound.
+  version: "1.211.0",
   sharedTranslationKeys: SHARED_TRANSLATION_KEYS,
   hooks: HOOKS,
   primitives: PRIMITIVES,
@@ -6404,6 +6405,10 @@ const CONTRACT = deepFreeze({
   bundleExportContract: BUNDLE_EXPORT_CONTRACT,
   // sc-10829 — the hook a `badgeCounter: true` entry exports by name.
   badgeCounterExport: "useBadgeCount",
+  // sc-9168 — the most native text grows with the device font-scale setting.
+  // Above it a layout sized against the Player overflows; the browser has no
+  // such setting to preview it with.
+  maxFontSizeMultiplier: 1.3,
   bannedApis: BANNED_APIS,
   vettedImports: VETTED_IMPORTS,
   allowedBareImports: ALLOWED_BARE_IMPORTS,

package/dist/data-table.js

@@ -2,7 +2,7 @@
 // web list, loading, menu and button parts; see ./primitives.js for why not
 // the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { List, ListRow, ListHeader, EmptyState } from "./list.js";
 import { Skeleton } from "./loading.js";
 import { Menu } from "./popover.js";

package/dist/data-table.native.js

@@ -1,7 +1,8 @@
 // `<DataTable>` (native). Binds ./data-table-view.js to React Native's own
 // primitives and the native parts; only the imports differ from ./data-table.js.
 
-import { View, Text, Pressable, ScrollView, Platform, AccessibilityInfo } from "react-native";
+import { View, Pressable, ScrollView, Platform, AccessibilityInfo } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { List, ListRow, ListHeader, EmptyState } from "./list.native.js";
 import { Skeleton } from "./loading.native.js";
 import { Menu } from "./popover.native.js";

package/dist/datetimepicker.js

@@ -2,7 +2,8 @@
 // and the themed calendar sheet; see ./primitives.js for why not the bare
 // specifier.
 
-import { View, Text, Pressable, ScrollView, Platform } from "react-native-web";
+import { View, Pressable, ScrollView, Platform } from "react-native-web";
+import { Text } from "./text-scale.js";
 import { makeDateTimePicker } from "./datetimepicker-view.js";
 import { makeDateTimeSheet } from "./datetimepicker-sheet.js";
 import { Overlay } from "./overlay.js";

package/dist/datetimepicker.native.js

@@ -6,7 +6,8 @@
 import React from "react";
 // eslint-disable-next-line no-restricted-syntax
 import RNDateTimePicker from "@react-native-community/datetimepicker";
-import { View, Text, Pressable, Platform } from "react-native";
+import { View, Pressable, Platform } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeDateTimePicker } from "./datetimepicker-view.js";
 import { nowParts, partsToDate, valueToParts } from "./datetimepicker-format.js";
 import { clampToBounds } from "./datetimepicker-calendar.js";

package/dist/detail-parts.js

@@ -2,7 +2,7 @@
 // ./detail-parts-view.js to react-native-web; see ./primitives.js for why not
 // the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import Svg, { Circle } from "react-native-svg";
 import { makeDetailParts } from "./detail-parts-view.js";
 

package/dist/detail-parts.native.js

@@ -2,7 +2,8 @@
 // ./detail-parts-view.js to React Native; only the imports differ from
 // ./detail-parts.js.
 
-import { View, Text, Image } from "react-native";
+import { View, Image } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import Svg, { Circle } from "react-native-svg";
 import { makeDetailParts } from "./detail-parts-view.js";
 

package/dist/emoji-picker.js

@@ -7,7 +7,7 @@
 // specifier for the rolldown optional-peer-dep reason at the top of
 // ./primitives.js.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeEmojiPicker } from "./emoji-picker-view.js";
 import { Overlay } from "./overlay.js";
 import { TextInput } from "./primitives.js";

package/dist/emoji-picker.native.js

@@ -2,7 +2,8 @@
 // ./emoji-picker-view.js to React Native's own primitives plus the native
 // `<Overlay>`. Only the imports differ from the web mirror (./emoji-picker.js).
 
-import { View, Text, Pressable, ScrollView, TextInput } from "react-native";
+import { View, Pressable, ScrollView } from "react-native";
+import { Text, TextInput } from "./bounded-text.native.js";
 import { makeEmojiPicker } from "./emoji-picker-view.js";
 import { Overlay } from "./overlay.native.js";
 

package/dist/file-image.js

@@ -1,7 +1,7 @@
 // `<FileImage>` (web). Binds ./file-image-view.js to react-native-web and the
 // web `<Skeleton>`; see ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { Skeleton } from "./loading.js";
 import { makeFileImage } from "./file-image-view.js";
 

package/dist/file-upload.js

@@ -4,7 +4,8 @@
 // button, which is the whole control on native.
 
 import React from "react";
-import { View, Text, Pressable, Platform } from "react-native-web";
+import { View, Pressable, Platform } from "react-native-web";
+import { Text } from "./text-scale.js";
 import { makeFileUpload } from "./file-upload-view.js";
 import { FilePicker } from "./filepicker.js";
 import { Button } from "./button.js";

package/dist/file-upload.native.js

@@ -2,7 +2,8 @@
 // native `<FilePicker>` (the OS document picker). No drop target: React Native
 // has no events for files dragged onto an app, so the button is the control.
 
-import { View, Text, Pressable, Platform } from "react-native";
+import { View, Pressable, Platform } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeFileUpload } from "./file-upload-view.js";
 import { FilePicker } from "./filepicker.native.js";
 import { Button } from "./button.native.js";

package/dist/filter-bar.js

@@ -2,7 +2,7 @@
 // web `<SearchField>`, `<Select>`, `<Chip>`, `<Button>` and `<Modal>`; see
 // ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeFilterBar } from "./filter-bar-view.js";
 import { SearchField } from "./search-field.js";
 import { Select } from "./select.js";

package/dist/form.js

@@ -2,7 +2,7 @@
 // (web). Binds ./form-view.js to the web primitives and the web `<Grid>`; see
 // ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeForm } from "./form-view.js";
 import { Grid } from "./grid.js";
 

package/dist/form.native.js

@@ -2,7 +2,8 @@
 // (native). Binds ./form-view.js to React Native's own primitives and the
 // native `<Grid>`; only the imports differ from ./form.js.
 
-import { View, Text, Pressable, Platform } from "react-native";
+import { View, Pressable, Platform } from "react-native";
+import { Text } from "./bounded-text.native.js";
 import { makeForm } from "./form-view.js";
 import { Grid } from "./grid.native.js";
 

package/dist/gradient.js

@@ -17,7 +17,7 @@
 // `gradientAngleToVector` from the contract. Keep the two in lockstep.
 
 import React from "react";
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { gradientStops } from "./gradient-stops.js";
 
 const DEFAULT_ANGLE = 180;

package/dist/grid.js

@@ -1,7 +1,7 @@
 // `<Grid>` (web). Binds ./grid-view.js to react-native-web; see
 // ./primitives.js for why not the bare specifier.
 
-import * as ReactNative from "react-native-web";
+import { ReactNative } from "./text-scale.js";
 import { makeGrid } from "./grid-view.js";
 
 export const Grid = makeGrid({ View: ReactNative.View });