@tamagui/sheet 1.0.1-beta.153 → 1.0.1-beta.156

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.0.1-beta.153",
+  "version": "1.0.1-beta.156",
   "sideEffects": [
     "*.css"
   ],
@@ -22,13 +22,13 @@
     "lint:fix": "yarn lint --fix"
   },
   "dependencies": {
-    "@tamagui/animations-react-native": "^1.0.1-beta.153",
-    "@tamagui/compose-refs": "^1.0.1-beta.153",
-    "@tamagui/core": "^1.0.1-beta.153",
-    "@tamagui/create-context": "^1.0.1-beta.153",
-    "@tamagui/remove-scroll": "^1.0.1-beta.153",
-    "@tamagui/stacks": "^1.0.1-beta.153",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.153"
+    "@tamagui/animations-react-native": "^1.0.1-beta.156",
+    "@tamagui/compose-refs": "^1.0.1-beta.156",
+    "@tamagui/core": "^1.0.1-beta.156",
+    "@tamagui/create-context": "^1.0.1-beta.156",
+    "@tamagui/remove-scroll": "^1.0.1-beta.156",
+    "@tamagui/stacks": "^1.0.1-beta.156",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.156"
   },
   "peerDependencies": {
     "react": "*",
@@ -36,7 +36,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.153",
+    "@tamagui/build": "^1.0.1-beta.156",
     "react": "*",
     "react-dom": "*",
     "react-native": "*"

package/types/Sheet.d.ts

@@ -1,4 +1,4 @@
-import { GetProps } from '@tamagui/core';
+import { GetProps, TamaguiElement } from '@tamagui/core';
 import { XStackProps } from '@tamagui/stacks';
 import React from 'react';
 import { View } from 'react-native';
@@ -19,7 +19,7 @@ export declare const SheetHandleFrame: import("@tamagui/core").TamaguiComponent<
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 }, "open"> & {
     readonly open?: boolean | undefined;
-}>>, any, import("@tamagui/core").StackPropsBase, {
+}>>, TamaguiElement, import("@tamagui/core").StackPropsBase, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
@@ -41,7 +41,7 @@ export declare const SheetOverlayFrame: import("@tamagui/core").TamaguiComponent
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 }, "closed"> & {
     closed?: boolean | undefined;
-}>>, any, import("@tamagui/core").StackPropsBase, {
+}>>, TamaguiElement, import("@tamagui/core").StackPropsBase, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
@@ -73,7 +73,7 @@ export declare const SheetFrameFrame: import("@tamagui/core").TamaguiComponent<(
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 }, string | number> & {
     [x: string]: undefined;
-}>>), any, import("@tamagui/core").StackPropsBase, {
+}>>), TamaguiElement, import("@tamagui/core").StackPropsBase, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } | ({

package/dist/cjs/useAnimated.js

@@ -1,106 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useAnimated_exports = {};
-__export(useAnimated_exports, {
-  useAnimated: () => useAnimated,
-  useAnimatedNumber: () => useAnimatedNumber,
-  useAnimatedNumberReaction: () => useAnimatedNumberReaction,
-  useAnimatedNumberReactionReanimated: () => useAnimatedNumberReactionReanimated,
-  useAnimatedNumberReanimated: () => useAnimatedNumberReanimated,
-  useAnimatedNumberStyle: () => useAnimatedNumberStyle,
-  useAnimatedNumberStyleReanimated: () => useAnimatedNumberStyleReanimated
-});
-module.exports = __toCommonJS(useAnimated_exports);
-var import_core = require("@tamagui/core");
-var import_react = require("react");
-var import_react_native = require("react-native");
-var import_react_native_reanimated = require("react-native-reanimated");
-function useAnimated() {
-  const driver = (0, import_core.getAnimationDriver)();
-  return {
-    View: driver.View,
-    Text: driver.Text
-  };
-}
-function useAnimatedNumberReanimated(initial) {
-  const value = (0, import_react_native_reanimated.useSharedValue)(initial);
-  return {
-    getInstance() {
-      return value;
-    },
-    getValue() {
-      return value.value;
-    },
-    setValue(next) {
-      value.value = next;
-    }
-  };
-}
-function useAnimatedNumberReactionReanimated(value, cb) {
-  (0, import_react_native_reanimated.useAnimatedReaction)(() => value.getInstance().value, (result, prev) => {
-    if (result !== prev) {
-      cb(result);
-    }
-  }, [value]);
-}
-function useAnimatedNumberStyleReanimated(value, getStyle) {
-  return (0, import_react_native_reanimated.useAnimatedStyle)(() => getStyle(value));
-}
-function useAnimatedNumber(initial) {
-  const value = (0, import_react.useRef)(null);
-  if (!value.current) {
-    value.current = new import_react_native.Animated.Value(initial);
-  }
-  return {
-    getInstance() {
-      return value.current;
-    },
-    getValue() {
-      return value.current["_value"];
-    },
-    setValue(next) {
-      value.current.setValue(next);
-    }
-  };
-}
-function useAnimatedNumberReaction(value, cb) {
-  const onChange = (0, import_core.useEvent)((current) => {
-    cb(current.value);
-  });
-  (0, import_react.useEffect)(() => {
-    const id = value.getInstance().addListener(onChange);
-    return () => {
-      value.getInstance().removeListener(id);
-    };
-  }, [value, onChange]);
-}
-function useAnimatedNumberStyle(value, getStyle) {
-  return getStyle(value);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useAnimated,
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberReactionReanimated,
-  useAnimatedNumberReanimated,
-  useAnimatedNumberStyle,
-  useAnimatedNumberStyleReanimated
-});
-//# sourceMappingURL=useAnimated.js.map

package/dist/cjs/useAnimated.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useAnimated.ts"],
-  "sourcesContent": ["import { getAnimationDriver, useEvent } from '@tamagui/core'\nimport { useEffect, useRef } from 'react'\nimport { Animated, TextStyle, ViewStyle } from 'react-native'\nimport {\n  SharedValue,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated'\n\nexport function useAnimated() {\n  const driver = getAnimationDriver()\n\n  return {\n    View: driver.View,\n    Text: driver.Text,\n  }\n}\n\ntype UniversalAnimatedNumber<A> = {\n  getInstance(): A\n  getValue(): number\n  setValue(next: number): void\n}\n\nexport function useAnimatedNumberReanimated(\n  initial: number\n): UniversalAnimatedNumber<SharedValue<number>> {\n  const value = useSharedValue(initial)\n\n  return {\n    getInstance() {\n      return value\n    },\n    getValue() {\n      return value.value\n    },\n    setValue(next: number) {\n      value.value = next\n    },\n  }\n}\n\nexport function useAnimatedNumberReactionReanimated(\n  value: UniversalAnimatedNumber<SharedValue<number>>,\n  cb: (current: number) => void\n) {\n  useAnimatedReaction(\n    () => value.getInstance().value,\n    (result, prev) => {\n      if (result !== prev) {\n        cb(result)\n      }\n    },\n    [value]\n  )\n}\n\nexport function useAnimatedNumberStyleReanimated<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: V) => ViewStyle | TextStyle\n) {\n  return useAnimatedStyle(() => getStyle(value))\n}\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const value = useRef(null as any as Animated.Value)\n  if (!value.current) {\n    value.current = new Animated.Value(initial)\n  }\n\n  return {\n    getInstance() {\n      return value.current\n    },\n    getValue() {\n      return value.current['_value']\n    },\n    setValue(next: number) {\n      value.current.setValue(next)\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\n// transform: [{ translateY }],\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: V) => ViewStyle | TextStyle\n) {\n  return getStyle(value)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6C;AAC7C,mBAAkC;AAClC,0BAA+C;AAC/C,qCAKO;AAEA,uBAAuB;AAC5B,QAAM,SAAS,oCAAmB;AAElC,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,MAAM,OAAO;AAAA,EACf;AACF;AAQO,qCACL,SAC8C;AAC9C,QAAM,QAAQ,mDAAe,OAAO;AAEpC,SAAO;AAAA,IACL,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,IACA,WAAW;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,SAAS,MAAc;AACrB,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF;AACF;AAEO,6CACL,OACA,IACA;AACA,0DACE,MAAM,MAAM,YAAY,EAAE,OAC1B,CAAC,QAAQ,SAAS;AAChB,QAAI,WAAW,MAAM;AACnB,SAAG,MAAM;AAAA,IACX;AAAA,EACF,GACA,CAAC,KAAK,CACR;AACF;AAEO,0CACL,OACA,UACA;AACA,SAAO,qDAAiB,MAAM,SAAS,KAAK,CAAC;AAC/C;AAEO,2BAA2B,SAA0D;AAC1F,QAAM,QAAQ,yBAAO,IAA6B;AAClD,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU,IAAI,6BAAS,MAAM,OAAO;AAAA,EAC5C;AAEA,SAAO;AAAA,IACL,cAAc;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,WAAW;AACT,aAAO,MAAM,QAAQ;AAAA,IACvB;AAAA,IACA,SAAS,MAAc;AACrB,YAAM,QAAQ,SAAS,IAAI;AAAA,IAC7B;AAAA,EACF;AACF;AAEO,mCACL,OACA,IACA;AACA,QAAM,WAAW,0BAAS,CAAC,YAAY;AACrC,OAAG,QAAQ,KAAK;AAAA,EAClB,CAAC;AAED,8BAAU,MAAM;AACd,UAAM,KAAK,MAAM,YAAY,EAAE,YAAY,QAAQ;AACnD,WAAO,MAAM;AACX,YAAM,YAAY,EAAE,eAAe,EAAE;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AACtB;AAIO,gCACL,OACA,UACA;AACA,SAAO,SAAS,KAAK;AACvB;",
-  "names": []
-}

package/dist/esm/useAnimated.js

@@ -1,80 +0,0 @@
-import { getAnimationDriver, useEvent } from "@tamagui/core";
-import { useEffect, useRef } from "react";
-import { Animated } from "react-native";
-import {
-  useAnimatedReaction,
-  useAnimatedStyle,
-  useSharedValue
-} from "react-native-reanimated";
-function useAnimated() {
-  const driver = getAnimationDriver();
-  return {
-    View: driver.View,
-    Text: driver.Text
-  };
-}
-function useAnimatedNumberReanimated(initial) {
-  const value = useSharedValue(initial);
-  return {
-    getInstance() {
-      return value;
-    },
-    getValue() {
-      return value.value;
-    },
-    setValue(next) {
-      value.value = next;
-    }
-  };
-}
-function useAnimatedNumberReactionReanimated(value, cb) {
-  useAnimatedReaction(() => value.getInstance().value, (result, prev) => {
-    if (result !== prev) {
-      cb(result);
-    }
-  }, [value]);
-}
-function useAnimatedNumberStyleReanimated(value, getStyle) {
-  return useAnimatedStyle(() => getStyle(value));
-}
-function useAnimatedNumber(initial) {
-  const value = useRef(null);
-  if (!value.current) {
-    value.current = new Animated.Value(initial);
-  }
-  return {
-    getInstance() {
-      return value.current;
-    },
-    getValue() {
-      return value.current["_value"];
-    },
-    setValue(next) {
-      value.current.setValue(next);
-    }
-  };
-}
-function useAnimatedNumberReaction(value, cb) {
-  const onChange = useEvent((current) => {
-    cb(current.value);
-  });
-  useEffect(() => {
-    const id = value.getInstance().addListener(onChange);
-    return () => {
-      value.getInstance().removeListener(id);
-    };
-  }, [value, onChange]);
-}
-function useAnimatedNumberStyle(value, getStyle) {
-  return getStyle(value);
-}
-export {
-  useAnimated,
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberReactionReanimated,
-  useAnimatedNumberReanimated,
-  useAnimatedNumberStyle,
-  useAnimatedNumberStyleReanimated
-};
-//# sourceMappingURL=useAnimated.js.map

package/dist/esm/useAnimated.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useAnimated.ts"],
-  "sourcesContent": ["import { getAnimationDriver, useEvent } from '@tamagui/core'\nimport { useEffect, useRef } from 'react'\nimport { Animated, TextStyle, ViewStyle } from 'react-native'\nimport {\n  SharedValue,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated'\n\nexport function useAnimated() {\n  const driver = getAnimationDriver()\n\n  return {\n    View: driver.View,\n    Text: driver.Text,\n  }\n}\n\ntype UniversalAnimatedNumber<A> = {\n  getInstance(): A\n  getValue(): number\n  setValue(next: number): void\n}\n\nexport function useAnimatedNumberReanimated(\n  initial: number\n): UniversalAnimatedNumber<SharedValue<number>> {\n  const value = useSharedValue(initial)\n\n  return {\n    getInstance() {\n      return value\n    },\n    getValue() {\n      return value.value\n    },\n    setValue(next: number) {\n      value.value = next\n    },\n  }\n}\n\nexport function useAnimatedNumberReactionReanimated(\n  value: UniversalAnimatedNumber<SharedValue<number>>,\n  cb: (current: number) => void\n) {\n  useAnimatedReaction(\n    () => value.getInstance().value,\n    (result, prev) => {\n      if (result !== prev) {\n        cb(result)\n      }\n    },\n    [value]\n  )\n}\n\nexport function useAnimatedNumberStyleReanimated<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: V) => ViewStyle | TextStyle\n) {\n  return useAnimatedStyle(() => getStyle(value))\n}\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const value = useRef(null as any as Animated.Value)\n  if (!value.current) {\n    value.current = new Animated.Value(initial)\n  }\n\n  return {\n    getInstance() {\n      return value.current\n    },\n    getValue() {\n      return value.current['_value']\n    },\n    setValue(next: number) {\n      value.current.setValue(next)\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\n// transform: [{ translateY }],\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: V) => ViewStyle | TextStyle\n) {\n  return getStyle(value)\n}\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAOO,uBAAuB;AAC5B,QAAM,SAAS,mBAAmB;AAElC,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,MAAM,OAAO;AAAA,EACf;AACF;AAQO,qCACL,SAC8C;AAC9C,QAAM,QAAQ,eAAe,OAAO;AAEpC,SAAO;AAAA,IACL,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,IACA,WAAW;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,SAAS,MAAc;AACrB,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF;AACF;AAEO,6CACL,OACA,IACA;AACA,sBACE,MAAM,MAAM,YAAY,EAAE,OAC1B,CAAC,QAAQ,SAAS;AAChB,QAAI,WAAW,MAAM;AACnB,SAAG,MAAM;AAAA,IACX;AAAA,EACF,GACA,CAAC,KAAK,CACR;AACF;AAEO,0CACL,OACA,UACA;AACA,SAAO,iBAAiB,MAAM,SAAS,KAAK,CAAC;AAC/C;AAEO,2BAA2B,SAA0D;AAC1F,QAAM,QAAQ,OAAO,IAA6B;AAClD,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU,IAAI,SAAS,MAAM,OAAO;AAAA,EAC5C;AAEA,SAAO;AAAA,IACL,cAAc;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,WAAW;AACT,aAAO,MAAM,QAAQ;AAAA,IACvB;AAAA,IACA,SAAS,MAAc;AACrB,YAAM,QAAQ,SAAS,IAAI;AAAA,IAC7B;AAAA,EACF;AACF;AAEO,mCACL,OACA,IACA;AACA,QAAM,WAAW,SAAS,CAAC,YAAY;AACrC,OAAG,QAAQ,KAAK;AAAA,EAClB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,KAAK,MAAM,YAAY,EAAE,YAAY,QAAQ;AACnD,WAAO,MAAM;AACX,YAAM,YAAY,EAAE,eAAe,EAAE;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AACtB;AAIO,gCACL,OACA,UACA;AACA,SAAO,SAAS,KAAK;AACvB;",
-  "names": []
-}

package/dist/jsx/useAnimated.js

@@ -1,80 +0,0 @@
-import { getAnimationDriver, useEvent } from "@tamagui/core";
-import { useEffect, useRef } from "react";
-import { Animated } from "react-native";
-import {
-  useAnimatedReaction,
-  useAnimatedStyle,
-  useSharedValue
-} from "react-native-reanimated";
-function useAnimated() {
-  const driver = getAnimationDriver();
-  return {
-    View: driver.View,
-    Text: driver.Text
-  };
-}
-function useAnimatedNumberReanimated(initial) {
-  const value = useSharedValue(initial);
-  return {
-    getInstance() {
-      return value;
-    },
-    getValue() {
-      return value.value;
-    },
-    setValue(next) {
-      value.value = next;
-    }
-  };
-}
-function useAnimatedNumberReactionReanimated(value, cb) {
-  useAnimatedReaction(() => value.getInstance().value, (result, prev) => {
-    if (result !== prev) {
-      cb(result);
-    }
-  }, [value]);
-}
-function useAnimatedNumberStyleReanimated(value, getStyle) {
-  return useAnimatedStyle(() => getStyle(value));
-}
-function useAnimatedNumber(initial) {
-  const value = useRef(null);
-  if (!value.current) {
-    value.current = new Animated.Value(initial);
-  }
-  return {
-    getInstance() {
-      return value.current;
-    },
-    getValue() {
-      return value.current["_value"];
-    },
-    setValue(next) {
-      value.current.setValue(next);
-    }
-  };
-}
-function useAnimatedNumberReaction(value, cb) {
-  const onChange = useEvent((current) => {
-    cb(current.value);
-  });
-  useEffect(() => {
-    const id = value.getInstance().addListener(onChange);
-    return () => {
-      value.getInstance().removeListener(id);
-    };
-  }, [value, onChange]);
-}
-function useAnimatedNumberStyle(value, getStyle) {
-  return getStyle(value);
-}
-export {
-  useAnimated,
-  useAnimatedNumber,
-  useAnimatedNumberReaction,
-  useAnimatedNumberReactionReanimated,
-  useAnimatedNumberReanimated,
-  useAnimatedNumberStyle,
-  useAnimatedNumberStyleReanimated
-};
-//# sourceMappingURL=useAnimated.js.map

package/dist/jsx/useAnimated.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useAnimated.ts"],
-  "sourcesContent": ["import { getAnimationDriver, useEvent } from '@tamagui/core'\nimport { useEffect, useRef } from 'react'\nimport { Animated, TextStyle, ViewStyle } from 'react-native'\nimport {\n  SharedValue,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useSharedValue,\n} from 'react-native-reanimated'\n\nexport function useAnimated() {\n  const driver = getAnimationDriver()\n\n  return {\n    View: driver.View,\n    Text: driver.Text,\n  }\n}\n\ntype UniversalAnimatedNumber<A> = {\n  getInstance(): A\n  getValue(): number\n  setValue(next: number): void\n}\n\nexport function useAnimatedNumberReanimated(\n  initial: number\n): UniversalAnimatedNumber<SharedValue<number>> {\n  const value = useSharedValue(initial)\n\n  return {\n    getInstance() {\n      return value\n    },\n    getValue() {\n      return value.value\n    },\n    setValue(next: number) {\n      value.value = next\n    },\n  }\n}\n\nexport function useAnimatedNumberReactionReanimated(\n  value: UniversalAnimatedNumber<SharedValue<number>>,\n  cb: (current: number) => void\n) {\n  useAnimatedReaction(\n    () => value.getInstance().value,\n    (result, prev) => {\n      if (result !== prev) {\n        cb(result)\n      }\n    },\n    [value]\n  )\n}\n\nexport function useAnimatedNumberStyleReanimated<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: V) => ViewStyle | TextStyle\n) {\n  return useAnimatedStyle(() => getStyle(value))\n}\n\nexport function useAnimatedNumber(initial: number): UniversalAnimatedNumber<Animated.Value> {\n  const value = useRef(null as any as Animated.Value)\n  if (!value.current) {\n    value.current = new Animated.Value(initial)\n  }\n\n  return {\n    getInstance() {\n      return value.current\n    },\n    getValue() {\n      return value.current['_value']\n    },\n    setValue(next: number) {\n      value.current.setValue(next)\n    },\n  }\n}\n\nexport function useAnimatedNumberReaction(\n  value: UniversalAnimatedNumber<Animated.Value>,\n  cb: (current: number) => void\n) {\n  const onChange = useEvent((current) => {\n    cb(current.value)\n  })\n\n  useEffect(() => {\n    const id = value.getInstance().addListener(onChange)\n    return () => {\n      value.getInstance().removeListener(id)\n    }\n  }, [value, onChange])\n}\n\n// transform: [{ translateY }],\n\nexport function useAnimatedNumberStyle<V extends UniversalAnimatedNumber<Animated.Value>>(\n  value: V,\n  getStyle: (value: V) => ViewStyle | TextStyle\n) {\n  return getStyle(value)\n}\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAOO,uBAAuB;AAC5B,QAAM,SAAS,mBAAmB;AAElC,SAAO;AAAA,IACL,MAAM,OAAO;AAAA,IACb,MAAM,OAAO;AAAA,EACf;AACF;AAQO,qCACL,SAC8C;AAC9C,QAAM,QAAQ,eAAe,OAAO;AAEpC,SAAO;AAAA,IACL,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,IACA,WAAW;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,SAAS,MAAc;AACrB,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF;AACF;AAEO,6CACL,OACA,IACA;AACA,sBACE,MAAM,MAAM,YAAY,EAAE,OAC1B,CAAC,QAAQ,SAAS;AAChB,QAAI,WAAW,MAAM;AACnB,SAAG,MAAM;AAAA,IACX;AAAA,EACF,GACA,CAAC,KAAK,CACR;AACF;AAEO,0CACL,OACA,UACA;AACA,SAAO,iBAAiB,MAAM,SAAS,KAAK,CAAC;AAC/C;AAEO,2BAA2B,SAA0D;AAC1F,QAAM,QAAQ,OAAO,IAA6B;AAClD,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU,IAAI,SAAS,MAAM,OAAO;AAAA,EAC5C;AAEA,SAAO;AAAA,IACL,cAAc;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,WAAW;AACT,aAAO,MAAM,QAAQ;AAAA,IACvB;AAAA,IACA,SAAS,MAAc;AACrB,YAAM,QAAQ,SAAS,IAAI;AAAA,IAC7B;AAAA,EACF;AACF;AAEO,mCACL,OACA,IACA;AACA,QAAM,WAAW,SAAS,CAAC,YAAY;AACrC,OAAG,QAAQ,KAAK;AAAA,EAClB,CAAC;AAED,YAAU,MAAM;AACd,UAAM,KAAK,MAAM,YAAY,EAAE,YAAY,QAAQ;AACnD,WAAO,MAAM;AACX,YAAM,YAAY,EAAE,eAAe,EAAE;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AACtB;AAIO,gCACL,OACA,UACA;AACA,SAAO,SAAS,KAAK;AACvB;",
-  "names": []
-}