@nexub/react-native 0.0.0-stage → 2.2.0

package/lib/module/primitives/ScreenContainer.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import * as React from 'react';
+import { ScrollView, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useTheme } from "../theme/ThemeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The root of every screen: background, edge-to-edge safe-area insets and
+ * content padding. With `scroll`, iOS adjusts insets itself
+ * (contentInsetAdjustmentBehavior) so native large titles collapse.
+ */
+export function ScreenContainer({
+  scroll = true,
+  edges = ['left', 'right', 'bottom'],
+  background = 'surface',
+  padding = '4',
+  gap = '4',
+  contentStyle,
+  children,
+  style,
+  ...rest
+}) {
+  const {
+    roles,
+    tokens
+  } = useTheme();
+  const insets = useSafeAreaInsets();
+  const pad = tokens.spacing[padding];
+  const inner = {
+    paddingTop: pad + (edges.includes('top') ? insets.top : 0),
+    paddingBottom: pad + (edges.includes('bottom') ? insets.bottom : 0),
+    paddingStart: pad + (edges.includes('left') ? insets.left : 0),
+    paddingEnd: pad + (edges.includes('right') ? insets.right : 0),
+    gap: tokens.spacing[gap]
+  };
+  if (!scroll) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [{
+        flex: 1,
+        backgroundColor: roles[background]
+      }, inner, contentStyle, style],
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(ScrollView, {
+    contentInsetAdjustmentBehavior: "automatic",
+    keyboardShouldPersistTaps: "handled",
+    style: [{
+      flex: 1,
+      backgroundColor: roles[background]
+    }, style],
+    contentContainerStyle: [inner, contentStyle],
+    ...rest,
+    children: children
+  });
+}
+//# sourceMappingURL=ScreenContainer.js.map

package/lib/module/primitives/ScreenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","View","useSafeAreaInsets","useTheme","jsx","_jsx","ScreenContainer","scroll","edges","background","padding","gap","contentStyle","children","style","rest","roles","tokens","insets","pad","spacing","inner","paddingTop","includes","top","paddingBottom","bottom","paddingStart","left","paddingEnd","right","flex","backgroundColor","contentInsetAdjustmentBehavior","keyboardShouldPersistTaps","contentContainerStyle"],"sourceRoot":"../../../src","sources":["primitives/ScreenContainer.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAA8C,cAAc;AACrF,SAASC,iBAAiB,QAAmB,gCAAgC;AAC7E,SAASC,QAAQ,QAAuB,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBjE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAC9BC,MAAM,GAAG,IAAI;EACbC,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;EACnCC,UAAU,GAAG,SAAS;EACtBC,OAAO,GAAG,GAAG;EACbC,GAAG,GAAG,GAAG;EACTC,YAAY;EACZC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACiB,CAAC,EAAE;EACvB,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACpC,MAAMe,MAAM,GAAGhB,iBAAiB,CAAC,CAAC;EAClC,MAAMiB,GAAG,GAAGF,MAAM,CAACG,OAAO,CAACV,OAAO,CAAC;EACnC,MAAMW,KAAgB,GAAG;IACvBC,UAAU,EAAEH,GAAG,IAAIX,KAAK,CAACe,QAAQ,CAAC,KAAK,CAAC,GAAGL,MAAM,CAACM,GAAG,GAAG,CAAC,CAAC;IAC1DC,aAAa,EAAEN,GAAG,IAAIX,KAAK,CAACe,QAAQ,CAAC,QAAQ,CAAC,GAAGL,MAAM,CAACQ,MAAM,GAAG,CAAC,CAAC;IACnEC,YAAY,EAAER,GAAG,IAAIX,KAAK,CAACe,QAAQ,CAAC,MAAM,CAAC,GAAGL,MAAM,CAACU,IAAI,GAAG,CAAC,CAAC;IAC9DC,UAAU,EAAEV,GAAG,IAAIX,KAAK,CAACe,QAAQ,CAAC,OAAO,CAAC,GAAGL,MAAM,CAACY,KAAK,GAAG,CAAC,CAAC;IAC9DnB,GAAG,EAAEM,MAAM,CAACG,OAAO,CAACT,GAAG;EACzB,CAAC;EACD,IAAI,CAACJ,MAAM,EAAE;IACX,oBACEF,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAE,CAAC;QAAEiB,IAAI,EAAE,CAAC;QAAEC,eAAe,EAAEhB,KAAK,CAACP,UAAU;MAAE,CAAC,EAAEY,KAAK,EAAET,YAAY,EAAEE,KAAK,CAAE;MAAAD,QAAA,EACxFA;IAAQ,CACL,CAAC;EAEX;EACA,oBACER,IAAA,CAACL,UAAU;IACTiC,8BAA8B,EAAC,WAAW;IAC1CC,yBAAyB,EAAC,SAAS;IACnCpB,KAAK,EAAE,CAAC;MAAEiB,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEhB,KAAK,CAACP,UAAU;IAAE,CAAC,EAAEK,KAAK,CAAE;IAChEqB,qBAAqB,EAAE,CAACd,KAAK,EAAET,YAAY,CAAE;IAAA,GACzCG,IAAI;IAAAF,QAAA,EAEPA;EAAQ,CACC,CAAC;AAEjB","ignoreList":[]}

package/lib/module/primitives/Surface.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import * as React from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { useTheme } from "../theme/ThemeProvider.js";
+
+// Optional peer: native Liquid Glass on iOS 26+. Everything else gets the solid fallback.
+import { jsx as _jsx } from "react/jsx-runtime";
+let Glass;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports -- optional peer, must not fail when absent
+  Glass = require('expo-glass-effect');
+} catch {
+  Glass = undefined;
+}
+const liquidGlass = Platform.OS === 'ios' && !!Glass?.isLiquidGlassAvailable();
+/**
+ * A tonal surface. `material="glass"` is native Liquid Glass on iOS 26+, and
+ * `surface-elevated` + hairline elsewhere, or whenever glass is 'off' (user
+ * setting or Reduce Transparency).
+ */
+export function Surface({
+  tone = 'surface',
+  elevation = 0,
+  material = 'solid',
+  radius,
+  style,
+  ...rest
+}) {
+  const theme = useTheme();
+  const borderRadius = typeof radius === 'string' ? theme.tokens.shape[radius] : radius;
+  const glass = material === 'glass' && theme.glass !== 'off';
+  if (glass && liquidGlass && Glass) {
+    return /*#__PURE__*/_jsx(Glass.GlassView, {
+      glassEffectStyle: theme.glass === 'clear' ? 'clear' : 'regular',
+      tintColor: theme.glass === 'tinted' ? theme.roles['surface-elevated'] : undefined,
+      colorScheme: theme.scheme,
+      style: [{
+        borderRadius,
+        boxShadow: theme.elevation(elevation)
+      }, style],
+      ...rest
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      backgroundColor: theme.roles[material === 'glass' ? 'surface-elevated' : tone],
+      borderRadius,
+      boxShadow: theme.elevation(elevation)
+    }, material === 'glass' && {
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.roles['outline-variant']
+    }, style],
+    ...rest
+  });
+}
+//# sourceMappingURL=Surface.js.map

package/lib/module/primitives/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","View","useTheme","jsx","_jsx","Glass","require","undefined","liquidGlass","OS","isLiquidGlassAvailable","Surface","tone","elevation","material","radius","style","rest","theme","borderRadius","tokens","shape","glass","GlassView","glassEffectStyle","tintColor","roles","colorScheme","scheme","boxShadow","backgroundColor","borderWidth","hairlineWidth","borderColor"],"sourceRoot":"../../../src","sources":["primitives/Surface.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAEzE,SAASC,QAAQ,QAA4C,2BAAwB;;AAErF;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,IAAIC,KAAqD;AACzD,IAAI;EACF;EACAA,KAAK,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACtC,CAAC,CAAC,MAAM;EACND,KAAK,GAAGE,SAAS;AACnB;AACA,MAAMC,WAAW,GAAGT,QAAQ,CAACU,EAAE,KAAK,KAAK,IAAI,CAAC,CAACJ,KAAK,EAAEK,sBAAsB,CAAC,CAAC;AAgB9E;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EACtBC,IAAI,GAAG,SAAS;EAChBC,SAAS,GAAG,CAAC;EACbC,QAAQ,GAAG,OAAO;EAClBC,MAAM;EACNC,KAAK;EACL,GAAGC;AACS,CAAC,EAAE;EACf,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,YAAY,GAAG,OAAOJ,MAAM,KAAK,QAAQ,GAAGG,KAAK,CAACE,MAAM,CAACC,KAAK,CAACN,MAAM,CAAC,GAAGA,MAAM;EACrF,MAAMO,KAAK,GAAGR,QAAQ,KAAK,OAAO,IAAII,KAAK,CAACI,KAAK,KAAK,KAAK;EAE3D,IAAIA,KAAK,IAAId,WAAW,IAAIH,KAAK,EAAE;IACjC,oBACED,IAAA,CAACC,KAAK,CAACkB,SAAS;MACdC,gBAAgB,EAAEN,KAAK,CAACI,KAAK,KAAK,OAAO,GAAG,OAAO,GAAG,SAAU;MAChEG,SAAS,EAAEP,KAAK,CAACI,KAAK,KAAK,QAAQ,GAAGJ,KAAK,CAACQ,KAAK,CAAC,kBAAkB,CAAC,GAAGnB,SAAU;MAClFoB,WAAW,EAAET,KAAK,CAACU,MAAO;MAC1BZ,KAAK,EAAE,CAAC;QAAEG,YAAY;QAAEU,SAAS,EAAEX,KAAK,CAACL,SAAS,CAACA,SAAS;MAAE,CAAC,EAAEG,KAAK,CAAE;MAAA,GACpEC;IAAI,CACT,CAAC;EAEN;EACA,oBACEb,IAAA,CAACH,IAAI;IACHe,KAAK,EAAE,CACL;MACEc,eAAe,EAAEZ,KAAK,CAACQ,KAAK,CAACZ,QAAQ,KAAK,OAAO,GAAG,kBAAkB,GAAGF,IAAI,CAAC;MAC9EO,YAAY;MACZU,SAAS,EAAEX,KAAK,CAACL,SAAS,CAACA,SAAS;IACtC,CAAC,EACDC,QAAQ,KAAK,OAAO,IAAI;MACtBiB,WAAW,EAAE/B,UAAU,CAACgC,aAAa;MACrCC,WAAW,EAAEf,KAAK,CAACQ,KAAK,CAAC,iBAAiB;IAC5C,CAAC,EACDV,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN","ignoreList":[]}

package/lib/module/primitives/Text.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import * as React from 'react';
+import { Text as RNText } from 'react-native';
+import { fontStyle } from "../theme/fonts.js";
+import { useTheme } from "../theme/ThemeProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+// iOS Dynamic Type: each role follows its Apple text style's scaling curve.
+const RAMP = {
+  'display-lg': 'largeTitle',
+  'display-md': 'largeTitle',
+  'display-sm': 'largeTitle',
+  'headline-lg': 'title1',
+  'headline-md': 'title2',
+  'headline-sm': 'title3',
+  'title-lg': 'title3',
+  'title-md': 'headline',
+  'title-sm': 'subheadline',
+  'body-lg': 'body',
+  'body-md': 'body',
+  'body-sm': 'footnote',
+  'label-lg': 'subheadline',
+  'label-md': 'footnote',
+  'label-sm': 'caption1'
+};
+
+// Big type already reads at large sizes; cap it so it doesn't push content off
+// screen. Body, title and label roles scale without a cap (WCAG 1.4.4).
+const cap = role => role.startsWith('display') ? 1.3 : role.startsWith('headline') ? 1.6 : undefined;
+export function Text({
+  variant = 'body-md',
+  color = 'on-surface',
+  tabular,
+  family,
+  style,
+  ...rest
+}) {
+  const {
+    roles,
+    tokens,
+    fonts
+  } = useTheme();
+  const t = tokens.type[variant];
+  return /*#__PURE__*/_jsx(RNText, {
+    dynamicTypeRamp: RAMP[variant],
+    maxFontSizeMultiplier: cap(variant),
+    style: [{
+      ...fontStyle(family ?? t.family, t.weight, fonts),
+      fontSize: t.size,
+      lineHeight: t.lineHeight,
+      letterSpacing: t.letterSpacing,
+      color: roles[color]
+    }, tabular && {
+      fontVariant: ['tabular-nums']
+    }, style],
+    ...rest
+  });
+}
+/** Text announced as a heading. @default variant 'headline-sm' */
+export function Heading({
+  variant = 'headline-sm',
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    accessibilityRole: "header",
+    variant: variant,
+    ...rest
+  });
+}
+//# sourceMappingURL=Text.js.map

package/lib/module/primitives/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","RNText","fontStyle","useTheme","jsx","_jsx","RAMP","cap","role","startsWith","undefined","variant","color","tabular","family","style","rest","roles","tokens","fonts","t","type","dynamicTypeRamp","maxFontSizeMultiplier","weight","fontSize","size","lineHeight","letterSpacing","fontVariant","Heading","accessibilityRole"],"sourceRoot":"../../../src","sources":["primitives/Text.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,IAAIC,MAAM,QAAuC,cAAc;AAE5E,SAASC,SAAS,QAAyB,mBAAgB;AAC3D,SAASC,QAAQ,QAAuB,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIjE;AACA,MAAMC,IAAkC,GAAG;EACzC,YAAY,EAAE,YAAY;EAC1B,YAAY,EAAE,YAAY;EAC1B,YAAY,EAAE,YAAY;EAC1B,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;EACvB,aAAa,EAAE,QAAQ;EACvB,UAAU,EAAE,QAAQ;EACpB,UAAU,EAAE,UAAU;EACtB,UAAU,EAAE,aAAa;EACzB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,MAAM;EACjB,SAAS,EAAE,UAAU;EACrB,UAAU,EAAE,aAAa;EACzB,UAAU,EAAE,UAAU;EACtB,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA,MAAMC,GAAG,GAAIC,IAAoB,IAC/BA,IAAI,CAACC,UAAU,CAAC,SAAS,CAAC,GAAG,GAAG,GAAGD,IAAI,CAACC,UAAU,CAAC,UAAU,CAAC,GAAG,GAAG,GAAGC,SAAS;AAalF,OAAO,SAASV,IAAIA,CAAC;EACnBW,OAAO,GAAG,SAAS;EACnBC,KAAK,GAAG,YAAY;EACpBC,OAAO;EACPC,MAAM;EACNC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EAC3C,MAAMiB,CAAC,GAAGF,MAAM,CAACG,IAAI,CAACV,OAAO,CAAC;EAC9B,oBACEN,IAAA,CAACJ,MAAM;IACLqB,eAAe,EAAEhB,IAAI,CAACK,OAAO,CAAE;IAC/BY,qBAAqB,EAAEhB,GAAG,CAACI,OAAO,CAAE;IACpCI,KAAK,EAAE,CACL;MACE,GAAGb,SAAS,CAACY,MAAM,IAAIM,CAAC,CAACN,MAAM,EAAEM,CAAC,CAACI,MAAM,EAAEL,KAAK,CAAC;MACjDM,QAAQ,EAAEL,CAAC,CAACM,IAAI;MAChBC,UAAU,EAAEP,CAAC,CAACO,UAAU;MACxBC,aAAa,EAAER,CAAC,CAACQ,aAAa;MAC9BhB,KAAK,EAAEK,KAAK,CAACL,KAAK;IACpB,CAAC,EACDC,OAAO,IAAI;MAAEgB,WAAW,EAAE,CAAC,cAAc;IAAE,CAAC,EAC5Cd,KAAK,CACL;IAAA,GACEC;EAAI,CACT,CAAC;AAEN;AAIA;AACA,OAAO,SAASc,OAAOA,CAAC;EAAEnB,OAAO,GAAG,aAAa;EAAE,GAAGK;AAAmB,CAAC,EAAE;EAC1E,oBAAOX,IAAA,CAACL,IAAI;IAAC+B,iBAAiB,EAAC,QAAQ;IAACpB,OAAO,EAAEA,OAAQ;IAAA,GAAKK;EAAI,CAAG,CAAC;AACxE","ignoreList":[]}

package/lib/module/theme/ThemeProvider.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import * as React from 'react';
+import { AccessibilityInfo, AppState, Platform, StyleSheet, View, useColorScheme } from 'react-native';
+import { native } from '@nexub/tokens/native';
+import { createSeedRoles } from '@nexub/tokens/seed';
+import { defaultMessages, directionOf } from '@nexub/core';
+import { playHaptic } from "./haptics.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ThemeContext = /*#__PURE__*/React.createContext(null);
+
+// AccessibilityInfo reads that fire no change event (contrast): re-read on foreground.
+function useForegroundSetting(read, enabled) {
+  const [on, setOn] = React.useState(false);
+  React.useEffect(() => {
+    if (!enabled || !read) return;
+    const get = () => read().then(setOn, () => setOn(false));
+    get();
+    const sub = AppState.addEventListener('change', s => s === 'active' && get());
+    return () => sub.remove();
+  }, [enabled, read]);
+  return on;
+}
+function useSetting(read, event) {
+  const [on, setOn] = React.useState(false);
+  React.useEffect(() => {
+    read().then(setOn, () => setOn(false));
+    const sub = AccessibilityInfo.addEventListener(event, setOn);
+    return () => sub.remove();
+  }, [read, event]);
+  return on;
+}
+const a11y = AccessibilityInfo;
+const readHighContrast = Platform.OS === 'ios' ? a11y.isDarkerSystemColorsEnabled?.bind(a11y) : a11y.isHighTextContrastEnabled?.bind(a11y);
+const readReduceMotion = () => AccessibilityInfo.isReduceMotionEnabled();
+const readReduceTransparency = () => Platform.OS === 'ios' ? AccessibilityInfo.isReduceTransparencyEnabled() : Promise.resolve(false);
+
+/**
+ * Theme, accessibility preferences, locale and strings for every
+ * @nexub/react-native component. Wrap the app once, inside the safe-area provider.
+ */
+export function NexubNativeProvider({
+  scheme: schemeProp = 'system',
+  contrast: contrastProp = 'system',
+  product,
+  seed,
+  seedTarget = 'primary',
+  glass = 'balanced',
+  haptics = true,
+  fonts = 'nexub',
+  locale = 'en',
+  dir,
+  messages,
+  children
+}) {
+  const system = useColorScheme();
+  const scheme = schemeProp === 'system' ? system === 'dark' ? 'dark' : 'light' : schemeProp;
+  const systemHigh = useForegroundSetting(readHighContrast, contrastProp === 'system');
+  const contrast = contrastProp === 'system' ? systemHigh ? 'high' : 'standard' : contrastProp;
+  const reducedMotion = useSetting(readReduceMotion, 'reduceMotionChanged');
+  const reduceTransparency = useSetting(readReduceTransparency, 'reduceTransparencyChanged');
+  const resolvedDir = dir ?? directionOf(locale);
+  const theme = React.useMemo(() => {
+    const roles = {
+      ...native.color.roles[contrast][scheme],
+      ...(product ? native.color.products[product][contrast][scheme] : {}),
+      ...(seed ? createSeedRoles(seed, {
+        contrast,
+        target: seedTarget
+      })[scheme] : {})
+    };
+    return {
+      scheme,
+      contrast,
+      product,
+      roles,
+      tokens: native,
+      elevation: level => level ? native.elevation[level][scheme] : undefined,
+      glass: reduceTransparency ? 'off' : glass,
+      reducedMotion,
+      haptics,
+      fonts,
+      locale,
+      dir: resolvedDir,
+      messages: {
+        ...defaultMessages,
+        ...messages
+      }
+    };
+  }, [scheme, contrast, product, seed, seedTarget, glass, reduceTransparency, reducedMotion, haptics, fonts, locale, resolvedDir, messages]);
+  return /*#__PURE__*/_jsx(ThemeContext.Provider, {
+    value: theme,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.root, {
+        direction: resolvedDir
+      }],
+      children: children
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  }
+});
+
+/** The active theme. Throws outside NexubNativeProvider. */
+export function useTheme() {
+  const theme = React.useContext(ThemeContext);
+  if (!theme) throw new Error('@nexub/react-native: wrap your app in <NexubNativeProvider>.');
+  return theme;
+}
+
+/** Shorthand for `useTheme().roles`. */
+export const useRoles = () => useTheme().roles;
+
+/** The active strings: defaults merged with the provider's overrides. */
+export const useNexubMessages = () => useTheme().messages;
+
+/** Plays a semantic haptic, unless the user turned haptics off. */
+export function useHaptics() {
+  const {
+    haptics
+  } = useTheme();
+  return React.useCallback(token => haptics && playHaptic(token), [haptics]);
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/module/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AccessibilityInfo","AppState","Platform","StyleSheet","View","useColorScheme","native","createSeedRoles","defaultMessages","directionOf","playHaptic","jsx","_jsx","ThemeContext","createContext","useForegroundSetting","read","enabled","on","setOn","useState","useEffect","get","then","sub","addEventListener","s","remove","useSetting","event","a11y","readHighContrast","OS","isDarkerSystemColorsEnabled","bind","isHighTextContrastEnabled","readReduceMotion","isReduceMotionEnabled","readReduceTransparency","isReduceTransparencyEnabled","Promise","resolve","NexubNativeProvider","scheme","schemeProp","contrast","contrastProp","product","seed","seedTarget","glass","haptics","fonts","locale","dir","messages","children","system","systemHigh","reducedMotion","reduceTransparency","resolvedDir","theme","useMemo","roles","color","products","target","tokens","elevation","level","undefined","Provider","value","style","styles","root","direction","create","flex","useTheme","useContext","Error","useRoles","useNexubMessages","useHaptics","useCallback","token"],"sourceRoot":"../../../src","sources":["theme/ThemeProvider.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,cAAc,QACT,cAAc;AACrB,SAASC,MAAM,QAA0B,sBAAsB;AAC/D,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SACEC,eAAe,EACfC,WAAW,QAMN,aAAa;AACpB,SAASC,UAAU,QAA0B,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAsDzD,MAAMC,YAAY,gBAAGd,KAAK,CAACe,aAAa,CAAoB,IAAI,CAAC;;AAEjE;AACA,SAASC,oBAAoBA,CAC3BC,IAA0C,EAC1CC,OAAgB,EACP;EACT,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAGpB,KAAK,CAACqB,QAAQ,CAAC,KAAK,CAAC;EACzCrB,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpB,IAAI,CAACJ,OAAO,IAAI,CAACD,IAAI,EAAE;IACvB,MAAMM,GAAG,GAAGA,CAAA,KAAMN,IAAI,CAAC,CAAC,CAACO,IAAI,CAACJ,KAAK,EAAE,MAAMA,KAAK,CAAC,KAAK,CAAC,CAAC;IACxDG,GAAG,CAAC,CAAC;IACL,MAAME,GAAG,GAAGvB,QAAQ,CAACwB,gBAAgB,CAAC,QAAQ,EAAGC,CAAC,IAAKA,CAAC,KAAK,QAAQ,IAAIJ,GAAG,CAAC,CAAC,CAAC;IAC/E,OAAO,MAAME,GAAG,CAACG,MAAM,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACV,OAAO,EAAED,IAAI,CAAC,CAAC;EACnB,OAAOE,EAAE;AACX;AAEA,SAASU,UAAUA,CACjBZ,IAA4B,EAC5Ba,KAA0D,EACjD;EACT,MAAM,CAACX,EAAE,EAAEC,KAAK,CAAC,GAAGpB,KAAK,CAACqB,QAAQ,CAAC,KAAK,CAAC;EACzCrB,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpBL,IAAI,CAAC,CAAC,CAACO,IAAI,CAACJ,KAAK,EAAE,MAAMA,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,MAAMK,GAAG,GAAGxB,iBAAiB,CAACyB,gBAAgB,CAACI,KAAK,EAAEV,KAAK,CAAC;IAC5D,OAAO,MAAMK,GAAG,CAACG,MAAM,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACX,IAAI,EAAEa,KAAK,CAAC,CAAC;EACjB,OAAOX,EAAE;AACX;AAMA,MAAMY,IAAI,GAAG9B,iBAAyB;AACtC,MAAM+B,gBAAgB,GACpB7B,QAAQ,CAAC8B,EAAE,KAAK,KAAK,GACjBF,IAAI,CAACG,2BAA2B,EAAEC,IAAI,CAACJ,IAAI,CAAC,GAC5CA,IAAI,CAACK,yBAAyB,EAAED,IAAI,CAACJ,IAAI,CAAC;AAChD,MAAMM,gBAAgB,GAAGA,CAAA,KAAMpC,iBAAiB,CAACqC,qBAAqB,CAAC,CAAC;AACxE,MAAMC,sBAAsB,GAAGA,CAAA,KAC7BpC,QAAQ,CAAC8B,EAAE,KAAK,KAAK,GAAGhC,iBAAiB,CAACuC,2BAA2B,CAAC,CAAC,GAAGC,OAAO,CAACC,OAAO,CAAC,KAAK,CAAC;;AAElG;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,MAAM,EAAEC,UAAU,GAAG,QAAQ;EAC7BC,QAAQ,EAAEC,YAAY,GAAG,QAAQ;EACjCC,OAAO;EACPC,IAAI;EACJC,UAAU,GAAG,SAAS;EACtBC,KAAK,GAAG,UAAU;EAClBC,OAAO,GAAG,IAAI;EACdC,KAAK,GAAG,OAAO;EACfC,MAAM,GAAG,IAAI;EACbC,GAAG;EACHC,QAAQ;EACRC;AACwB,CAAC,EAAE;EAC3B,MAAMC,MAAM,GAAGpD,cAAc,CAAC,CAAC;EAC/B,MAAMsC,MAAc,GAClBC,UAAU,KAAK,QAAQ,GAAIa,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAAIb,UAAU;EAC/E,MAAMc,UAAU,GAAG3C,oBAAoB,CAACgB,gBAAgB,EAAEe,YAAY,KAAK,QAAQ,CAAC;EACpF,MAAMD,QAAuB,GAC3BC,YAAY,KAAK,QAAQ,GAAIY,UAAU,GAAG,MAAM,GAAG,UAAU,GAAIZ,YAAY;EAC/E,MAAMa,aAAa,GAAG/B,UAAU,CAACQ,gBAAgB,EAAE,qBAAqB,CAAC;EACzE,MAAMwB,kBAAkB,GAAGhC,UAAU,CAACU,sBAAsB,EAAE,2BAA2B,CAAC;EAC1F,MAAMuB,WAAW,GAAGP,GAAG,IAAI7C,WAAW,CAAC4C,MAAM,CAAC;EAE9C,MAAMS,KAAK,GAAG/D,KAAK,CAACgE,OAAO,CAAa,MAAM;IAC5C,MAAMC,KAAY,GAAG;MACnB,GAAG1D,MAAM,CAAC2D,KAAK,CAACD,KAAK,CAACnB,QAAQ,CAAC,CAACF,MAAM,CAAC;MACvC,IAAII,OAAO,GAAGzC,MAAM,CAAC2D,KAAK,CAACC,QAAQ,CAACnB,OAAO,CAAC,CAACF,QAAQ,CAAC,CAACF,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;MACpE,IAAIK,IAAI,GAAGzC,eAAe,CAACyC,IAAI,EAAE;QAAEH,QAAQ;QAAEsB,MAAM,EAAElB;MAAW,CAAC,CAAC,CAACN,MAAM,CAAC,GAAG,CAAC,CAAC;IACjF,CAAC;IACD,OAAO;MACLA,MAAM;MACNE,QAAQ;MACRE,OAAO;MACPiB,KAAK;MACLI,MAAM,EAAE9D,MAAM;MACd+D,SAAS,EAAGC,KAAK,IAAMA,KAAK,GAAGhE,MAAM,CAAC+D,SAAS,CAACC,KAAK,CAAC,CAAC3B,MAAM,CAAC,GAAG4B,SAAU;MAC3ErB,KAAK,EAAEU,kBAAkB,GAAG,KAAK,GAAGV,KAAK;MACzCS,aAAa;MACbR,OAAO;MACPC,KAAK;MACLC,MAAM;MACNC,GAAG,EAAEO,WAAW;MAChBN,QAAQ,EAAE;QAAE,GAAG/C,eAAe;QAAE,GAAG+C;MAAS;IAC9C,CAAC;EACH,CAAC,EAAE,CACDZ,MAAM,EACNE,QAAQ,EACRE,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLU,kBAAkB,EAClBD,aAAa,EACbR,OAAO,EACPC,KAAK,EACLC,MAAM,EACNQ,WAAW,EACXN,QAAQ,CACT,CAAC;EAEF,oBACE3C,IAAA,CAACC,YAAY,CAAC2D,QAAQ;IAACC,KAAK,EAAEX,KAAM;IAAAN,QAAA,eAClC5C,IAAA,CAACR,IAAI;MAACsE,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEC,SAAS,EAAEhB;MAAY,CAAC,CAAE;MAAAL,QAAA,EAAEA;IAAQ,CAAO;EAAC,CACpD,CAAC;AAE5B;AAEA,MAAMmB,MAAM,GAAGxE,UAAU,CAAC2E,MAAM,CAAC;EAAEF,IAAI,EAAE;IAAEG,IAAI,EAAE;EAAE;AAAE,CAAC,CAAC;;AAEvD;AACA,OAAO,SAASC,QAAQA,CAAA,EAAe;EACrC,MAAMlB,KAAK,GAAG/D,KAAK,CAACkF,UAAU,CAACpE,YAAY,CAAC;EAC5C,IAAI,CAACiD,KAAK,EAAE,MAAM,IAAIoB,KAAK,CAAC,8DAA8D,CAAC;EAC3F,OAAOpB,KAAK;AACd;;AAEA;AACA,OAAO,MAAMqB,QAAQ,GAAGA,CAAA,KAAaH,QAAQ,CAAC,CAAC,CAAChB,KAAK;;AAErD;AACA,OAAO,MAAMoB,gBAAgB,GAAGA,CAAA,KAAqBJ,QAAQ,CAAC,CAAC,CAACzB,QAAQ;;AAExE;AACA,OAAO,SAAS8B,UAAUA,CAAA,EAAiC;EACzD,MAAM;IAAElC;EAAQ,CAAC,GAAG6B,QAAQ,CAAC,CAAC;EAC9B,OAAOjF,KAAK,CAACuF,WAAW,CAAEC,KAAK,IAAKpC,OAAO,IAAIzC,UAAU,CAAC6E,KAAK,CAAC,EAAE,CAACpC,OAAO,CAAC,CAAC;AAC9E","ignoreList":[]}

package/lib/module/theme/fonts.js

@@ -0,0 +1,56 @@
+"use strict";
+
+// Nexub faces as static TTFs (OFL) from @expo-google-fonts, one file per weight.
+// Load them once at startup:  const [ready] = useFonts(nexubFonts)  (expo-font).
+// Per-weight subpaths don't import expo-font, so bare RN apps can load the same
+// files with their own loader.
+import { Inter_400Regular } from '@expo-google-fonts/inter/400Regular';
+import { Inter_500Medium } from '@expo-google-fonts/inter/500Medium';
+import { Inter_600SemiBold } from '@expo-google-fonts/inter/600SemiBold';
+import { Inter_700Bold } from '@expo-google-fonts/inter/700Bold';
+import { PlusJakartaSans_600SemiBold } from '@expo-google-fonts/plus-jakarta-sans/600SemiBold';
+import { PlusJakartaSans_700Bold } from '@expo-google-fonts/plus-jakarta-sans/700Bold';
+import { PlusJakartaSans_800ExtraBold } from '@expo-google-fonts/plus-jakarta-sans/800ExtraBold';
+import { GeistMono_400Regular } from '@expo-google-fonts/geist-mono/400Regular';
+export const nexubFonts = {
+  Inter_400Regular,
+  Inter_500Medium,
+  Inter_600SemiBold,
+  Inter_700Bold,
+  PlusJakartaSans_600SemiBold,
+  PlusJakartaSans_700Bold,
+  PlusJakartaSans_800ExtraBold,
+  GeistMono_400Regular
+};
+const SANS = {
+  400: 'Inter_400Regular',
+  500: 'Inter_500Medium',
+  600: 'Inter_600SemiBold',
+  700: 'Inter_700Bold',
+  800: 'Inter_700Bold'
+};
+const DISPLAY = {
+  400: 'PlusJakartaSans_600SemiBold',
+  500: 'PlusJakartaSans_600SemiBold',
+  600: 'PlusJakartaSans_600SemiBold',
+  700: 'PlusJakartaSans_700Bold',
+  800: 'PlusJakartaSans_800ExtraBold'
+};
+
+/**
+ * Style for a family + weight. With static files the weight lives in the file
+ * name, so `fontWeight` is only set for the system font (Android picks the
+ * wrong file when both are set).
+ */
+export function fontStyle(family, weight, source) {
+  if (source === 'system') return {
+    fontWeight: String(weight)
+  };
+  if (family === 'mono') return {
+    fontFamily: 'GeistMono_400Regular'
+  };
+  return {
+    fontFamily: (family === 'display' ? DISPLAY : SANS)[weight] ?? SANS[400]
+  };
+}
+//# sourceMappingURL=fonts.js.map

package/lib/module/theme/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Inter_400Regular","Inter_500Medium","Inter_600SemiBold","Inter_700Bold","PlusJakartaSans_600SemiBold","PlusJakartaSans_700Bold","PlusJakartaSans_800ExtraBold","GeistMono_400Regular","nexubFonts","SANS","DISPLAY","fontStyle","family","weight","source","fontWeight","String","fontFamily"],"sourceRoot":"../../../src","sources":["theme/fonts.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,eAAe,QAAQ,oCAAoC;AACpE,SAASC,iBAAiB,QAAQ,sCAAsC;AACxE,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,2BAA2B,QAAQ,kDAAkD;AAC9F,SAASC,uBAAuB,QAAQ,8CAA8C;AACtF,SAASC,4BAA4B,QAAQ,mDAAmD;AAChG,SAASC,oBAAoB,QAAQ,0CAA0C;AAE/E,OAAO,MAAMC,UAAU,GAAG;EACxBR,gBAAgB;EAChBC,eAAe;EACfC,iBAAiB;EACjBC,aAAa;EACbC,2BAA2B;EAC3BC,uBAAuB;EACvBC,4BAA4B;EAC5BC;AACF,CAAC;AAKD,MAAME,IAA4B,GAAG;EACnC,GAAG,EAAE,kBAAkB;EACvB,GAAG,EAAE,iBAAiB;EACtB,GAAG,EAAE,mBAAmB;EACxB,GAAG,EAAE,eAAe;EACpB,GAAG,EAAE;AACP,CAAC;AACD,MAAMC,OAA+B,GAAG;EACtC,GAAG,EAAE,6BAA6B;EAClC,GAAG,EAAE,6BAA6B;EAClC,GAAG,EAAE,6BAA6B;EAClC,GAAG,EAAE,yBAAyB;EAC9B,GAAG,EAAE;AACP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,MAAkB,EAAEC,MAAc,EAAEC,MAAkB,EAAE;EAChF,IAAIA,MAAM,KAAK,QAAQ,EAAE,OAAO;IAAEC,UAAU,EAAEC,MAAM,CAACH,MAAM;EAAW,CAAC;EACvE,IAAID,MAAM,KAAK,MAAM,EAAE,OAAO;IAAEK,UAAU,EAAE;EAAuB,CAAC;EACpE,OAAO;IAAEA,UAAU,EAAE,CAACL,MAAM,KAAK,SAAS,GAAGF,OAAO,GAAGD,IAAI,EAAEI,MAAM,CAAC,IAAIJ,IAAI,CAAC,GAAG;EAAE,CAAC;AACrF","ignoreList":[]}

package/lib/module/theme/haptics.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import { Platform } from 'react-native';
+
+// Semantic haptics (MOBILE_PLAN.md §4.4). Apple's rule: never on plain taps,
+// never the only feedback. Android uses the platform constants, not the
+// vibrator-based impact API.
+
+// Optional peer: without expo-haptics every haptic is a no-op.
+let H;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports -- optional peer, must not fail when absent
+  H = require('expo-haptics');
+} catch {
+  H = undefined;
+}
+const ANDROID = {
+  selection: 'Segment_Tick',
+  toggleOn: 'Toggle_On',
+  toggleOff: 'Toggle_Off',
+  confirm: 'Confirm',
+  reject: 'Reject',
+  warning: 'Reject',
+  snap: 'Gesture_End'
+};
+export function playHaptic(token) {
+  if (!H) return;
+  const done = () => {};
+  if (Platform.OS === 'android') {
+    H.performAndroidHapticsAsync(H.AndroidHaptics[ANDROID[token]]).catch(done);
+    return;
+  }
+  if (Platform.OS !== 'ios') return;
+  switch (token) {
+    case 'selection':
+      H.selectionAsync().catch(done);
+      break;
+    case 'toggleOn':
+    case 'toggleOff':
+      H.impactAsync(H.ImpactFeedbackStyle.Light).catch(done);
+      break;
+    case 'snap':
+      H.impactAsync(H.ImpactFeedbackStyle.Medium).catch(done);
+      break;
+    case 'confirm':
+      H.notificationAsync(H.NotificationFeedbackType.Success).catch(done);
+      break;
+    case 'reject':
+      H.notificationAsync(H.NotificationFeedbackType.Error).catch(done);
+      break;
+    case 'warning':
+      H.notificationAsync(H.NotificationFeedbackType.Warning).catch(done);
+      break;
+  }
+}
+//# sourceMappingURL=haptics.js.map

package/lib/module/theme/haptics.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","H","require","undefined","ANDROID","selection","toggleOn","toggleOff","confirm","reject","warning","snap","playHaptic","token","done","OS","performAndroidHapticsAsync","AndroidHaptics","catch","selectionAsync","impactAsync","ImpactFeedbackStyle","Light","Medium","notificationAsync","NotificationFeedbackType","Success","Error","Warning"],"sourceRoot":"../../../src","sources":["theme/haptics.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;;AAIA;AACA,IAAIC,CAA4C;AAChD,IAAI;EACF;EACAA,CAAC,GAAGC,OAAO,CAAC,cAAc,CAAC;AAC7B,CAAC,CAAC,MAAM;EACND,CAAC,GAAGE,SAAS;AACf;AAEA,MAAMC,OAAO,GAAG;EACdC,SAAS,EAAE,cAAc;EACzBC,QAAQ,EAAE,WAAW;EACrBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,QAAQ;EACjBC,IAAI,EAAE;AACR,CAAU;AAEV,OAAO,SAASC,UAAUA,CAACC,KAAkB,EAAQ;EACnD,IAAI,CAACZ,CAAC,EAAE;EACR,MAAMa,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;EACrB,IAAId,QAAQ,CAACe,EAAE,KAAK,SAAS,EAAE;IAC7Bd,CAAC,CAACe,0BAA0B,CAACf,CAAC,CAACgB,cAAc,CAACb,OAAO,CAACS,KAAK,CAAC,CAAC,CAAC,CAACK,KAAK,CAACJ,IAAI,CAAC;IAC1E;EACF;EACA,IAAId,QAAQ,CAACe,EAAE,KAAK,KAAK,EAAE;EAC3B,QAAQF,KAAK;IACX,KAAK,WAAW;MACdZ,CAAC,CAACkB,cAAc,CAAC,CAAC,CAACD,KAAK,CAACJ,IAAI,CAAC;MAC9B;IACF,KAAK,UAAU;IACf,KAAK,WAAW;MACdb,CAAC,CAACmB,WAAW,CAACnB,CAAC,CAACoB,mBAAmB,CAACC,KAAK,CAAC,CAACJ,KAAK,CAACJ,IAAI,CAAC;MACtD;IACF,KAAK,MAAM;MACTb,CAAC,CAACmB,WAAW,CAACnB,CAAC,CAACoB,mBAAmB,CAACE,MAAM,CAAC,CAACL,KAAK,CAACJ,IAAI,CAAC;MACvD;IACF,KAAK,SAAS;MACZb,CAAC,CAACuB,iBAAiB,CAACvB,CAAC,CAACwB,wBAAwB,CAACC,OAAO,CAAC,CAACR,KAAK,CAACJ,IAAI,CAAC;MACnE;IACF,KAAK,QAAQ;MACXb,CAAC,CAACuB,iBAAiB,CAACvB,CAAC,CAACwB,wBAAwB,CAACE,KAAK,CAAC,CAACT,KAAK,CAACJ,IAAI,CAAC;MACjE;IACF,KAAK,SAAS;MACZb,CAAC,CAACuB,iBAAiB,CAACvB,CAAC,CAACwB,wBAAwB,CAACG,OAAO,CAAC,CAACV,KAAK,CAACJ,IAAI,CAAC;MACnE;EACJ;AACF","ignoreList":[]}

package/lib/module/theme/motion.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { Easing, FadeIn, FadeInDown, FadeInUp, FadeOut, FadeOutDown, FadeOutUp, LinearTransition, ReduceMotion, SlideOutLeft, SlideOutRight, ZoomIn, ZoomOut } from 'react-native-reanimated';
+import { native } from '@nexub/tokens/native';
+
+// Layout-animation presets built from the same spring tokens as the web
+// (`motion.spring.*` → CSS linear() there, Reanimated springs here).
+// Enter rides `spatial` (position and size, a hair of settle); exit is quicker
+// on `effects` and never overshoots. Every preset honours the OS Reduce Motion
+// setting (ReduceMotion.System): the change lands without travel.
+
+/** `withSpring` config for a spring token, honouring Reduce Motion. */
+export function nxSpring(family = 'spatial', speed = 'default') {
+  return {
+    ...native.motion.spring[family][speed],
+    reduceMotion: ReduceMotion.System
+  };
+}
+const ENTER = {
+  fade: FadeIn,
+  up: FadeInUp,
+  down: FadeInDown,
+  scale: ZoomIn
+};
+const EXIT = {
+  fade: FadeOut,
+  up: FadeOutUp,
+  down: FadeOutDown,
+  scale: ZoomOut
+};
+
+/**
+ * Settle time of a spring token (ms): when it is within 0.1% of rest. The
+ * same rule @nexub/tokens uses for the CSS spring durations.
+ */
+export function springSettleMs({
+  stiffness,
+  damping,
+  mass
+}) {
+  const dt = 1 / 1000;
+  let x = 0;
+  let v = 0;
+  let still = 0;
+  for (let t = 0; t < 3; t += dt) {
+    const a = (stiffness * (1 - x) - damping * v) / mass;
+    v += a * dt;
+    x += v * dt;
+    still = Math.abs(1 - x) < 0.001 && Math.abs(v) < 0.01 ? still + 1 : 0;
+    if (still > 16) return Math.round((t - 0.016) * 1000);
+  }
+  return 3000;
+}
+
+// Enter and exit run as timed animations lasting the spring token's settle
+// time, on the system decelerate / accelerate curves: Reanimated's
+// physics-spring entering animations (`springify()` with stiffness/damping)
+// left entering views invisible on iOS. Layout transitions move views that are
+// already visible, so they keep the physics spring.
+const decelerate = Easing.bezier(0, 0, 0.2, 1);
+const accelerate = Easing.bezier(0.4, 0, 1, 1);
+
+/**
+ * `entering` animation, timed to the spatial spring.
+ * `up` rises into place (rows, toasts from below); `down` drops in (banners).
+ *
+ * ```tsx
+ * <Animated.View entering={nxEnter('up')} exiting={nxExit('down')} layout={nxLayout()} />
+ * ```
+ */
+export function nxEnter(kind = 'fade', speed = 'default') {
+  return ENTER[kind].duration(springSettleMs(native.motion.spring.spatial[speed])).easing(decelerate).reduceMotion(ReduceMotion.System);
+}
+
+/**
+ * `exiting` animation, timed to the effects spring: quicker than enter.
+ * `start` / `end` slide out toward that edge (swipe-to-delete), following RTL.
+ */
+export function nxExit(kind = 'fade', speed = 'fast', rtl = false) {
+  const builder = kind === 'start' || kind === 'end' ? kind === 'start' !== rtl ? SlideOutLeft : SlideOutRight : EXIT[kind];
+  return builder.duration(springSettleMs(native.motion.spring.effects[speed])).easing(accelerate).reduceMotion(ReduceMotion.System);
+}
+
+/** `layout` transition: siblings glide to their new place on the spatial spring. */
+export function nxLayout(speed = 'default') {
+  const s = native.motion.spring.spatial[speed];
+  return LinearTransition.springify().stiffness(s.stiffness).damping(s.damping).mass(s.mass).reduceMotion(ReduceMotion.System);
+}
+//# sourceMappingURL=motion.js.map

package/lib/module/theme/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Easing","FadeIn","FadeInDown","FadeInUp","FadeOut","FadeOutDown","FadeOutUp","LinearTransition","ReduceMotion","SlideOutLeft","SlideOutRight","ZoomIn","ZoomOut","native","nxSpring","family","speed","motion","spring","reduceMotion","System","ENTER","fade","up","down","scale","EXIT","springSettleMs","stiffness","damping","mass","dt","x","v","still","t","a","Math","abs","round","decelerate","bezier","accelerate","nxEnter","kind","duration","spatial","easing","nxExit","rtl","builder","effects","nxLayout","s","springify"],"sourceRoot":"../../../src","sources":["theme/motion.ts"],"mappings":"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","ignoreList":[]}