@rootnative/inertia 0.0.3 → 0.0.4

package/dist/index.mjs

@@ -1,19 +1,20 @@
-export { useGesture } from './chunk-RGNX6UZN.mjs';
-import { MotionView } from './chunk-BQQTHG2V.mjs';
-export { MotionView } from './chunk-BQQTHG2V.mjs';
-import { MotionText } from './chunk-SGUHE5CX.mjs';
-export { MotionText } from './chunk-SGUHE5CX.mjs';
-import { MotionImage } from './chunk-O22NXXCZ.mjs';
-export { MotionImage } from './chunk-O22NXXCZ.mjs';
-import { MotionPressable } from './chunk-46P57VMY.mjs';
-export { MotionPressable } from './chunk-46P57VMY.mjs';
-import { MotionScrollView } from './chunk-OQV66TBQ.mjs';
-export { MotionScrollView } from './chunk-OQV66TBQ.mjs';
-export { Presence, createMotionComponent, usePresence } from './chunk-CSODMRJ7.mjs';
-import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-R63GIUNU.mjs';
-export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-R63GIUNU.mjs';
-import { stableSig, resolveTransition, springToReanimated, warnNonWorkletOnce } from './chunk-CY7Y64C3.mjs';
-export { buildReleaseAnimation, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveTransition } from './chunk-CY7Y64C3.mjs';
+export { useGesture } from './chunk-K3CLP74S.mjs';
+import { MotionView } from './chunk-YKGY22SB.mjs';
+export { MotionView } from './chunk-YKGY22SB.mjs';
+import { MotionText } from './chunk-4ASOELLA.mjs';
+export { MotionText } from './chunk-4ASOELLA.mjs';
+import { MotionImage } from './chunk-J5Q46OPW.mjs';
+export { MotionImage } from './chunk-J5Q46OPW.mjs';
+import { MotionPressable } from './chunk-RF7J5FRM.mjs';
+export { MotionPressable } from './chunk-RF7J5FRM.mjs';
+import { MotionScrollView } from './chunk-NAOXQJ7U.mjs';
+export { MotionScrollView } from './chunk-NAOXQJ7U.mjs';
+import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-55W7BNO2.mjs';
+export { Presence, createMotionComponent, usePresence } from './chunk-55W7BNO2.mjs';
+import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-QKC3APP4.mjs';
+export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-QKC3APP4.mjs';
+import { stableSig, resolveTransition, springToReanimated, warnNonWorkletOnce } from './chunk-TU2XFPAK.mjs';
+export { buildReleaseAnimation, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveTransition } from './chunk-TU2XFPAK.mjs';
 import { useEffect, useRef, useCallback, useMemo } from 'react';
 import { useSharedValue, cancelAnimation, withSpring, useAnimatedReaction, useAnimatedStyle, interpolateColor, interpolate, useDerivedValue, Extrapolation, useAnimatedScrollHandler } from 'react-native-reanimated';
 import { isWorkletFunction } from 'react-native-worklets';
@@ -357,127 +358,6 @@ function useScroll() {
     onScroll: handler
   };
 }
-
-// src/internal/boxShadow.ts
-var LENGTH = /^[+-]?(\d+\.?\d*|\.\d+)(px)?$/i;
-var UNIT_LIKE = /^[+-]?(\d+\.?\d*|\.\d+)[a-z%]+$/i;
-function invalid(input, reason) {
-  return new Error(
-    `[inertia] parseBoxShadow: ${reason} in ${JSON.stringify(input)}. Expected CSS box-shadow syntax with px lengths: '[inset] <offset-x> <offset-y> [blur] [spread] [color], ...'`
-  );
-}
-function splitLayers(input) {
-  const layers = [];
-  let depth = 0;
-  let start = 0;
-  for (let i = 0; i < input.length; i++) {
-    const ch = input[i];
-    if (ch === "(") depth++;
-    else if (ch === ")") depth--;
-    else if (ch === "," && depth === 0) {
-      layers.push(input.slice(start, i));
-      start = i + 1;
-    }
-  }
-  layers.push(input.slice(start));
-  return layers;
-}
-function tokenize(layer) {
-  const tokens = [];
-  let depth = 0;
-  let current = "";
-  for (const ch of layer) {
-    if (ch === "(") depth++;
-    else if (ch === ")") depth--;
-    if (depth === 0 && /\s/.test(ch)) {
-      if (current) tokens.push(current);
-      current = "";
-    } else {
-      current += ch;
-    }
-  }
-  if (current) tokens.push(current);
-  return tokens;
-}
-function parseBoxShadow(input) {
-  const trimmed = input.trim();
-  if (trimmed === "") throw invalid(input, "empty string");
-  if (trimmed.toLowerCase() === "none") return [];
-  return splitLayers(trimmed).map((layerString) => {
-    const tokens = tokenize(layerString.trim());
-    if (tokens.length === 0) throw invalid(input, "empty layer");
-    const lengths = [];
-    let color;
-    let inset = false;
-    for (const token of tokens) {
-      if (token.toLowerCase() === "inset") {
-        if (inset) throw invalid(input, "duplicate 'inset'");
-        inset = true;
-      } else if (LENGTH.test(token)) {
-        lengths.push(parseFloat(token));
-      } else if (UNIT_LIKE.test(token)) {
-        throw invalid(input, `unsupported unit in ${JSON.stringify(token)}`);
-      } else {
-        if (color !== void 0) throw invalid(input, "multiple colors");
-        color = token;
-      }
-    }
-    if (lengths.length < 2 || lengths.length > 4) {
-      throw invalid(input, `expected 2-4 lengths, got ${lengths.length}`);
-    }
-    const [offsetX = 0, offsetY = 0, blurRadius = 0, spreadDistance = 0] = lengths;
-    if (blurRadius < 0) throw invalid(input, "negative blur radius");
-    return {
-      offsetX,
-      offsetY,
-      blurRadius,
-      spreadDistance,
-      color: color ?? "black",
-      inset
-    };
-  });
-}
-function resolveBoxShadowInput(input) {
-  if (input === void 0) return [];
-  if (typeof input === "string") return parseBoxShadow(input);
-  return input.map((layer) => ({
-    offsetX: layer.offsetX,
-    offsetY: layer.offsetY,
-    blurRadius: layer.blurRadius ?? 0,
-    spreadDistance: layer.spreadDistance ?? 0,
-    color: layer.color ?? "black",
-    inset: layer.inset ?? false
-  }));
-}
-function pairBoxShadowLayers(from, to) {
-  const count = Math.max(from.length, to.length);
-  const pairs = [];
-  for (let i = 0; i < count; i++) {
-    const a = from[i];
-    const b = to[i];
-    const fromLayer = a ?? invisibleLayer(b.inset);
-    const toLayer = b ?? invisibleLayer(a.inset);
-    if (fromLayer.inset !== toLayer.inset) {
-      throw new Error(
-        `[inertia] useShadow: boxShadow layer ${i} is 'inset' on one side but not the other \u2014 inset cannot be interpolated. Give both sides the same inset-ness (pad with a transparent layer if needed).`
-      );
-    }
-    pairs.push({ from: fromLayer, to: toLayer });
-  }
-  return pairs;
-}
-function invisibleLayer(inset) {
-  return {
-    offsetX: 0,
-    offsetY: 0,
-    blurRadius: 0,
-    spreadDistance: 0,
-    color: "transparent",
-    inset
-  };
-}
-
-// src/values/useShadow.ts
 function useShadow({
   from,
   to,

package/dist/motion/Image.d.mts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
+import { M as MotionComponent } from '../types-37pN82yh.mjs';
 import 'react';
 
 /**

package/dist/motion/Image.d.ts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.js';
+import { M as MotionComponent } from '../types-37pN82yh.js';
 import 'react';
 
 /**

package/dist/motion/Image.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkKBP4LR75_js = require('../chunk-KBP4LR75.js');
-require('../chunk-BP3Y2SHQ.js');
-require('../chunk-7AOERN53.js');
-require('../chunk-PTRF47DA.js');
+var chunk5SRD2WCO_js = require('../chunk-5SRD2WCO.js');
+require('../chunk-MYE5NMXW.js');
+require('../chunk-WVRCKOPO.js');
+require('../chunk-7A6WTXNK.js');
 
 
 
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkKBP4LR75_js.MotionImage; }
+  get: function () { return chunk5SRD2WCO_js.MotionImage; }
 });

package/dist/motion/Image.mjs

@@ -1,4 +1,4 @@
-export { MotionImage } from '../chunk-O22NXXCZ.mjs';
-import '../chunk-CSODMRJ7.mjs';
-import '../chunk-R63GIUNU.mjs';
-import '../chunk-CY7Y64C3.mjs';
+export { MotionImage } from '../chunk-J5Q46OPW.mjs';
+import '../chunk-55W7BNO2.mjs';
+import '../chunk-QKC3APP4.mjs';
+import '../chunk-TU2XFPAK.mjs';

package/dist/motion/Pressable.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
+import { M as MotionComponent } from '../types-37pN82yh.mjs';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.js';
+import { M as MotionComponent } from '../types-37pN82yh.js';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk3XTVY34H_js = require('../chunk-3XTVY34H.js');
-require('../chunk-BP3Y2SHQ.js');
-require('../chunk-7AOERN53.js');
-require('../chunk-PTRF47DA.js');
+var chunkCENTULW6_js = require('../chunk-CENTULW6.js');
+require('../chunk-MYE5NMXW.js');
+require('../chunk-WVRCKOPO.js');
+require('../chunk-7A6WTXNK.js');
 
 
 
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunk3XTVY34H_js.MotionPressable; }
+  get: function () { return chunkCENTULW6_js.MotionPressable; }
 });

package/dist/motion/Pressable.mjs

@@ -1,4 +1,4 @@
-export { MotionPressable } from '../chunk-46P57VMY.mjs';
-import '../chunk-CSODMRJ7.mjs';
-import '../chunk-R63GIUNU.mjs';
-import '../chunk-CY7Y64C3.mjs';
+export { MotionPressable } from '../chunk-RF7J5FRM.mjs';
+import '../chunk-55W7BNO2.mjs';
+import '../chunk-QKC3APP4.mjs';
+import '../chunk-TU2XFPAK.mjs';

package/dist/motion/ScrollView.d.mts

@@ -1,5 +1,5 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
+import { M as MotionComponent } from '../types-37pN82yh.mjs';
 import 'react';
 
 /**

package/dist/motion/ScrollView.d.ts

@@ -1,5 +1,5 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.js';
+import { M as MotionComponent } from '../types-37pN82yh.js';
 import 'react';
 
 /**

package/dist/motion/ScrollView.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkW5MC3P4N_js = require('../chunk-W5MC3P4N.js');
-require('../chunk-BP3Y2SHQ.js');
-require('../chunk-7AOERN53.js');
-require('../chunk-PTRF47DA.js');
+var chunkXMEVPEMH_js = require('../chunk-XMEVPEMH.js');
+require('../chunk-MYE5NMXW.js');
+require('../chunk-WVRCKOPO.js');
+require('../chunk-7A6WTXNK.js');
 
 
 
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkW5MC3P4N_js.MotionScrollView; }
+  get: function () { return chunkXMEVPEMH_js.MotionScrollView; }
 });

package/dist/motion/ScrollView.mjs

@@ -1,4 +1,4 @@
-export { MotionScrollView } from '../chunk-OQV66TBQ.mjs';
-import '../chunk-CSODMRJ7.mjs';
-import '../chunk-R63GIUNU.mjs';
-import '../chunk-CY7Y64C3.mjs';
+export { MotionScrollView } from '../chunk-NAOXQJ7U.mjs';
+import '../chunk-55W7BNO2.mjs';
+import '../chunk-QKC3APP4.mjs';
+import '../chunk-TU2XFPAK.mjs';

package/dist/motion/Text.d.mts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
+import { M as MotionComponent } from '../types-37pN82yh.mjs';
 import 'react';
 
 /**

package/dist/motion/Text.d.ts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.js';
+import { M as MotionComponent } from '../types-37pN82yh.js';
 import 'react';
 
 /**

package/dist/motion/Text.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkFWQOXA43_js = require('../chunk-FWQOXA43.js');
-require('../chunk-BP3Y2SHQ.js');
-require('../chunk-7AOERN53.js');
-require('../chunk-PTRF47DA.js');
+var chunkTVFNJ25Z_js = require('../chunk-TVFNJ25Z.js');
+require('../chunk-MYE5NMXW.js');
+require('../chunk-WVRCKOPO.js');
+require('../chunk-7A6WTXNK.js');
 
 
 
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunkFWQOXA43_js.MotionText; }
+  get: function () { return chunkTVFNJ25Z_js.MotionText; }
 });

package/dist/motion/Text.mjs

@@ -1,4 +1,4 @@
-export { MotionText } from '../chunk-SGUHE5CX.mjs';
-import '../chunk-CSODMRJ7.mjs';
-import '../chunk-R63GIUNU.mjs';
-import '../chunk-CY7Y64C3.mjs';
+export { MotionText } from '../chunk-4ASOELLA.mjs';
+import '../chunk-55W7BNO2.mjs';
+import '../chunk-QKC3APP4.mjs';
+import '../chunk-TU2XFPAK.mjs';

package/dist/motion/View.d.mts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
+import { M as MotionComponent } from '../types-37pN82yh.mjs';
 import 'react';
 
 /**

package/dist/motion/View.d.ts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-G1dBU2IQ.js';
+import { M as MotionComponent } from '../types-37pN82yh.js';
 import 'react';
 
 /**

package/dist/motion/View.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkFNVFV4EY_js = require('../chunk-FNVFV4EY.js');
-require('../chunk-BP3Y2SHQ.js');
-require('../chunk-7AOERN53.js');
-require('../chunk-PTRF47DA.js');
+var chunkVLDIFL3F_js = require('../chunk-VLDIFL3F.js');
+require('../chunk-MYE5NMXW.js');
+require('../chunk-WVRCKOPO.js');
+require('../chunk-7A6WTXNK.js');
 
 
 
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunkFNVFV4EY_js.MotionView; }
+  get: function () { return chunkVLDIFL3F_js.MotionView; }
 });

package/dist/motion/View.mjs

@@ -1,4 +1,4 @@
-export { MotionView } from '../chunk-BQQTHG2V.mjs';
-import '../chunk-CSODMRJ7.mjs';
-import '../chunk-R63GIUNU.mjs';
-import '../chunk-CY7Y64C3.mjs';
+export { MotionView } from '../chunk-YKGY22SB.mjs';
+import '../chunk-55W7BNO2.mjs';
+import '../chunk-QKC3APP4.mjs';
+import '../chunk-TU2XFPAK.mjs';

package/dist/touch/index.d.mts

@@ -1,6 +1,6 @@
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-G1dBU2IQ.mjs';
+import { T as TransitionConfig } from '../types-37pN82yh.mjs';
 import 'react';
 
 /**

package/dist/touch/index.d.ts

@@ -1,6 +1,6 @@
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-G1dBU2IQ.js';
+import { T as TransitionConfig } from '../types-37pN82yh.js';
 import 'react';
 
 /**

package/dist/touch/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPTRF47DA_js = require('../chunk-PTRF47DA.js');
+var chunk7A6WTXNK_js = require('../chunk-7A6WTXNK.js');
 var react = require('react');
 var reactNative = require('react-native');
 var reactNativeReanimated = require('react-native-reanimated');
@@ -48,14 +48,14 @@ function useTouchDrag(options = {}) {
         if (result) {
           if (result.x && lockX) {
             const toX = "to" in result.x ? result.x.to : x;
-            dragX.value = chunkPTRF47DA_js.buildReleaseAnimation(
+            dragX.value = chunk7A6WTXNK_js.buildReleaseAnimation(
               result.x,
               toX
             );
           }
           if (result.y && lockY) {
             const toY = "to" in result.y ? result.y.to : y;
-            dragY.value = chunkPTRF47DA_js.buildReleaseAnimation(
+            dragY.value = chunk7A6WTXNK_js.buildReleaseAnimation(
               result.y,
               toY
             );

package/dist/touch/index.mjs

@@ -1,4 +1,4 @@
-import { buildReleaseAnimation } from '../chunk-CY7Y64C3.mjs';
+import { buildReleaseAnimation } from '../chunk-TU2XFPAK.mjs';
 import { useMemo } from 'react';
 import { PanResponder } from 'react-native';
 import { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';

package/dist/{types-G1dBU2IQ.d.mts → types-37pN82yh.d.mts}

@@ -1,5 +1,5 @@
 import { ComponentType, ComponentProps, Ref, ReactElement } from 'react';
-import { StyleProp } from 'react-native';
+import { StyleProp, BoxShadowValue } from 'react-native';
 
 /**
  * A single animation step's destination, optionally overriding the transition
@@ -154,6 +154,36 @@ type AnimatableTransformExtras = {
     rotateX?: AnimatableValue<number>;
     rotateY?: AnimatableValue<number>;
 };
+/**
+ * Target shape for the `boxShadow` key on `animate` / `initial` / `exit`: a
+ * CSS `box-shadow` string, or RN's own array-of-layers form.
+ *
+ * Both endpoints of a `boxShadow` animation are normalized to a common layer
+ * count on the JS thread, so a two-layer shadow can animate to a one-layer one
+ * (the short side is padded with a transparent layer, as CSS transitions do).
+ * A layer that is `inset` on one side and not the other is not interpolable
+ * and throws.
+ */
+type BoxShadowInput = string | ReadonlyArray<BoxShadowValue>;
+/**
+ * Keys whose animatable form deliberately departs from the generic
+ * `AnimatableValue<S[K]>` mapping.
+ *
+ * `boxShadow` is the only member. Its natural value is already an array, which
+ * collides head-on with `AnimatableValue`'s keyframe-sequence form — nothing
+ * distinguishes `[layerA, layerB]` (one two-layer shadow) from a two-step
+ * sequence. The array slot is given to layers, which is the shape RN itself
+ * uses and by far the common case, and sequences are unsupported on this key.
+ * This mirrors the single-value-only contract `shadowOffset` has carried since
+ * `0.0.1`. Per-property transitions are unaffected: `transition={{ boxShadow:
+ * { type: 'timing' } }}` works as it does for every other key.
+ *
+ * Conditional on `S` so the key only appears where the underlying style
+ * actually has it, rather than being bolted onto every primitive.
+ */
+type AnimatableStructuredExtras<S> = 'boxShadow' extends keyof S ? {
+    boxShadow?: BoxShadowInput;
+} : {};
 /**
  * The animation state shape inferred from the underlying component's style
  * prop. We narrow to the value side of `style` so consumers see ViewStyle on
@@ -168,9 +198,9 @@ type AnimatableTransformExtras = {
 type _StyleValue<T> = Exclude<T, (...args: any[]) => any>;
 type AnimateStyle<C> = C extends {
     style?: infer Raw;
-} ? _StyleValue<Raw> extends StyleProp<infer S> ? {
+} ? _StyleValue<Raw> extends StyleProp<infer S> ? Omit<{
     [K in keyof S]?: AnimatableValue<S[K]>;
-} & AnimatableTransformExtras : never : never;
+}, 'boxShadow'> & AnimatableTransformExtras & AnimatableStructuredExtras<S> : never : never;
 interface AnimationCallbackInfo<S> {
     /**
      * The animatable key that just settled — typically a `keyof S` (e.g.
@@ -339,19 +369,24 @@ interface MotionProps<C, V extends VariantsMap<C> = VariantsMap<C>> {
      * recorded rect to its natural position via a FLIP transform stack.
      *
      * Reanimated 4 removed the `sharedTransitionTag` API — `layoutId` is the
-     * Inertia-side measure-based replacement. Rects are recorded in
-     * parent-relative coordinates (from `onLayout`), which composes when the
-     * source and target screens share an outer content container (the common
-     * stack-navigator case); nested-parent layouts need the v2
-     * window-coordinate path.
+     * Inertia-side measure-based replacement. Rects are recorded in **window**
+     * coordinates wherever the host can be measured synchronously (Fabric),
+     * which is what lets a source and target sit under containers at different
+     * screen offsets; elsewhere both fall back to the parent-relative
+     * coordinates `onLayout` reports. A source and target that ended up in
+     * different spaces skip the animation rather than play a wrong one.
      *
      * The same `transition` prop drives the FLIP animation (spring by
      * default; `'timing'` honored; `'decay'` downgrades to spring; reduced
-     * motion skips the transition). Out of scope for the first iteration:
-     * style-prop interpolation (border radius, colors, etc.) — only the
-     * rect-to-rect transform is animated. Two simultaneously-mounted
-     * primitives sharing the same `layoutId` are undefined behavior; pick a
-     * primitive per id at a time.
+     * motion skips the transition). Alongside the rect, a fixed set of style
+     * keys is carried from the source and crossfaded out on that same
+     * transition: `opacity`, `borderRadius`, `backgroundColor`, `borderColor`,
+     * `color`, `tintColor`. Transform keys are not carried — the FLIP owns
+     * them — and a key only participates when the element already has a value
+     * for it, from a record or from its static `style`.
+     *
+     * Two simultaneously-mounted primitives sharing the same `layoutId` are
+     * undefined behavior; pick a primitive per id at a time.
      */
     layoutId?: string;
     /**
@@ -385,4 +420,4 @@ interface MotionComponent<C extends ComponentType<any>> {
     displayName?: string;
 }
 
-export type { AnimatableValue as A, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantController as V, TransitionInput as a, TransitionName as b, AnimateStyle as c, AnimationCallbackInfo as d, EasingFunction as e, EasingFunctionFactory as f, GestureSubStates as g, MotionProps as h, NoAnimationTransition as i, RepeatConfig as j, SequenceStep as k, TimingTransition as l, Transition as m, VariantsMap as n };
+export type { AnimatableValue as A, BoxShadowInput as B, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantController as V, TransitionInput as a, TransitionName as b, AnimateStyle as c, AnimationCallbackInfo as d, EasingFunction as e, EasingFunctionFactory as f, GestureSubStates as g, MotionProps as h, NoAnimationTransition as i, RepeatConfig as j, SequenceStep as k, TimingTransition as l, Transition as m, VariantsMap as n };