blend-native 0.0.1-beta.0

package/lib/commonjs/theme/systemTheme.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SYSTEM_THEME = void 0;
+exports.resolveThemeSetting = resolveThemeSetting;
+var _node = require("@juspay/blend-design-system/node");
+/**
+ * `theme="system"` resolution.
+ *
+ * The provider accepts the sentinel and resolves it against the OS appearance
+ * (`useColorScheme`) before the value enters context, so token resolution and
+ * every consumer below only ever see a concrete theme.
+ *
+ * Kept as a leaf module with no `react-native` value import so the mapping is
+ * testable under plain vitest; the provider owns the `useColorScheme`
+ * subscription.
+ */
+
+/** Pass as `theme` to follow the OS light/dark setting. */
+const SYSTEM_THEME = exports.SYSTEM_THEME = 'system';
+/**
+ * Resolve a theme setting to a concrete theme.
+ *
+ * `colorScheme` is `useColorScheme()`'s value. Typed as `string` rather than
+ * a literal union because RN's `ColorSchemeName` has grown values across
+ * versions (`'unspecified'` on some platforms) — anything that is not
+ * `'dark'` resolves light, matching the provider's default.
+ */
+function resolveThemeSetting(theme, colorScheme) {
+  if (theme !== SYSTEM_THEME) return theme;
+  return colorScheme === 'dark' ? _node.Theme.DARK : _node.Theme.LIGHT;
+}
+//# sourceMappingURL=systemTheme.js.map

package/lib/commonjs/theme/systemTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","SYSTEM_THEME","exports","resolveThemeSetting","theme","colorScheme","Theme","DARK","LIGHT"],"sourceRoot":"../../../src","sources":["theme/systemTheme.ts"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,QAAiB;AAI7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,mBAAmBA,CAC/BC,KAAyB,EACzBC,WAAsC,EACxB;EACd,IAAID,KAAK,KAAKH,YAAY,EAAE,OAAOG,KAAK;EACxC,OAAOC,WAAW,KAAK,MAAM,GAAGC,WAAK,CAACC,IAAI,GAAGD,WAAK,CAACE,KAAK;AAC5D","ignoreList":[]}

package/lib/commonjs/theme/useNativeBreakpoint.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "resolveBreakpoint", {
+  enumerable: true,
+  get: function () {
+    return _breakpoint.resolveBreakpoint;
+  }
+});
+exports.useNativeBreakpoint = useNativeBreakpoint;
+var _reactNative = require("react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _breakpoint = require("./breakpoint.js");
+/**
+ * The active breakpoint for the current RN viewport.
+ *
+ * `useWindowDimensions` is RN's equivalent of web's resize listener — it
+ * re-renders on rotation, split-screen, and foldable unfold. The previous
+ * implementation hardcoded `'sm'` on the assumption that native is
+ * phone-only, which silently gave tablets and landscape the wrong tokens.
+ *
+ * The width→label mapping itself lives in `./breakpoint`, which imports
+ * nothing from `react-native` and is therefore unit-testable.
+ */
+function useNativeBreakpoint(breakpoints = _node.BREAKPOINTS) {
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  return (0, _breakpoint.resolveBreakpoint)(width, breakpoints);
+}
+//# sourceMappingURL=useNativeBreakpoint.js.map

package/lib/commonjs/theme/useNativeBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_node","_breakpoint","useNativeBreakpoint","breakpoints","BREAKPOINTS","width","useWindowDimensions","resolveBreakpoint"],"sourceRoot":"../../../src","sources":["theme/useNativeBreakpoint.ts"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAC/BC,WAA2B,GAAGC,iBAAW,EACzB;EAChB,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACvC,OAAO,IAAAC,6BAAiB,EAACF,KAAK,EAAEF,WAAW,CAAC;AAChD","ignoreList":[]}

package/lib/commonjs/theme/useNativeTokens.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useNativeTokens = useNativeTokens;
+var _react = require("react");
+var _node = require("@juspay/blend-design-system/node");
+var _BlendNativeProvider = require("./BlendNativeProvider.js");
+var _nativeTokenRegistry = require("./nativeTokenRegistry.js");
+var _useNativeBreakpoint = require("./useNativeBreakpoint.js");
+/**
+ * Resolve one component's tokens, flattened for the active breakpoint and
+ * with any provider overrides deep-merged in.
+ *
+ * The native counterpart of web's `useResponsiveTokens('BUTTONV2')`, and
+ * deliberately the same call shape so component code reads the same on both
+ * platforms.
+ *
+ * Note `mergeTokenTree` is imported from the web package rather than
+ * reimplemented — override semantics (plain objects merge key-by-key,
+ * everything else replaces, `undefined` is skipped) must not drift between
+ * web and native.
+ */
+
+/** Resolution cache, keyed the way web's `initTokens` keys its own. */
+const resolutionCache = new WeakMap();
+function resolveResponsive(slot, foundationTokens, theme, overrides) {
+  let byKey = resolutionCache.get(foundationTokens);
+  if (!byKey) {
+    byKey = new Map();
+    resolutionCache.set(foundationTokens, byKey);
+  }
+
+  // Overrides participate in the key by identity — they are expected to be
+  // a stable object from the consumer, exactly as on web.
+  const hasOverride = overrides !== undefined;
+  const cacheKey = `${slot}::${String(theme)}::${hasOverride ? 'o' : '-'}`;
+  if (!hasOverride) {
+    const cached = byKey.get(cacheKey);
+    if (cached) return cached;
+  }
+  const factory = _nativeTokenRegistry.NATIVE_TOKEN_REGISTRY[slot];
+  const responsive = factory(foundationTokens, theme);
+  const resolved = hasOverride ? (0, _node.mergeTokenTree)(responsive, overrides) : responsive;
+  if (!hasOverride) byKey.set(cacheKey, resolved);
+  return resolved;
+}
+function useNativeTokens(slot) {
+  const {
+    theme,
+    componentTokens,
+    foundationTokens,
+    breakpoints
+  } = (0, _react.useContext)(_BlendNativeProvider.BlendNativeThemeContext);
+  // The provider's `breakpoints` must reach the resolver — calling
+  // `useNativeBreakpoint()` bare silently ignores a consumer's override
+  // and resolves against the defaults.
+  const breakpoint = (0, _useNativeBreakpoint.useNativeBreakpoint)(breakpoints);
+  if (!(0, _nativeTokenRegistry.isNativeTokenSlot)(slot)) {
+    throw new Error(`[blend-native] Unknown component token slot "${slot}". ` + `Known slots: ${_nativeTokenRegistry.NATIVE_TOKEN_SLOTS.join(', ')}. ` + `Register new components in src/theme/nativeTokenRegistry.ts.`);
+  }
+  const overrides = componentTokens?.[slot];
+  return (0, _react.useMemo)(() => {
+    const responsive = resolveResponsive(slot, foundationTokens, theme, overrides);
+    return responsive[breakpoint];
+  }, [slot, foundationTokens, theme, overrides, breakpoint]);
+}
+var _default = exports.default = useNativeTokens;
+//# sourceMappingURL=useNativeTokens.js.map

package/lib/commonjs/theme/useNativeTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_node","_BlendNativeProvider","_nativeTokenRegistry","_useNativeBreakpoint","resolutionCache","WeakMap","resolveResponsive","slot","foundationTokens","theme","overrides","byKey","get","Map","set","hasOverride","undefined","cacheKey","String","cached","factory","NATIVE_TOKEN_REGISTRY","responsive","resolved","mergeTokenTree","useNativeTokens","componentTokens","breakpoints","useContext","BlendNativeThemeContext","breakpoint","useNativeBreakpoint","isNativeTokenSlot","Error","NATIVE_TOKEN_SLOTS","join","useMemo","_default","exports","default"],"sourceRoot":"../../../src","sources":["theme/useNativeTokens.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAMA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAOA,IAAAI,oBAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMK,eAAe,GAAG,IAAIC,OAAO,CAGjC,CAAC;AAEH,SAASC,iBAAiBA,CACtBC,IAAqB,EACrBC,gBAAyC,EACzCC,KAAqB,EACrBC,SAAkB,EACmB;EACrC,IAAIC,KAAK,GAAGP,eAAe,CAACQ,GAAG,CAACJ,gBAAgB,CAAC;EACjD,IAAI,CAACG,KAAK,EAAE;IACRA,KAAK,GAAG,IAAIE,GAAG,CAAC,CAAC;IACjBT,eAAe,CAACU,GAAG,CAACN,gBAAgB,EAAEG,KAAK,CAAC;EAChD;;EAEA;EACA;EACA,MAAMI,WAAW,GAAGL,SAAS,KAAKM,SAAS;EAC3C,MAAMC,QAAQ,GAAG,GAAGV,IAAI,KAAKW,MAAM,CAACT,KAAK,CAAC,KAAKM,WAAW,GAAG,GAAG,GAAG,GAAG,EAAE;EAExE,IAAI,CAACA,WAAW,EAAE;IACd,MAAMI,MAAM,GAAGR,KAAK,CAACC,GAAG,CAACK,QAAQ,CAAC;IAClC,IAAIE,MAAM,EAAE,OAAOA,MAAM;EAC7B;EAEA,MAAMC,OAAO,GAAGC,0CAAqB,CAACd,IAAI,CAA0B;EACpE,MAAMe,UAAU,GAAGF,OAAO,CAACZ,gBAAgB,EAAEC,KAAK,CAAC;EACnD,MAAMc,QAAQ,GACVR,WAAW,GAAG,IAAAS,oBAAc,EAACF,UAAU,EAAEZ,SAAS,CAAC,GAAGY,UAChB;EAE1C,IAAI,CAACP,WAAW,EAAEJ,KAAK,CAACG,GAAG,CAACG,QAAQ,EAAEM,QAAQ,CAAC;EAC/C,OAAOA,QAAQ;AACnB;AAEO,SAASE,eAAeA,CAAIlB,IAAqB,EAAK;EACzD,MAAM;IAAEE,KAAK;IAAEiB,eAAe;IAAElB,gBAAgB;IAAEmB;EAAY,CAAC,GAC3D,IAAAC,iBAAU,EAACC,4CAAuB,CAAC;EACvC;EACA;EACA;EACA,MAAMC,UAAU,GAAG,IAAAC,wCAAmB,EAACJ,WAAW,CAAC;EAEnD,IAAI,CAAC,IAAAK,sCAAiB,EAACzB,IAAI,CAAC,EAAE;IAC1B,MAAM,IAAI0B,KAAK,CACX,gDAAgD1B,IAAI,KAAK,GACrD,gBAAgB2B,uCAAkB,CAACC,IAAI,CAAC,IAAI,CAAC,IAAI,GACjD,8DACR,CAAC;EACL;EAEA,MAAMzB,SAAS,GAAGgB,eAAe,GAAGnB,IAAI,CAAC;EAEzC,OAAO,IAAA6B,cAAO,EAAC,MAAM;IACjB,MAAMd,UAAU,GAAGhB,iBAAiB,CAChCC,IAAI,EACJC,gBAAgB,EAChBC,KAAK,EACLC,SACJ,CAAC;IACD,OAAOY,UAAU,CAACQ,UAAU,CAAC;EACjC,CAAC,EAAE,CAACvB,IAAI,EAAEC,gBAAgB,EAAEC,KAAK,EAAEC,SAAS,EAAEoB,UAAU,CAAC,CAAC;AAC9D;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,eAAe","ignoreList":[]}

package/lib/module/a11y/announcement.js

@@ -0,0 +1,38 @@
+"use strict";
+
+/**
+ * Live-region message construction.
+ *
+ * Kept RN-free so it stays unit-testable outside a renderer — the same split
+ * as `theme/breakpoint.ts` and `primitives/touchTarget.ts`.
+ */
+
+/**
+ * Compose the sentence a screen reader should announce for a status surface.
+ *
+ * Web relies on `aria-atomic="true"` to have the whole region re-read when any
+ * part changes, so the announcement is heading and description together. iOS
+ * has no live-region concept at all and must be told the exact string, so it
+ * is built here rather than left to the platform.
+ *
+ * Returns `undefined` when there is nothing worth announcing, so callers can
+ * skip the announcement entirely instead of interrupting the user with silence.
+ *
+ * ```
+ * buildAnnouncement('Saved', 'Your changes are live')  -> 'Saved. Your changes are live'
+ * buildAnnouncement('Saved', undefined)                -> 'Saved'
+ * buildAnnouncement(undefined, 'Your changes are live')-> 'Your changes are live'
+ * buildAnnouncement(undefined, undefined)              -> undefined
+ * ```
+ */
+export function buildAnnouncement(heading, description) {
+  const parts = [heading, description].map(part => part?.trim()).filter(part => Boolean(part));
+  if (parts.length === 0) return undefined;
+  if (parts.length === 1) return parts[0];
+
+  // Punctuate between the two so the reader pauses rather than running the
+  // heading into the description as one sentence.
+  const [head, rest] = parts;
+  return /[.!?:]$/.test(head) ? `${head} ${rest}` : `${head}. ${rest}`;
+}
+//# sourceMappingURL=announcement.js.map

package/lib/module/a11y/announcement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildAnnouncement","heading","description","parts","map","part","trim","filter","Boolean","length","undefined","head","rest","test"],"sourceRoot":"../../../src","sources":["a11y/announcement.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAiBA,CAC7BC,OAAgB,EAChBC,WAAoB,EACF;EAClB,MAAMC,KAAK,GAAG,CAACF,OAAO,EAAEC,WAAW,CAAC,CAC/BE,GAAG,CAAEC,IAAI,IAAKA,IAAI,EAAEC,IAAI,CAAC,CAAC,CAAC,CAC3BC,MAAM,CAAEF,IAAI,IAAqBG,OAAO,CAACH,IAAI,CAAC,CAAC;EAEpD,IAAIF,KAAK,CAACM,MAAM,KAAK,CAAC,EAAE,OAAOC,SAAS;EACxC,IAAIP,KAAK,CAACM,MAAM,KAAK,CAAC,EAAE,OAAON,KAAK,CAAC,CAAC,CAAC;;EAEvC;EACA;EACA,MAAM,CAACQ,IAAI,EAAEC,IAAI,CAAC,GAAGT,KAAK;EAC1B,OAAO,SAAS,CAACU,IAAI,CAACF,IAAI,CAAC,GAAG,GAAGA,IAAI,IAAIC,IAAI,EAAE,GAAG,GAAGD,IAAI,KAAKC,IAAI,EAAE;AACxE","ignoreList":[]}

package/lib/module/a11y/useLiveRegion.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { AccessibilityInfo, Platform } from 'react-native';
+
+/**
+ * Announce a status message to assistive tech.
+ *
+ * Web expresses this declaratively with `aria-live` + `aria-atomic`. React
+ * Native splits it across platforms:
+ *
+ * - **Android** understands `accessibilityLiveRegion` on the view itself, so
+ *   callers set that prop directly and this hook stays out of the way.
+ * - **iOS** has no live-region support. The only route is to hand the exact
+ *   string to `announceForAccessibility`, which is what this does.
+ *
+ * Re-announces when the message changes, and skips repeats of the same string
+ * so a parent re-render does not interrupt the user twice with the same text.
+ */
+export function useLiveRegionAnnounce(message, enabled = true) {
+  const lastAnnounced = useRef(undefined);
+  useEffect(() => {
+    if (!enabled || !message) return;
+    // Android already announces via accessibilityLiveRegion; announcing
+    // again here would read the alert twice.
+    if (Platform.OS !== 'ios') return;
+    if (lastAnnounced.current === message) return;
+    lastAnnounced.current = message;
+    AccessibilityInfo.announceForAccessibility(message);
+  }, [message, enabled]);
+}
+export default useLiveRegionAnnounce;
+//# sourceMappingURL=useLiveRegion.js.map

package/lib/module/a11y/useLiveRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","AccessibilityInfo","Platform","useLiveRegionAnnounce","message","enabled","lastAnnounced","undefined","OS","current","announceForAccessibility"],"sourceRoot":"../../../src","sources":["a11y/useLiveRegion.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,iBAAiB,EAAEC,QAAQ,QAAQ,cAAc;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACjCC,OAA2B,EAC3BC,OAAO,GAAG,IAAI,EACV;EACJ,MAAMC,aAAa,GAAGN,MAAM,CAAqBO,SAAS,CAAC;EAE3DR,SAAS,CAAC,MAAM;IACZ,IAAI,CAACM,OAAO,IAAI,CAACD,OAAO,EAAE;IAC1B;IACA;IACA,IAAIF,QAAQ,CAACM,EAAE,KAAK,KAAK,EAAE;IAC3B,IAAIF,aAAa,CAACG,OAAO,KAAKL,OAAO,EAAE;IAEvCE,aAAa,CAACG,OAAO,GAAGL,OAAO;IAC/BH,iBAAiB,CAACS,wBAAwB,CAACN,OAAO,CAAC;EACvD,CAAC,EAAE,CAACA,OAAO,EAAEC,OAAO,CAAC,CAAC;AAC1B;AAEA,eAAeF,qBAAqB","ignoreList":[]}

package/lib/module/adapters/cssStringAdapter.js

@@ -0,0 +1,352 @@
+"use strict";
+
+/**
+ * CSS-string token adapter for React Native.
+ *
+ * Blend's token factories emit CSS string values (`"6px"`,
+ * `"1px solid #E1E4EA"`, `"linear-gradient(180deg, #1A56DB -5%, #2563EB 107.5%)"`).
+ * RN's stylesheet engine accepts only numbers or platform-specific style
+ * objects, so every token value that touches layout/decoration must be
+ * translated here.
+ *
+ * Every function is pure and defensive: unparseable input returns a safe
+ * fallback (usually `undefined`) rather than throwing, so a single bad token
+ * never crashes the whole button.
+ */
+
+/**
+ * A decimal number, in a form the regex engine cannot backtrack over.
+ *
+ * The obvious spellings — `\d*\.?\d+` and `\d+\.?\d*` — are **ambiguous**:
+ * with no `.` present, a run of digits can be divided between the two
+ * quantifiers in as many ways as there are digits, so a long non-matching
+ * input costs O(n^2). CodeQL flags both as `js/polynomial-redos`, correctly.
+ *
+ * Here the `.` inside the optional group is mandatory, so each digit run has
+ * exactly one valid division and matching stays linear.
+ */
+const NUMBER = String.raw`-?(?:\d+(?:\.\d+)?|\.\d+)`;
+
+/** `"6px"`, `"1.5px"`, `"0"` — a length, with the unit optional. */
+const DIMENSION_RE = new RegExp(`^(${NUMBER})(?:px)?$`);
+
+/** `"50%"`, `"33.5%"`, `"-5%"` — a percentage. */
+const PERCENT_RE = new RegExp(`^(${NUMBER})%$`);
+
+/**
+ * Result of parsing a background token.
+ *
+ * - `flat` — solid color, apply via `backgroundColor`.
+ * - `gradient` — linear gradient, requires a `<LinearGradient>` wrapper.
+ * - `null` — `none` / transparent / unparseable; no background.
+ */
+
+/**
+ * Parse a CSS dimension string (`"6px"`, `"1.5px"`, `"0"`) into a number.
+ * Returns `undefined` for non-numeric input.
+ *
+ * `parseDimension("6px") → 6`
+ * `parseDimension("1.5px") → 1.5`
+ * `parseDimension("0") → 0`
+ */
+export function parseDimension(value) {
+  if (value === undefined || value === null) return undefined;
+  if (typeof value === 'number') return Number.isFinite(value) ? value : undefined;
+  const match = value.trim().match(DIMENSION_RE);
+  if (!match) return undefined;
+  const n = parseFloat(match[1]);
+  return Number.isNaN(n) ? undefined : n;
+}
+
+/**
+ * RN's type for anything that accepts a length or a percentage
+ * (`width`, `maxHeight`, `flexBasis`, ...).
+ */
+
+/**
+ * Parse a CSS size value — `width`, `height`, `maxHeight`, `minWidth`, ... —
+ * into something RN's stylesheet actually understands.
+ *
+ * This is deliberately strict. `parseFloat` is NOT a safe fallback here: it
+ * turns `"100%"` into `100`, which RN renders as **100 pixels** rather than
+ * full width, and it silently accepts `"12abc"` (→ `12`) and `"50em"` (→ `50`).
+ * Anything not explicitly understood returns `undefined` so the caller skips
+ * the prop instead of laying out a wrong value.
+ *
+ * ```
+ * parseSize(24)            → 24
+ * parseSize('24px')        → 24
+ * parseSize('50%')         → '50%'
+ * parseSize('100%')        → '100%'
+ * parseSize('auto')        → 'auto'
+ * parseSize('fit-content') → 'auto'   // RN's nearest equivalent
+ * parseSize('min-content') → undefined
+ * parseSize('calc(1+2)')   → undefined
+ * parseSize('50em')        → undefined
+ * parseSize('12abc')       → undefined
+ * ```
+ */
+export function parseSize(value) {
+  if (value === undefined || value === null) return undefined;
+  if (typeof value === 'number') {
+    return Number.isFinite(value) ? value : undefined;
+  }
+  const trimmed = value.trim();
+  if (trimmed === '') return undefined;
+
+  // `fit-content` has no RN equivalent; `auto` is the closest behaviour
+  // (shrink-to-fit within the parent's constraints).
+  if (trimmed === 'auto' || trimmed === 'fit-content') return 'auto';
+
+  // Percentages. See `NUMBER` — linear, so a long adversarial input cannot
+  // degrade this.
+  const pct = trimmed.match(PERCENT_RE);
+  if (pct) {
+    const n = parseFloat(pct[1]);
+    return Number.isNaN(n) ? undefined : `${n}%`;
+  }
+
+  // Bare numbers and `px` lengths.
+  return parseDimension(trimmed);
+}
+
+/**
+ * Parse a CSS time value (`"1.5s"`, `"200ms"`, `1500`) into milliseconds.
+ * Returns `undefined` for unparseable input so callers fall back to their
+ * own default duration.
+ *
+ * `parseDuration('1.5s') → 1500`
+ * `parseDuration('200ms') → 200`
+ */
+export function parseDuration(value) {
+  if (value === undefined || value === null) return undefined;
+  if (typeof value === 'number') return Number.isFinite(value) ? value : undefined;
+  const match = value.trim().match(new RegExp(`^(${NUMBER})(ms|s)$`));
+  if (!match) return undefined;
+  const n = parseFloat(match[1]);
+  if (Number.isNaN(n)) return undefined;
+  return match[2] === 's' ? n * 1000 : n;
+}
+
+/**
+ * Parse a CSS `border` shorthand (`"1px solid #E1E4EA"`) into RN border props.
+ * Returns `{ borderWidth, borderColor }` — the only two border properties RN
+ * supports uniformly across iOS/Android.
+ *
+ * `parseBorder("1.5px solid #1A56DB") → { borderWidth: 1.5, borderColor: "#1A56DB" }`
+ * `parseBorder("none") → {}`
+ */
+export function parseBorder(value) {
+  if (!value || value === 'none' || value === 'transparent') {
+    return {};
+  }
+  // Match: <width> <style> <color>
+  // width: "1px" / "1.5px"
+  // style: "solid" / "dashed" / "dotted" (RN only renders solid reliably)
+  // color: hex / rgb / rgba / named
+  const match = value.trim().match(/^(\d*\.?\d+)px\s+(?:solid|dashed|dotted)\s+(.+)$/);
+  if (!match) return {};
+  const width = parseFloat(match[1]);
+  const color = match[2].trim();
+  if (Number.isNaN(width) || !color) return {};
+  return {
+    borderWidth: width,
+    borderColor: color
+  };
+}
+
+/**
+ * Parse a CSS `border-radius` value into a number or corner-tuple for RN.
+ *
+ * Single value: `"10px" → 10`
+ * Four values (per CSS order TL TR BR BL): `"10px 0 0 10px" → { topLeft: 10, topRight: 0, bottomRight: 0, bottomLeft: 10 }`
+ *
+ * Returns `undefined` for unparseable input so callers can skip the prop.
+ */
+export function parseBorderRadius(value) {
+  if (value === undefined || value === null) return undefined;
+  if (typeof value === 'number') return value;
+  const trimmed = value.trim();
+  if (trimmed === '' || trimmed === 'none') return undefined;
+  const parts = trimmed.split(/\s+/).map(p => parseFloat(p));
+  if (parts.some(p => Number.isNaN(p))) return undefined;
+  if (parts.length === 1) return parts[0];
+  if (parts.length === 4) {
+    // CSS order: top-left, top-right, bottom-right, bottom-left
+    return {
+      borderTopLeftRadius: parts[0],
+      borderTopRightRadius: parts[1],
+      borderBottomRightRadius: parts[2],
+      borderBottomLeftRadius: parts[3]
+    };
+  }
+  // 2 or 3 value shorthands are rare in tokens; fall back to single.
+  return parts[0];
+}
+
+/**
+ * Parse one or more CSS `box-shadow` declarations into RN shadow/elevation props.
+ *
+ * RN does NOT support `inset` shadows — any `inset` declaration returns `null`
+ * (the caller should treat that as "no shadow"). Multiple comma-separated
+ * shadows are collapsed into the first non-inset shadow, because RN's shadow
+ * API models a single shadow.
+ *
+ * Focus-ring shadows (`"0 0 0 3px #EFF6FF"`) are parsed normally and become
+ * outer shadows — visually acceptable on native.
+ *
+ * Returns a `ViewStyle` subset: `shadowColor`, `shadowOffset`, `shadowOpacity`,
+ * `shadowRadius` (iOS) + `elevation` (Android).
+ */
+export function parseBoxShadow(value) {
+  if (!value || value === 'none') return null;
+
+  // Split on commas that separate multiple shadow declarations — but NOT
+  // commas inside rgba()/rgb() parens, which are part of a color, not
+  // separators. `(?![^(]*\))` = skip commas inside parens.
+  const shadows = value.split(/,(?![^(]*\))/).map(s => s.trim()).filter(Boolean);
+
+  // Find the first non-inset shadow — RN cannot render inset shadows at all.
+  const outer = shadows.find(s => !/\binset\b/i.test(s));
+  if (!outer) return null;
+
+  // Extract the color first, then parse numbers from the remainder.
+  // This avoids picking up digits from inside rgba(...) as offsets.
+  const colorMatch = outer.match(/#[0-9a-fA-F]{3,8}|rgba?\([^)]*\)/i);
+  const numericPart = outer.replace(/#[0-9a-fA-F]{3,8}|rgba?\([^)]*\)/gi, ' ').replace(/\binset\b/gi, ' ');
+  const nums = numericPart.match(/-?\d*\.?\d+/g)?.map(t => parseFloat(t)) ?? [];
+  const [offsetX = 0, offsetY = 0, blur = 0, spread = 0] = nums;
+
+  // RN's shadowRadius is the blur radius, not the spread.
+  // Elevation approximates the combined shadow depth on Android.
+  const shadowColor = colorMatch?.[0] ?? '#000000';
+
+  // If shadowColor is rgba(), extract the rgb for shadowColor and keep the
+  // alpha separately for shadowOpacity (iOS multiplies them).
+  let resolvedColor = shadowColor;
+  let resolvedOpacity = 1;
+  const rgbaMatch = shadowColor.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/i);
+  if (rgbaMatch) {
+    const [, r, g, b, a] = rgbaMatch;
+    resolvedColor = `rgb(${r}, ${g}, ${b})`;
+    resolvedOpacity = a ? parseFloat(a) : 1;
+  }
+
+  // Elevation: a rough heuristic — use blur + |offsetY| as the depth cue.
+  // Spread on focus rings (e.g. `0 0 0 3px`) should still produce visible
+  // elevation, so include it.
+  const elevation = Math.max(blur, spread, Math.abs(offsetY));
+  return {
+    shadowColor: resolvedColor,
+    shadowOffset: {
+      width: offsetX,
+      height: offsetY
+    },
+    shadowOpacity: resolvedOpacity,
+    shadowRadius: blur + spread,
+    elevation
+  };
+}
+
+/**
+ * Parse a CSS `background` value into a `ParsedBackground`.
+ *
+ * - `"linear-gradient(180deg, #1A56DB -5%, #2563EB 107.5%)"` → gradient descriptor
+ *   (percentage midpoints outside [0,1] are clamped — known limitation)
+ * - `"#FFFFFF"` / `"rgb(255,255,255)"` → flat color
+ * - `"none"` / `"transparent"` → null
+ */
+export function parseBackground(value) {
+  if (!value || value === 'none' || value === 'transparent') return null;
+
+  // Gradient?
+  const gradientMatch = value.match(/linear-gradient\(\s*(\d+)deg\s*,\s*(.+)\s*\)/i);
+  if (gradientMatch) {
+    const angle = parseFloat(gradientMatch[1]);
+    const stopsStr = gradientMatch[2];
+
+    // Parse color stops: "<color> <position>?" separated by commas.
+    // Blend gradient tokens use hex colors (no embedded commas), so a
+    // simple split on "," is safe. Each stop is trimmed, then split on
+    // whitespace to separate color from its optional percentage position.
+    // Positions may be outside [0,1] (e.g. "-5%", "107.5%") — clamped.
+    const stopStrs = stopsStr.split(',').map(s => s.trim()).filter(Boolean);
+    const colors = [];
+    const locations = [];
+    for (const stop of stopStrs) {
+      // "color" or "color position%"
+      const parts = stop.split(/\s+/);
+      colors.push(parts[0]);
+      if (parts[1]) {
+        const pct = parseFloat(parts[1]) / 100;
+        locations.push(Math.min(1, Math.max(0, pct)));
+      } else {
+        locations.push(0);
+      }
+    }
+    if (colors.length < 2) {
+      // Degenerate gradient — treat as flat color.
+      return colors[0] ? {
+        type: 'flat',
+        color: colors[0]
+      } : null;
+    }
+
+    // If locations weren't specified, distribute evenly.
+    const allZero = locations.every(l => l === 0);
+    let resolvedLocations = locations;
+    if (allZero) {
+      resolvedLocations = colors.map((_, i) => i / (colors.length - 1));
+    }
+
+    // Convert CSS angle (0deg = bottom→top) to RN {start, end} coords.
+    // RN's LinearGradient uses normalized [0,1] coordinates on the bounding box.
+    // 0deg → start={x:0.5,y:1} end={x:0.5,y:0}
+    // 90deg → start={x:0,y:0.5} end={x:1,y:0.5}
+    // 180deg → start={x:0.5,y:0} end={x:0.5,y:1}
+    const rad = angle * Math.PI / 180;
+    const start = {
+      x: 0.5 - Math.sin(rad) * 0.5,
+      y: 0.5 + Math.cos(rad) * 0.5
+    };
+    const end = {
+      x: 0.5 + Math.sin(rad) * 0.5,
+      y: 0.5 - Math.cos(rad) * 0.5
+    };
+    return {
+      type: 'gradient',
+      colors,
+      locations: resolvedLocations,
+      start,
+      end
+    };
+  }
+
+  // Solid color (hex / rgb / rgba / named)
+  if (/^(#[0-9a-fA-F]{3,8}|rgba?\(|[a-z]+)/i.test(value)) {
+    return {
+      type: 'flat',
+      color: value
+    };
+  }
+  return null;
+}
+
+/**
+ * Merge multiple style objects into one, skipping `undefined` values.
+ * Helper for composing adapter output with caller-provided overrides.
+ */
+export function mergeStyles(...styles) {
+  const result = {};
+  for (const s of styles) {
+    if (!s) continue;
+    for (const key of Object.keys(s)) {
+      const val = s[key];
+      if (val !== undefined && val !== null) {
+        result[key] = val;
+      }
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=cssStringAdapter.js.map

package/lib/module/adapters/cssStringAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NUMBER","String","raw","DIMENSION_RE","RegExp","PERCENT_RE","parseDimension","value","undefined","Number","isFinite","match","trim","n","parseFloat","isNaN","parseSize","trimmed","pct","parseDuration","parseBorder","width","color","borderWidth","borderColor","parseBorderRadius","parts","split","map","p","some","length","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","parseBoxShadow","shadows","s","filter","Boolean","outer","find","test","colorMatch","numericPart","replace","nums","t","offsetX","offsetY","blur","spread","shadowColor","resolvedColor","resolvedOpacity","rgbaMatch","r","g","b","a","elevation","Math","max","abs","shadowOffset","height","shadowOpacity","shadowRadius","parseBackground","gradientMatch","angle","stopsStr","stopStrs","colors","locations","stop","push","min","type","allZero","every","l","resolvedLocations","_","i","rad","PI","start","x","sin","y","cos","end","mergeStyles","styles","result","key","Object","keys","val"],"sourceRoot":"../../../src","sources":["adapters/cssStringAdapter.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/adapters/optionalGradient.js

@@ -0,0 +1,29 @@
+"use strict";
+
+/**
+ * Optional `expo-linear-gradient` probe, shared by every surface that can
+ * render a gradient (Pressable's gradient buttons, Skeleton's wave sweep).
+ *
+ * The probe must survive every build target this package ships:
+ *
+ * - **Metro (`react-native` condition, raw `src/`)** and the **CJS build**
+ *   (`require`/`default` conditions): `require` exists, the module loads
+ *   when installed, and the `catch` absorbs its absence.
+ * - **The ESM build** (`import` condition): there is no `require` in module
+ *   scope. The `typeof` guard makes the degradation explicit — gradient
+ *   surfaces fall back to a flat fill — instead of relying on a caught
+ *   `ReferenceError`. Bundlers that polyfill `require` in ESM (webpack)
+ *   still resolve the real module.
+ */
+
+export let LinearGradient = null;
+try {
+  if (typeof require === 'function') {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const mod = require('expo-linear-gradient');
+    LinearGradient = mod.LinearGradient;
+  }
+} catch {
+  LinearGradient = null;
+}
+//# sourceMappingURL=optionalGradient.js.map

package/lib/module/adapters/optionalGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LinearGradient","require","mod"],"sourceRoot":"../../../src","sources":["adapters/optionalGradient.ts"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA,OAAO,IAAIA,cAAwC,GAAG,IAAI;AAC1D,IAAI;EACA,IAAI,OAAOC,OAAO,KAAK,UAAU,EAAE;IAC/B;IACA,MAAMC,GAAmB,GAAGD,OAAO,CAAC,sBAAsB,CAAC;IAC3DD,cAAc,GAAGE,GAAG,CAACF,cAAc;EACvC;AACJ,CAAC,CAAC,MAAM;EACJA,cAAc,GAAG,IAAI;AACzB","ignoreList":[]}