@hzblj/kara-components 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @hzblj/kara-components
 
+## 0.12.0
+
+### Minor Changes
+
+- [#28](https://github.com/hzblj/kara-ui/pull/28) [`84ddbac`](https://github.com/hzblj/kara-ui/commit/84ddbacba9f35d578fa7dfce3e9f696ae09771f8) Thanks [@hzblj](https://github.com/hzblj)! - Motion in the engine. Every `sx` view (`Box`, `Image`, anything wrapped with `sx()`), `RnText` and `Pressable` take `entering`, `exiting`, `layout` and `animate`, and become a Reanimated view by themselves when they do, or when their `style` comes from `useAnimatedStyle`. Without them a `Box` stays a plain `View` and costs nothing more. `ABox` is gone: use `Box`, and pass `animated` to one whose animated style only arrives after it mounts.
+
+  - `entering` and `exiting` take a preset named by the way the view moves (`fade`, `fadeUp`, `fadeDown`, `scale`), a preset adjusted (`{preset: 'scale', duration: 'slow', delay: 120}`, or with a `spring`), or Reanimated's own builder. Arriving takes `fast` and leaving `quick`; with motion reduced every preset fades.
+  - `animate` carries a change of the colours, `opacity` and the transform over to the new value on the UI thread, through Reanimated's CSS transitions: `animate`, `animate="slow"`, `animate="snappy"` or a config whose `keys` can add sizes, radii and blur. On iOS the UIKit colours a transition cannot read are resolved to the values UIKit draws (`resolveSystemColor` in `@hzblj/kara-native`, a native rebuild picks it up), so a selected row blends on both platforms.
+  - `layout` moves a view into its new place on the `smooth` spring, or a spring token, a timed config or Reanimated's own transition. It snaps with motion reduced.
+  - The native views take `animate` too: SwiftUI's `.animation(_:value:)` on iOS, animated `graphicsLayer` values, a `background` animation spec and `animateContentSize` on Android, on the same tokens.
+
+  New `Stagger`: a `Box` whose children arrive one after another, a step (`interval`, `stagger` by default) apart. Only the children that arrive together take turns, so the next page of a list staggers while an item added on its own appears at once. A `Box`, `RnText` or `Pressable` child takes the motion directly; any other is wrapped in a `Box`.
+
+  Springs as tokens: `springs` in `@hzblj/kara-theme` holds SwiftUI's set (`interactive`, `smooth`, `snappy`, `bouncy`), a perceptual duration and a bounce each, and `springPhysics` turns one into the physics every platform runs, so a token is one curve in Reanimated, in a CSS transition, in SwiftUI and in Compose. `spring(name)` and `timing(size, curve)` (moved here from the components) give `withSpring` and `withTiming` configs, and `useEntering`, `useExiting` and `useLayoutTransition` hand kara's presets to a Reanimated view of your own.
+
+  `Pressable` presses on springs, down on `interactive` and back on `smooth`, so a press let go halfway eases back instead of turning on the spot. `Snackbar`'s `entering` and `exiting` take the presets too.
+
+### Patch Changes
+
+- [#28](https://github.com/hzblj/kara-ui/pull/28) [`84ddbac`](https://github.com/hzblj/kara-ui/commit/84ddbacba9f35d578fa7dfce3e9f696ae09771f8) Thanks [@hzblj](https://github.com/hzblj)! - Faster styling. A resolved React Native style carries only the keys a call site set, where it used to carry forty-odd more as `undefined`, each walked on every mount. Views with the same native `sx` share one resolved modifier array, as they already shared a style, and `sx()` splits its props, the motion props included, in a single walk. `RnText` reads the user's text size from one subscription at the root (`useFontScale`, provided with the breakpoint) instead of one per text, and shares its text style the way `sx` shares its own.
+
+  `RnText` no longer loses its last line on iOS when React Native lays the paragraph out a hair shorter than its lines need, which happened depending on where the text sat on the page.
+
+- Updated dependencies [[`84ddbac`](https://github.com/hzblj/kara-ui/commit/84ddbacba9f35d578fa7dfce3e9f696ae09771f8), [`84ddbac`](https://github.com/hzblj/kara-ui/commit/84ddbacba9f35d578fa7dfce3e9f696ae09771f8), [`84ddbac`](https://github.com/hzblj/kara-ui/commit/84ddbacba9f35d578fa7dfce3e9f696ae09771f8)]:
+  - @hzblj/kara-sx@0.12.0
+  - @hzblj/kara-theme@0.12.0
+  - @hzblj/kara-native@0.12.0
+
 ## 0.11.0
 
 ### Minor Changes

package/lib/module/atoms/box/box.js

@@ -6,6 +6,9 @@ import { View } from 'react-native';
 /**
  * A React Native `View` that takes the design system's `sx` props. The `sx()` HOC is the whole
  * implementation — Box is just its first caller, and any other style-taking component gets the same.
+ *
+ * That includes motion: `entering`, `exiting`, `layout`, `animate` or an animated `style` make it an `Animated.View`
+ * from its first frame, and without them it stays a plain `View`.
  */
 export const Box = sx(View);
 //# sourceMappingURL=box.js.map

package/lib/module/atoms/box/box.js.map

@@ -1 +1 @@
-{"version":3,"names":["sx","View","Box"],"sourceRoot":"../../../../src","sources":["atoms/box/box.tsx"],"mappings":";;AAAA,SAAQA,EAAE,QAAO,gBAAgB;AACjC,SAAQC,IAAI,QAAO,cAAc;;AAEjC;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAGF,EAAE,CAACC,IAAI,CAAC","ignoreList":[]}
+{"version":3,"names":["sx","View","Box"],"sourceRoot":"../../../../src","sources":["atoms/box/box.tsx"],"mappings":";;AAAA,SAAQA,EAAE,QAAO,gBAAgB;AACjC,SAAQC,IAAI,QAAO,cAAc;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAGF,EAAE,CAACC,IAAI,CAAC","ignoreList":[]}

package/lib/module/atoms/box/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-export * from "./a-box.js";
 export * from "./box.js";
 export * from "./box.types.js";
 //# sourceMappingURL=index.js.map

package/lib/module/atoms/box/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/box/index.ts"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,UAAO;AACrB,cAAc,gBAAa","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/box/index.ts"],"mappings":";;AAAA,cAAc,UAAO;AACrB,cAAc,gBAAa","ignoreList":[]}

package/lib/module/atoms/index.js

@@ -34,6 +34,7 @@ export * from "./segmented-control/index.js";
 export * from "./skeleton/index.js";
 export * from "./slider/index.js";
 export * from "./spacer/index.js";
+export * from "./stagger/index.js";
 export * from "./surface/index.js";
 export * from "./switch/index.js";
 export * from "./text/index.js";

package/lib/module/atoms/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,gBAAO;AACrB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;AAC9B,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,gBAAO;AACrB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,yBAAgB;AAC9B,cAAc,oBAAW;AACzB,cAAc,2BAAkB;AAChC,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,wBAAe;AAC7B,cAAc,8BAAqB;AACnC,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,gBAAO;AACrB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,yBAAgB;AAC9B,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,gBAAO;AACrB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,qBAAY;AAC1B,cAAc,yBAAgB;AAC9B,cAAc,oBAAW;AACzB,cAAc,2BAAkB;AAChC,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,wBAAe;AAC7B,cAAc,8BAAqB;AACnC,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,oBAAW","ignoreList":[]}

package/lib/module/atoms/pressable/pressable.js

@@ -1,24 +1,59 @@
 "use strict";
 
-import { accessibilityProps, splitAccessibility, useSplitSx } from '@hzblj/kara-sx';
-import { opacity, useAppTheme, useReducedMotion, withOpacity } from '@hzblj/kara-theme';
+import { accessibilityProps, markMotionComponent, splitAccessibility, spring, timing, useSplitSxMotion } from '@hzblj/kara-sx';
+import { opacity, springs, useAppTheme, useReducedMotion, withOpacity } from '@hzblj/kara-theme';
 import { useCallback, useMemo } from 'react';
 import { Platform, Pressable as RNPressable } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { haptics } from "../../haptics/index.js";
-import { timing } from "../../motion.js";
 import { splitForRipple } from "../../ripple-clip.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-/** The scale eases down and settles back a little slower, with no bounce: a press is not a toy. */
-const SCALE_IN = timing('quick');
-const SCALE_OUT = timing('fast');
+/**
+ * The scale follows the finger on springs, as UIKit's own presses do: down on `interactive`, back on `smooth`, neither
+ * with a bounce (a press is not a toy). A spring keeps the speed it has, so a tap let go halfway down eases back instead
+ * of turning on the spot, which a timed curve restarted from rest cannot do.
+ */
+const SCALE_IN = spring('interactive');
+const SCALE_OUT = spring('smooth');
 
 /** A dim comes in at once and leaves a little slower, as UIKit's own highlight does. */
 const DIM_IN = timing('micro', 'out');
 const DIM_OUT = timing('quick', 'out');
 const PLATFORM_EFFECT = Platform.OS === 'ios' ? 'scale' : 'none';
 const AnimatedPressable = Animated.createAnimatedComponent(RNPressable);
-export const Pressable = ({
+
+/** What `animate` covers by default, less the transform. */
+const VISUAL_KEYS = ['bg', 'borderColor', 'opacity'];
+const TRANSFORM_KEYS = new Set(['offsetX', 'offsetY', 'rotate', 'scale']);
+
+/**
+ * The press scale owns the transform, so `animate` leaves it alone: a transition on the same transform would take it
+ * back from the press at every re-render. A duration or spring token keeps its timing.
+ */
+const withoutTransform = animate => {
+  if (animate === undefined || animate === false) {
+    return animate;
+  }
+  if (animate === true) {
+    return {
+      keys: VISUAL_KEYS
+    };
+  }
+  if (typeof animate === 'string') {
+    return animate in springs ? {
+      keys: VISUAL_KEYS,
+      spring: animate
+    } : {
+      duration: animate,
+      keys: VISUAL_KEYS
+    };
+  }
+  return {
+    ...animate,
+    keys: (animate.keys ?? VISUAL_KEYS).filter(key => !TRANSFORM_KEYS.has(key))
+  };
+};
+export const Pressable = markMotionComponent(({
   children,
   disabled = false,
   haptic = false,
@@ -31,10 +66,14 @@ export const Pressable = ({
   ...props
 }) => {
   const [accessibility, ownProps] = splitAccessibility(props);
-  const [resolved, rest] = useSplitSx(ownProps);
   const reduced = useReducedMotion();
   // With motion reduced the press still shows, and nothing moves: a scale dims instead.
   const effect = reduced && pressEffect === 'scale' ? 'opacity' : pressEffect;
+  // Always a Reanimated view (the press effect is one), so the motion props need no latch here.
+  const [resolved, motion, rest] = useSplitSxMotion(effect === 'scale' && ownProps.animate !== undefined ? {
+    ...ownProps,
+    animate: withoutTransform(ownProps.animate)
+  } : ownProps);
   // 0 at rest, 1 held: one value drives whichever effect is picked, so a change of effect needs no second animation.
   const pressed = useSharedValue(0);
   const feedback = haptic === true ? 'light' : haptic || undefined;
@@ -65,15 +104,17 @@ export const Pressable = ({
 
   // The finger is down: the Taptic Engine has until the release to wake, so the haptic lands with the press.
   const onPressIn = useCallback(() => {
-    if (effect !== 'none') {
-      pressed.value = withTiming(1, effect === 'scale' ? SCALE_IN : DIM_IN);
+    if (effect === 'scale') {
+      pressed.value = withSpring(1, SCALE_IN);
+    } else if (effect === 'opacity') {
+      pressed.value = withTiming(1, DIM_IN);
     }
     if (feedback) {
       haptics.prepare(feedback);
     }
   }, [effect, feedback, pressed]);
   const onPressOut = useCallback(() => {
-    pressed.value = withTiming(0, effect === 'scale' ? SCALE_OUT : DIM_OUT);
+    pressed.value = effect === 'scale' ? withSpring(0, SCALE_OUT) : withTiming(0, DIM_OUT);
   }, [effect, pressed]);
   const onPressWithHaptic = useCallback(() => {
     if (feedback) {
@@ -83,7 +124,10 @@ export const Pressable = ({
   }, [feedback, onPress]);
   if (androidStyle) {
     return /*#__PURE__*/_jsx(Animated.View, {
-      style: [androidStyle.outer, rStyle],
+      entering: motion.entering,
+      exiting: motion.exiting,
+      layout: motion.layout,
+      style: [androidStyle.outer, motion.style, rStyle],
       children: /*#__PURE__*/_jsx(RNPressable, {
         ...a11y,
         android_ripple: ripple,
@@ -102,14 +146,17 @@ export const Pressable = ({
   return /*#__PURE__*/_jsx(AnimatedPressable, {
     ...a11y,
     disabled: disabled,
+    entering: motion.entering,
+    exiting: motion.exiting,
     hitSlop: 8,
+    layout: motion.layout,
     onPress: onPressWithHaptic,
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    style: [resolved, rStyle],
+    style: [resolved, motion.style, rStyle],
     testID: testID,
     ...rest,
     children: children
   });
-};
+});
 //# sourceMappingURL=pressable.js.map

package/lib/module/atoms/pressable/pressable.js.map

@@ -1 +1 @@
-{"version":3,"names":["accessibilityProps","splitAccessibility","useSplitSx","opacity","useAppTheme","useReducedMotion","withOpacity","useCallback","useMemo","Platform","Pressable","RNPressable","Animated","useAnimatedStyle","useSharedValue","withTiming","haptics","timing","splitForRipple","jsx","_jsx","SCALE_IN","SCALE_OUT","DIM_IN","DIM_OUT","PLATFORM_EFFECT","OS","AnimatedPressable","createAnimatedComponent","children","disabled","haptic","onPress","pressEffect","pressedOpacity","pressedScale","ripple","withRipple","testID","props","accessibility","ownProps","resolved","rest","reduced","effect","pressed","feedback","undefined","a11y","dimmed","theme","isAndroid","rStyle","transform","scale","value","color","String","foreground","androidStyle","onPressIn","prepare","onPressOut","onPressWithHaptic","play","View","style","outer","android_ripple","hitSlop","inner"],"sourceRoot":"../../../../src","sources":["atoms/pressable/pressable.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["accessibilityProps","markMotionComponent","splitAccessibility","spring","timing","useSplitSxMotion","opacity","springs","useAppTheme","useReducedMotion","withOpacity","useCallback","useMemo","Platform","Pressable","RNPressable","Animated","useAnimatedStyle","useSharedValue","withSpring","withTiming","haptics","splitForRipple","jsx","_jsx","SCALE_IN","SCALE_OUT","DIM_IN","DIM_OUT","PLATFORM_EFFECT","OS","AnimatedPressable","createAnimatedComponent","VISUAL_KEYS","TRANSFORM_KEYS","Set","withoutTransform","animate","undefined","keys","duration","filter","key","has","children","disabled","haptic","onPress","pressEffect","pressedOpacity","pressedScale","ripple","withRipple","testID","props","accessibility","ownProps","reduced","effect","resolved","motion","rest","pressed","feedback","a11y","dimmed","theme","isAndroid","rStyle","transform","scale","value","color","String","foreground","androidStyle","onPressIn","prepare","onPressOut","onPressWithHaptic","play","View","entering","exiting","layout","style","outer","android_ripple","hitSlop","inner"],"sourceRoot":"../../../../src","sources":["atoms/pressable/pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/rn-text/rn-text.js

@@ -1,40 +1,80 @@
 "use strict";
 
-import { useSplitSx } from '@hzblj/kara-sx';
-import { MAX_FONT_SCALE, useAppTheme } from '@hzblj/kara-theme';
-import { Text as RNText, useWindowDimensions } from 'react-native';
+import { isAnimatedStyle, markMotionComponent, themeKey, useAnimatedLatch, useSplitSxMotion } from '@hzblj/kara-sx';
+import { MAX_FONT_SCALE, useAppTheme, useFontScale } from '@hzblj/kara-theme';
+import { Platform, Text as RNText } from 'react-native';
+import Animated from 'react-native-reanimated';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const RnText = ({
+/**
+ * A hundredth of a point off every line on iOS, which no one can see and which keeps the last line on screen. React
+ * Native measures a paragraph and rounds the height up to the pixel grid, then draws it into the frame Yoga laid out,
+ * and that frame can come back a hair short of the exact height (`53.9998` for three 18 pt lines, depending on where
+ * the text sits on the page). With `lineHeight` fixed, the lines need exactly 54 and the text container drops the last
+ * one, cutting the line before it off mid-word. Lines a hair shorter leave the rounding room to absorb the error.
+ */
+const LINE_HEIGHT_SLACK = Platform.OS === 'ios' ? 0.01 : 0;
+
+/** Variants, colours and alignments are few, so the text half of the style is shared like the `sx` half. */
+const MAX_TEXT_STYLES = 512;
+const textStyles = new Map();
+
+/**
+ * The variant at the user's text size, in its colour. React Native scales `fontSize` for the user's setting but leaves
+ * `lineHeight` alone, so a grown glyph ends up in an ungrown line and clips. Scaling it here by the same factor keeps
+ * the ratio the variant was designed at, and by the same ceiling `maxFontSizeMultiplier` caps the glyph with
+ * (`useFontScale` is capped already), so the two cannot disagree.
+ *
+ * The native tiers need none of this: SwiftUI's `lineSpacing` is extra space *on top of* the font's own line
+ * height, which scales with it, and Compose reads `lineHeight` in `sp`.
+ */
+const textStyle = (theme, variant, color, align, fontScale) => {
+  const key = `${themeKey(theme)}|${variant}|${color}|${align}|${fontScale}`;
+  const existing = textStyles.get(key);
+  if (existing) {
+    return existing;
+  }
+  if (textStyles.size >= MAX_TEXT_STYLES) {
+    textStyles.clear();
+  }
+  const typography = theme.typography[variant];
+  const style = {
+    ...typography,
+    color: theme.color(color),
+    lineHeight: typography.lineHeight * fontScale - LINE_HEIGHT_SLACK
+  };
+  if (align) {
+    style.textAlign = align;
+  }
+  textStyles.set(key, style);
+  return style;
+};
+export const RnText = markMotionComponent(({
   align,
   color = 'content.primary',
+  style,
   variant = 'body',
   ...props
 }) => {
   const theme = useAppTheme();
+  const fontScale = useFontScale();
   // A view style, which a text accepts whole — only React Native's types disagree, on `userSelect`'s width.
-  const [sx, rest] = useSplitSx(props);
-  const {
-    fontScale
-  } = useWindowDimensions();
-  const style = theme.typography[variant];
-
-  /**
-   * React Native scales `fontSize` for the user's setting but leaves `lineHeight` alone, so a grown glyph ends up in
-   * an ungrown line and clips. Scaling it here by the same factor keeps the ratio the variant was designed at — and
-   * by the same ceiling `maxFontSizeMultiplier` caps the glyph with, so the two cannot disagree.
-   *
-   * The native tiers need none of this: SwiftUI's `lineSpacing` is extra space *on top of* the font's own line
-   * height, which scales with it, and Compose reads `lineHeight` in `sp`.
-   */
-  const lineHeight = style.lineHeight * Math.min(fontScale, MAX_FONT_SCALE);
-  return /*#__PURE__*/_jsx(RNText, {
+  const [sx, motion, rest] = useSplitSxMotion(props);
+  const animated = useAnimatedLatch(motion.animated || isAnimatedStyle(style), 'RnText');
+  const text = textStyle(theme, variant, color, align, fontScale);
+  if (!animated) {
+    return /*#__PURE__*/_jsx(RNText, {
+      maxFontSizeMultiplier: MAX_FONT_SCALE,
+      style: [text, sx, style],
+      ...rest
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.Text, {
+    entering: motion.entering,
+    exiting: motion.exiting,
+    layout: motion.layout,
     maxFontSizeMultiplier: MAX_FONT_SCALE,
-    style: [style, sx, {
-      color: theme.color(color),
-      lineHeight,
-      textAlign: align
-    }],
+    style: [text, sx, motion.style, style],
     ...rest
   });
-};
+});
 //# sourceMappingURL=rn-text.js.map

package/lib/module/atoms/rn-text/rn-text.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSplitSx","MAX_FONT_SCALE","useAppTheme","Text","RNText","useWindowDimensions","jsx","_jsx","RnText","align","color","variant","props","theme","sx","rest","fontScale","style","typography","lineHeight","Math","min","maxFontSizeMultiplier","textAlign"],"sourceRoot":"../../../../src","sources":["atoms/rn-text/rn-text.tsx"],"mappings":";;AAAA,SAAQA,UAAU,QAAO,gBAAgB;AACzC,SAAQC,cAAc,EAAEC,WAAW,QAAO,mBAAmB;AAC7D,SAAQC,IAAI,IAAIC,MAAM,EAAkBC,mBAAmB,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIhF,OAAO,MAAMC,MAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,KAAK,GAAG,iBAAiB;EACzBC,OAAO,GAAG,MAAM;EAChB,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMC,KAAK,GAAGX,WAAW,CAAC,CAAC;EAC3B;EACA,MAAM,CAACY,EAAE,EAAEC,IAAI,CAAC,GAAGf,UAAU,CAACY,KAAK,CAAyC;EAC5E,MAAM;IAACI;EAAS,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EACzC,MAAMY,KAAK,GAAGJ,KAAK,CAACK,UAAU,CAACP,OAAO,CAAC;;EAEvC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMQ,UAAU,GAAGF,KAAK,CAACE,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACL,SAAS,EAAEf,cAAc,CAAC;EAEzE,oBACEM,IAAA,CAACH,MAAM;IACLkB,qBAAqB,EAAErB,cAAe;IACtCgB,KAAK,EAAE,CAACA,KAAK,EAAEH,EAAE,EAAE;MAACJ,KAAK,EAAEG,KAAK,CAACH,KAAK,CAACA,KAAK,CAAC;MAAES,UAAU;MAAEI,SAAS,EAAEd;IAAK,CAAC,CAAE;IAAA,GAC1EM;EAAI,CACT,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["isAnimatedStyle","markMotionComponent","themeKey","useAnimatedLatch","useSplitSxMotion","MAX_FONT_SCALE","useAppTheme","useFontScale","Platform","Text","RNText","Animated","jsx","_jsx","LINE_HEIGHT_SLACK","OS","MAX_TEXT_STYLES","textStyles","Map","textStyle","theme","variant","color","align","fontScale","key","existing","get","size","clear","typography","style","lineHeight","textAlign","set","RnText","props","sx","motion","rest","animated","text","maxFontSizeMultiplier","entering","exiting","layout"],"sourceRoot":"../../../../src","sources":["atoms/rn-text/rn-text.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/skeleton/skeleton.js

@@ -1,10 +1,10 @@
 "use strict";
 
+import { timing } from '@hzblj/kara-sx';
 import { duration, opacity, useReducedMotion } from '@hzblj/kara-theme';
 import { useEffect } from 'react';
 import { cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
-import { timing } from "../../motion.js";
-import { ABox } from "../box/index.js";
+import { Box } from "../box/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /** A breath, not a transition, so it sits off the scale: `slow` twice each way, at constant speed. */
 const PULSE = {
@@ -33,7 +33,7 @@ export const Skeleton = ({
   const rStyle = useAnimatedStyle(() => ({
     opacity: pulse.value
   }), []);
-  return /*#__PURE__*/_jsx(ABox, {
+  return /*#__PURE__*/_jsx(Box, {
     "aria-hidden": true,
     bg: "fill.quaternary",
     borderRadius: borderRadius,

package/lib/module/atoms/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["duration","opacity","useReducedMotion","useEffect","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","timing","ABox","jsx","_jsx","PULSE","slow","Skeleton","borderRadius","h","testID","w","reduced","pulse","o40","value","o70","o100","rStyle","bg","style","wide","undefined"],"sourceRoot":"../../../../src","sources":["atoms/skeleton/skeleton.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,EAAEC,OAAO,EAAEC,gBAAgB,QAAO,mBAAmB;AACrE,SAAQC,SAAS,QAAO,OAAO;AAC/B,SAAQC,eAAe,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,EAAEC,UAAU,QAAO,yBAAyB;AAEjH,SAAQC,MAAM,QAAO,iBAAc;AACnC,SAAQC,IAAI,QAAO,iBAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG3B;AACA,MAAMC,KAAK,GAAG;EAAC,GAAGJ,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;EAAET,QAAQ,EAAEA,QAAQ,CAACc,IAAI,GAAG;AAAC,CAAC;AAExE,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,YAAY,GAAG,OAAO;EAAEC,CAAC;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EACpG,MAAMC,OAAO,GAAGlB,gBAAgB,CAAC,CAAC;EAClC,MAAMmB,KAAK,GAAGf,cAAc,CAASL,OAAO,CAACqB,GAAG,CAAC;;EAEjD;EACAnB,SAAS,CAAC,MAAM;IACd,IAAIiB,OAAO,EAAE;MACXhB,eAAe,CAACiB,KAAK,CAAC;MACtBA,KAAK,CAACE,KAAK,GAAGtB,OAAO,CAACuB,GAAG;MACzB;IACF;IAEAH,KAAK,CAACE,KAAK,GAAGtB,OAAO,CAACqB,GAAG;IACzBD,KAAK,CAACE,KAAK,GAAGhB,UAAU,CAACC,UAAU,CAACP,OAAO,CAACwB,IAAI,EAAEZ,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EACrE,CAAC,EAAE,CAACQ,KAAK,EAAED,OAAO,CAAC,CAAC;EAEpB,MAAMM,MAAM,GAAGrB,gBAAgB,CAAC,OAAO;IAACJ,OAAO,EAAEoB,KAAK,CAACE;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEnE,oBACEX,IAAA,CAACF,IAAI;IACH,mBAAW;IACXiB,EAAE,EAAC,iBAAiB;IACpBX,YAAY,EAAEA,YAAa;IAC3BC,CAAC,EAAEA,CAAE;IACLW,KAAK,EAAEF,MAAO;IACdR,MAAM,EAAEA,MAAO;IACfC,CAAC,EAAEA,CAAE;IACLU,IAAI,EAAEV,CAAC,KAAKW;EAAU,CACvB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["timing","duration","opacity","useReducedMotion","useEffect","cancelAnimation","useAnimatedStyle","useSharedValue","withRepeat","withTiming","Box","jsx","_jsx","PULSE","slow","Skeleton","borderRadius","h","testID","w","reduced","pulse","o40","value","o70","o100","rStyle","bg","style","wide","undefined"],"sourceRoot":"../../../../src","sources":["atoms/skeleton/skeleton.tsx"],"mappings":";;AAAA,SAAQA,MAAM,QAAO,gBAAgB;AACrC,SAAQC,QAAQ,EAAEC,OAAO,EAAEC,gBAAgB,QAAO,mBAAmB;AACrE,SAAQC,SAAS,QAAO,OAAO;AAC/B,SAAQC,eAAe,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,EAAEC,UAAU,QAAO,yBAAyB;AAEjH,SAAQC,GAAG,QAAO,iBAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG1B;AACA,MAAMC,KAAK,GAAG;EAAC,GAAGb,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC;EAAEC,QAAQ,EAAEA,QAAQ,CAACa,IAAI,GAAG;AAAC,CAAC;AAExE,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAACC,YAAY,GAAG,OAAO;EAAEC,CAAC;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EACpG,MAAMC,OAAO,GAAGjB,gBAAgB,CAAC,CAAC;EAClC,MAAMkB,KAAK,GAAGd,cAAc,CAASL,OAAO,CAACoB,GAAG,CAAC;;EAEjD;EACAlB,SAAS,CAAC,MAAM;IACd,IAAIgB,OAAO,EAAE;MACXf,eAAe,CAACgB,KAAK,CAAC;MACtBA,KAAK,CAACE,KAAK,GAAGrB,OAAO,CAACsB,GAAG;MACzB;IACF;IAEAH,KAAK,CAACE,KAAK,GAAGrB,OAAO,CAACoB,GAAG;IACzBD,KAAK,CAACE,KAAK,GAAGf,UAAU,CAACC,UAAU,CAACP,OAAO,CAACuB,IAAI,EAAEZ,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;EACrE,CAAC,EAAE,CAACQ,KAAK,EAAED,OAAO,CAAC,CAAC;EAEpB,MAAMM,MAAM,GAAGpB,gBAAgB,CAAC,OAAO;IAACJ,OAAO,EAAEmB,KAAK,CAACE;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEnE,oBACEX,IAAA,CAACF,GAAG;IACF,mBAAW;IACXiB,EAAE,EAAC,iBAAiB;IACpBX,YAAY,EAAEA,YAAa;IAC3BC,CAAC,EAAEA,CAAE;IACLW,KAAK,EAAEF,MAAO;IACdR,MAAM,EAAEA,MAAO;IACfC,CAAC,EAAEA,CAAE;IACLU,IAAI,EAAEV,CAAC,KAAKW;EAAU,CACvB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/atoms/stagger/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./stagger.js";
+export * from "./stagger.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/stagger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/stagger/index.ts"],"mappings":";;AAAA,cAAc,cAAW;AACzB,cAAc,oBAAiB","ignoreList":[]}

package/lib/module/atoms/stagger/stagger.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import { isMotionComponent } from '@hzblj/kara-sx';
+import { duration } from '@hzblj/kara-theme';
+import { Children, cloneElement, isValidElement, useLayoutEffect, useRef } from 'react';
+import { Box } from "../box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const asConfig = motion => typeof motion === 'string' ? {
+  preset: motion
+} : motion;
+
+/**
+ * The stagger's preset, or the child's own with the delay added: a child that names its look keeps it and only takes
+ * its turn. Reanimated's own builder is the child's, untouched, since adding a delay to one mutates it.
+ */
+const withDelay = (own, fallback, delay) => {
+  if (own === undefined) {
+    return {
+      ...fallback,
+      delay: (fallback.delay ?? 0) + delay
+    };
+  }
+  if (typeof own === 'string') {
+    return {
+      delay,
+      preset: own
+    };
+  }
+  return typeof own === 'object' && own !== null && 'preset' in own ? {
+    ...own,
+    delay: (own.delay ?? 0) + delay
+  } : own;
+};
+export const Stagger = ({
+  children,
+  entering = 'fadeUp',
+  exiting,
+  from = 'start',
+  interval = 'stagger',
+  layout,
+  testID,
+  ...sx
+}) => {
+  // The children that have arrived already. Only the ones new in this render take turns, so a list that grows by a
+  // page staggers the page, and an item added on its own arrives at once instead of after everything above it.
+  const arrived = useRef(new Set());
+  const items = Children.toArray(children);
+  const turns = new Map();
+  for (const item of items) {
+    if (/*#__PURE__*/isValidElement(item) && item.key !== null && !arrived.current.has(item.key)) {
+      turns.set(item.key, turns.size);
+    }
+  }
+
+  // Marked once committed: a render React throws away must not use up a child's turn.
+  useLayoutEffect(() => {
+    for (const key of turns.keys()) {
+      arrived.current.add(key);
+    }
+  });
+  const step = duration[interval];
+  const enter = asConfig(entering);
+  const leave = exiting === undefined ? undefined : asConfig(exiting);
+  const delayOf = key => {
+    const turn = key === null ? undefined : turns.get(key);
+    if (turn === undefined) {
+      return 0;
+    }
+    return (from === 'start' ? turn : turns.size - 1 - turn) * step;
+  };
+  return (
+    /*#__PURE__*/
+    // With `layout` the container moves and resizes with its children, so what holds it can follow.
+    _jsx(Box, {
+      layout: layout,
+      testID: testID,
+      ...sx,
+      children: items.map(item => {
+        if (! /*#__PURE__*/isValidElement(item)) {
+          return item;
+        }
+        const delay = delayOf(item.key);
+
+        // A component that takes the motion props gets them directly, with no view added around it.
+        if (isMotionComponent(item.type)) {
+          return /*#__PURE__*/cloneElement(item, {
+            entering: withDelay(item.props.entering, enter, delay),
+            exiting: item.props.exiting ?? leave,
+            layout: item.props.layout ?? layout
+          });
+        }
+        return /*#__PURE__*/_jsx(Box, {
+          entering: withDelay(undefined, enter, delay),
+          exiting: leave,
+          layout: layout,
+          children: item
+        }, item.key);
+      })
+    })
+  );
+};
+//# sourceMappingURL=stagger.js.map

package/lib/module/atoms/stagger/stagger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isMotionComponent","duration","Children","cloneElement","isValidElement","useLayoutEffect","useRef","Box","jsx","_jsx","asConfig","motion","preset","withDelay","own","fallback","delay","undefined","Stagger","children","entering","exiting","from","interval","layout","testID","sx","arrived","Set","items","toArray","turns","Map","item","key","current","has","set","size","keys","add","step","enter","leave","delayOf","turn","get","map","type","props"],"sourceRoot":"../../../../src","sources":["atoms/stagger/stagger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/stagger/stagger.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=stagger.types.js.map

package/lib/module/atoms/stagger/stagger.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["atoms/stagger/stagger.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/molecules/scroll-edge-container/scroll-edge-container.android.js

@@ -1,10 +1,10 @@
 "use strict";
 
+import { timing } from '@hzblj/kara-sx';
 import { opacity } from '@hzblj/kara-theme';
 import { cloneElement, useCallback, useRef } from 'react';
 import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { ABox, Box } from "../../atoms/box/index.js";
-import { timing } from "../../motion.js";
+import { Box } from "../../atoms/box/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Less than a pixel scrolled is not scrolled — a fling settles a fraction away from the edge. */
 const EDGE_SLOP = 0.5;
@@ -21,7 +21,7 @@ const EdgeBar = ({
     return null;
   }
   return /*#__PURE__*/_jsxs(Box, {
-    children: [/*#__PURE__*/_jsx(ABox, {
+    children: [/*#__PURE__*/_jsx(Box, {
       bg: "surface.secondary",
       bottom: 0,
       left: 0,

package/lib/module/molecules/scroll-edge-container/scroll-edge-container.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["opacity","cloneElement","useCallback","useRef","useAnimatedStyle","useSharedValue","withTiming","ABox","Box","timing","jsx","_jsx","jsxs","_jsxs","EDGE_SLOP","FILL","EdgeBar","children","filled","fill","value","bg","bottom","left","pointerEvents","position","right","style","top","ScrollEdgeContainer","automaticInsets","_automaticInsets","bottomBar","effect","_effect","testID","topBar","sx","topFilled","o0","bottomFilled","metrics","content","offset","viewport","state","flex","onContentSizeChange","onLayout","onScroll","scrollEventThrottle","props","update","current","o100","scrollable","width","height","event","nativeEvent","layout","contentOffset","y"],"sourceRoot":"../../../../src","sources":["molecules/scroll-edge-container/scroll-edge-container.android.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["timing","opacity","cloneElement","useCallback","useRef","useAnimatedStyle","useSharedValue","withTiming","Box","jsx","_jsx","jsxs","_jsxs","EDGE_SLOP","FILL","EdgeBar","children","filled","fill","value","bg","bottom","left","pointerEvents","position","right","style","top","ScrollEdgeContainer","automaticInsets","_automaticInsets","bottomBar","effect","_effect","testID","topBar","sx","topFilled","o0","bottomFilled","metrics","content","offset","viewport","state","flex","onContentSizeChange","onLayout","onScroll","scrollEventThrottle","props","update","current","o100","scrollable","width","height","event","nativeEvent","layout","contentOffset","y"],"sourceRoot":"../../../../src","sources":["molecules/scroll-edge-container/scroll-edge-container.android.tsx"],"mappings":"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","ignoreList":[]}