@jamadd/react-native-template-ui 0.1.1

package/lib/commonjs/hooks/reanimated.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimationSharedVal = useAnimationSharedVal;
+var _reactNativeReanimated = require("react-native-reanimated");
+function useAnimationSharedVal() {
+  return (0, _reactNativeReanimated.useSharedValue)(0);
+}
+//# sourceMappingURL=reanimated.js.map

package/lib/commonjs/hooks/reanimated.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","useAnimationSharedVal","useSharedValue"],"sourceRoot":"../../../src","sources":["hooks/reanimated.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAGO,SAAAC,sBAAA;EAAA,OACE,IAAAF,sBAAA,CAAAG,cAAA,GAAgC,CAAC;AAAA","ignoreList":[]}

package/lib/commonjs/hooks/separator.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useThemedSeparator = useThemedSeparator;
+var _react = require("react");
+var _const = require("../utils/theme/const.js");
+// @internal
+let ThemedSeparator;
+function useThemedSeparator(size = _const.BorderSize.S, vertical = false, backgroundColor = 'separator', style = {}) {
+  const props = {
+    size,
+    vertical,
+    backgroundColor,
+    ...style
+  };
+  ThemedSeparator ??= require('../components/separator/ThemedSeparator').default;
+  const element = /*#__PURE__*/(0, _react.createElement)(ThemedSeparator, props);
+  return element;
+}
+//# sourceMappingURL=separator.js.map

package/lib/commonjs/hooks/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_const","ThemedSeparator","useThemedSeparator","size","BorderSize","S","vertical","backgroundColor","style","props","default","element","createElement"],"sourceRoot":"../../../src","sources":["hooks/separator.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA,IAAIE,eAAqD;AAElD,SAASC,kBAAkBA,CAChCC,IAAI,GAAGC,iBAAU,CAACC,CAAC,EACnBC,QAAQ,GAAG,KAAK,EAChBC,eAA4B,GAAG,WAAW,EAC1CC,KAGC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAA2B,GAAG;IAClCN,IAAI;IACJG,QAAQ;IACRC,eAAe;IACf,GAAGC;EACL,CAAC;EACDP,eAAe,KACbF,OAAO,CAAC,yCAAyC,CAAC,CAACW,OAAO;EAC5D,MAAMC,OAAO,gBAAG,IAAAC,oBAAa,EAACX,eAAe,EAAGQ,KAAK,CAAC;EAEtD,OAAOE,OAAO;AAChB","ignoreList":[]}

package/lib/commonjs/hooks/style.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInsetsStyle = useInsetsStyle;
+exports.useOrientation = useOrientation;
+exports.useWindowDimensions = useWindowDimensions;
+exports.useWindowDimensionsFontScale = useWindowDimensionsFontScale;
+exports.useWindowDimensionsHeight = useWindowDimensionsHeight;
+exports.useWindowDimensionsScale = useWindowDimensionsScale;
+exports.useWindowDimensionsWidth = useWindowDimensionsWidth;
+var _compilerRuntime = require("react/compiler-runtime");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _const = require("../utils/style/const.js");
+var _theme = require("./theme.js");
+function useInsetsStyle(t0) {
+  const $ = (0, _compilerRuntime.c)(16);
+  const {
+    insets,
+    insetTop,
+    insetBottom,
+    insetLeft,
+    insetRight,
+    insetsPadding,
+    insetPaddingTop,
+    insetPaddingBottom,
+    insetPaddingLeft,
+    insetPaddingRight
+  } = t0;
+  const {
+    top,
+    bottom,
+    left,
+    right
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const spacing = (0, _theme.useThemeSpacing)();
+  let t1;
+  if ($[0] !== bottom || $[1] !== insetBottom || $[2] !== insetLeft || $[3] !== insetPaddingBottom || $[4] !== insetPaddingLeft || $[5] !== insetPaddingRight || $[6] !== insetPaddingTop || $[7] !== insetRight || $[8] !== insetTop || $[9] !== insets || $[10] !== insetsPadding || $[11] !== left || $[12] !== right || $[13] !== spacing || $[14] !== top) {
+    t1 = JSON.parse(JSON.stringify({
+      paddingTop: insetTop ?? insets ? top + spacing[insetPaddingTop ?? insetsPadding ?? "none"] : undefined,
+      paddingBottom: insetBottom ?? insets ? bottom + spacing[insetPaddingBottom ?? insetsPadding ?? "none"] : undefined,
+      paddingLeft: insetLeft ?? insets ? left + spacing[insetPaddingLeft ?? insetsPadding ?? "none"] : undefined,
+      paddingRight: insetRight ?? insets ? right + spacing[insetPaddingRight ?? insetsPadding ?? "none"] : undefined
+    }));
+    $[0] = bottom;
+    $[1] = insetBottom;
+    $[2] = insetLeft;
+    $[3] = insetPaddingBottom;
+    $[4] = insetPaddingLeft;
+    $[5] = insetPaddingRight;
+    $[6] = insetPaddingTop;
+    $[7] = insetRight;
+    $[8] = insetTop;
+    $[9] = insets;
+    $[10] = insetsPadding;
+    $[11] = left;
+    $[12] = right;
+    $[13] = spacing;
+    $[14] = top;
+    $[15] = t1;
+  } else {
+    t1 = $[15];
+  }
+  const insetsStyle = t1;
+  return insetsStyle;
+}
+function useWindowDimensions() {
+  return (0, _reactNative.useWindowDimensions)();
+}
+function useWindowDimensionsWidth() {
+  return useWindowDimensions().width;
+}
+function useWindowDimensionsHeight() {
+  return useWindowDimensions().height;
+}
+function useWindowDimensionsScale() {
+  return useWindowDimensions().scale;
+}
+function useWindowDimensionsFontScale() {
+  return useWindowDimensions().fontScale;
+}
+function useOrientation() {
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const orientation = width > height ? _const.Orientation.Landscape : _const.Orientation.Portrait;
+  return orientation;
+}
+//# sourceMappingURL=style.js.map

package/lib/commonjs/hooks/style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeSafeAreaContext","_const","_theme","useInsetsStyle","t0","$","_compilerRuntime","c","insets","insetTop","insetBottom","insetLeft","insetRight","insetsPadding","insetPaddingTop","insetPaddingBottom","insetPaddingLeft","insetPaddingRight","top","bottom","left","right","useSafeAreaInsets","spacing","useThemeSpacing","t1","JSON","parse","stringify","paddingTop","undefined","paddingBottom","paddingLeft","paddingRight","insetsStyle","useWindowDimensions","useWindowDimensionsWidth","width","useWindowDimensionsHeight","height","useWindowDimensionsScale","scale","useWindowDimensionsFontScale","fontScale","useOrientation","orientation","Orientation","Landscape","Portrait"],"sourceRoot":"../../../src","sources":["hooks/style.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/switch.js

@@ -0,0 +1,209 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useThemedSwitch = useThemedSwitch;
+var _compilerRuntime = require("react/compiler-runtime");
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _func = require("../utils/reanimated/func.js");
+var _const = require("../utils/switch/const.js");
+var _const2 = require("../utils/theme/const.js");
+var _btn = require("./btn.js");
+var _reanimated = require("./reanimated.js");
+var _theme = require("./theme.js");
+/** @internal */
+const _worklet_6218390477926_init_data = {
+  code: "function switchTs1(){const{xxxs,BorderSize,colors,size,interpolateColor,enabledSharedVal,customColors}=this.__closure;var _customColors,_customColors2,_customColors3,_customColors4;const padding=xxxs;const borderWidth=BorderSize.S;const borderColor=colors.theme;return{width:size*2+padding*2+borderWidth*2,padding:padding,borderWidth:borderWidth,borderColor:interpolateColor(enabledSharedVal.get(),[0,1],[(_customColors=customColors)!==null&&_customColors!==void 0&&_customColors.border?colors[customColors.border]:borderColor,(_customColors2=customColors)!==null&&_customColors2!==void 0&&_customColors2.borderEnabled?colors[customColors.borderEnabled]:borderColor]),backgroundColor:interpolateColor(enabledSharedVal.get(),[0,1],[(_customColors3=customColors)!==null&&_customColors3!==void 0&&_customColors3.background?colors[customColors.background]:colors.background,(_customColors4=customColors)!==null&&_customColors4!==void 0&&_customColors4.backgroundEnabled?colors[customColors.backgroundEnabled]:borderColor])};}",
+  location: "/home/runner/work/react-native-template-ui/react-native-template-ui/src/hooks/switch.ts",
+  sourceMap: "{\"version\":3,\"names\":[\"padding\",\"xxxs\",\"borderWidth\",\"BorderSize\",\"S\",\"borderColor\",\"colors\",\"theme\",\"width\",\"size\",\"interpolateColor\",\"enabledSharedVal\",\"get\",\"_customColors\",\"customColors\",\"border\",\"_customColors2\",\"borderEnabled\",\"backgroundColor\",\"_customColors3\",\"background\",\"_customColors4\",\"backgroundEnabled\"],\"sources\":[\"/home/runner/work/react-native-template-ui/react-native-template-ui/src/hooks/switch.ts\"],\"mappings\":\"qLAyDI,MAAAA,OAAA,CAAgBC,IAAI,CACpB,MAAAC,WAAA,CAAAC,UAAA,CAAAC,CAAA,CACA,MAAAC,WAAA,CAAoBC,MAAM,CAAAC,KAAA,CAAO,OAAAC,KAAA,CAGxBC,IAAI,EAAI,CAAGT,OAAO,EAAI,CAAGE,WAAW,EAAI,CAAAF,OAAA,CAAAA,OAAA,CAAAE,WAAA,CAAAA,WAAA,CAAAG,WAAA,CAGlCK,gBAAA,CACXC,gBAAgB,CAAAC,GAAA,CAAK,CAAC,QAGpB,CAAAC,aAAA,CAAAC,YAAY,UAAAD,aAAA,WAAZA,aAAA,CAAYE,MAAA,CAAWT,MAAM,CAACQ,YAAY,CAAAC,MAAA,EAAWV,WAAW,CAChE,CAAAW,cAAA,CAAAF,YAAY,UAAAE,cAAA,WAAZA,cAAA,CAAYC,aAAA,CACRX,MAAM,CAACQ,YAAY,CAAAG,aAAA,EACnBZ,WAAW,CAEnB,CAAC,CAAAa,eAAA,CACgBR,gBAAA,CACfC,gBAAgB,CAAAC,GAAA,CAAK,CAAC,QAGpB,CAAAO,cAAA,CAAAL,YAAY,UAAAK,cAAA,WAAZA,cAAA,CAAYC,UAAA,CACRd,MAAM,CAACQ,YAAY,CAAAM,UAAA,EACnBd,MAAM,CAAAc,UAAW,CACrB,CAAAC,cAAA,CAAAP,YAAY,UAAAO,cAAA,WAAZA,cAAA,CAAYC,iBAAA,CACRhB,MAAM,CAACQ,YAAY,CAAAQ,iBAAA,EACnBjB,WAAW,CAEnB,CAAC\",\"ignoreList\":[]}"
+};
+const _worklet_4968720932172_init_data = {
+  code: "function switchTs2(){const{interpolateColor,enabledSharedVal,customColors,colors,interpolate,size}=this.__closure;var _customColors,_customColors2;return{backgroundColor:interpolateColor(enabledSharedVal.get(),[0,1],[(_customColors=customColors)!==null&&_customColors!==void 0&&_customColors.thumb?colors[customColors.thumb]:colors.theme,(_customColors2=customColors)!==null&&_customColors2!==void 0&&_customColors2.thumbEnabled?colors[customColors.thumbEnabled]:colors.background]),transform:[{translateX:interpolate(enabledSharedVal.get(),[0,1],[0,size])}]};}",
+  location: "/home/runner/work/react-native-template-ui/react-native-template-ui/src/hooks/switch.ts",
+  sourceMap: "{\"version\":3,\"names\":[\"interpolateColor\",\"enabledSharedVal\",\"get\",\"_customColors\",\"customColors\",\"thumb\",\"colors\",\"theme\",\"_customColors2\",\"thumbEnabled\",\"background\",\"transform\",\"translateX\",\"interpolate\",\"size\"],\"sources\":[\"/home/runner/work/react-native-template-ui/react-native-template-ui/src/hooks/switch.ts\"],\"mappings\":\"0KA2FuBA,gBAAA,CACfC,gBAAgB,CAAAC,GAAA,CAAK,CAAC,QAGpB,CAAAC,aAAA,CAAAC,YAAY,UAAAD,aAAA,WAAZA,aAAA,CAAYE,KAAA,CAAUC,MAAM,CAACF,YAAY,CAAAC,KAAA,EAAUC,MAAM,CAAAC,KAAM,CAC/D,CAAAC,cAAA,CAAAJ,YAAY,UAAAI,cAAA,WAAZA,cAAA,CAAYC,YAAA,CACRH,MAAM,CAACF,YAAY,CAAAK,YAAA,EACnBH,MAAM,CAAAI,UAAW,CAEzB,CAAC,CAAAC,SAAA,GAAAC,UAAA,CAEeC,WAAA,CAAYZ,gBAAgB,CAAAC,GAAA,CAAK,CAAC,UAAcY,IAAI,CAAC,CAAC\",\"ignoreList\":[]}"
+};
+function useThemedSwitch(onPress, t0, t1, onPressDelayConfig, customEnableAnimation, customDisableAnimation, customColors) {
+  const $ = (0, _compilerRuntime.c)(20);
+  const enabled = t0 === undefined ? false : t0;
+  const size = t1 === undefined ? _const2.SwitchSize.M : t1;
+  const {
+    xxxs
+  } = (0, _theme.useThemeSpacing)();
+  const colors = (0, _theme.useThemeColors)();
+  const enabledSharedVal = (0, _reanimated.useAnimationSharedVal)();
+  let t2;
+  if ($[0] !== enabledSharedVal || $[1] !== onPress) {
+    t2 = () => {
+      onPress(!!enabledSharedVal.get());
+    };
+    $[0] = enabledSharedVal;
+    $[1] = onPress;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const pressableOnPress = t2;
+  const delayedOnPress = (0, _btn.useDelayedOnPress)(pressableOnPress, onPressDelayConfig);
+  let t3;
+  if ($[3] !== customDisableAnimation || $[4] !== customEnableAnimation || $[5] !== enabledSharedVal) {
+    t3 = (toVal, cb) => {
+      if (customEnableAnimation && toVal) {
+        customEnableAnimation(enabledSharedVal, toVal, cb);
+      } else {
+        if (customDisableAnimation && !toVal) {
+          customDisableAnimation(enabledSharedVal, toVal, cb);
+        } else {
+          (0, _func.updateSharedValWithTiming)(enabledSharedVal, toVal, {
+            duration: _const.switchAnimationDuration
+          }, cb);
+        }
+      }
+    };
+    $[3] = customDisableAnimation;
+    $[4] = customEnableAnimation;
+    $[5] = enabledSharedVal;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const handleAnimation = t3;
+  let t4;
+  if ($[7] !== delayedOnPress || $[8] !== enabledSharedVal || $[9] !== handleAnimation) {
+    t4 = event => {
+      handleAnimation(enabledSharedVal.get() ? 0 : 1, () => {
+        delayedOnPress(event);
+      });
+    };
+    $[7] = delayedOnPress;
+    $[8] = enabledSharedVal;
+    $[9] = handleAnimation;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const toggleSwitch = t4;
+  const trackAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function switchTs1Factory({
+    _worklet_6218390477926_init_data,
+    xxxs,
+    BorderSize,
+    colors,
+    size,
+    interpolateColor,
+    enabledSharedVal,
+    customColors
+  }) {
+    const _e = [new global.Error(), -8, -27];
+    const switchTs1 = function () {
+      const padding = xxxs;
+      const borderWidth = BorderSize.S;
+      const borderColor = colors.theme;
+      return {
+        width: size * 2 + padding * 2 + borderWidth * 2,
+        padding,
+        borderWidth,
+        borderColor: interpolateColor(enabledSharedVal.get(), [0, 1], [customColors?.border ? colors[customColors.border] : borderColor, customColors?.borderEnabled ? colors[customColors.borderEnabled] : borderColor]),
+        backgroundColor: interpolateColor(enabledSharedVal.get(), [0, 1], [customColors?.background ? colors[customColors.background] : colors.background, customColors?.backgroundEnabled ? colors[customColors.backgroundEnabled] : borderColor])
+      };
+    };
+    switchTs1.__closure = {
+      xxxs,
+      BorderSize,
+      colors,
+      size,
+      interpolateColor,
+      enabledSharedVal,
+      customColors
+    };
+    switchTs1.__workletHash = 6218390477926;
+    switchTs1.__pluginVersion = "0.5.1";
+    switchTs1.__initData = _worklet_6218390477926_init_data;
+    switchTs1.__stackDetails = _e;
+    return switchTs1;
+  }({
+    _worklet_6218390477926_init_data,
+    xxxs,
+    BorderSize: _const2.BorderSize,
+    colors,
+    size,
+    interpolateColor: _reactNativeReanimated.interpolateColor,
+    enabledSharedVal,
+    customColors
+  }), [size, customColors, xxxs, colors, enabledSharedVal]);
+  const thumbAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function switchTs2Factory({
+    _worklet_4968720932172_init_data,
+    interpolateColor,
+    enabledSharedVal,
+    customColors,
+    colors,
+    interpolate,
+    size
+  }) {
+    const _e = [new global.Error(), -7, -27];
+    const switchTs2 = () => ({
+      backgroundColor: interpolateColor(enabledSharedVal.get(), [0, 1], [customColors?.thumb ? colors[customColors.thumb] : colors.theme, customColors?.thumbEnabled ? colors[customColors.thumbEnabled] : colors.background]),
+      transform: [{
+        translateX: interpolate(enabledSharedVal.get(), [0, 1], [0, size])
+      }]
+    });
+    switchTs2.__closure = {
+      interpolateColor,
+      enabledSharedVal,
+      customColors,
+      colors,
+      interpolate,
+      size
+    };
+    switchTs2.__workletHash = 4968720932172;
+    switchTs2.__pluginVersion = "0.5.1";
+    switchTs2.__initData = _worklet_4968720932172_init_data;
+    switchTs2.__stackDetails = _e;
+    return switchTs2;
+  }({
+    _worklet_4968720932172_init_data,
+    interpolateColor: _reactNativeReanimated.interpolateColor,
+    enabledSharedVal,
+    customColors,
+    colors,
+    interpolate: _reactNativeReanimated.interpolate,
+    size
+  }), [size, customColors, colors, enabledSharedVal]);
+  let t5;
+  if ($[11] !== enabled || $[12] !== handleAnimation) {
+    t5 = () => {
+      handleAnimation(enabled ? 1 : 0);
+    };
+    $[11] = enabled;
+    $[12] = handleAnimation;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== enabled) {
+    t6 = [enabled];
+    $[14] = enabled;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  (0, _react.useEffect)(t5, t6);
+  let t7;
+  if ($[16] !== thumbAnimatedStyle || $[17] !== toggleSwitch || $[18] !== trackAnimatedStyle) {
+    t7 = {
+      toggleSwitch,
+      trackAnimatedStyle,
+      thumbAnimatedStyle
+    };
+    $[16] = thumbAnimatedStyle;
+    $[17] = toggleSwitch;
+    $[18] = trackAnimatedStyle;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const switchProps = t7;
+  return switchProps;
+}
+//# sourceMappingURL=switch.js.map

package/lib/commonjs/hooks/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_func","_const","_const2","_btn","_reanimated","_theme","_worklet_6218390477926_init_data","code","location","sourceMap","_worklet_4968720932172_init_data","useThemedSwitch","onPress","t0","t1","onPressDelayConfig","customEnableAnimation","customDisableAnimation","customColors","$","_compilerRuntime","c","enabled","undefined","size","SwitchSize","M","xxxs","useThemeSpacing","colors","useThemeColors","enabledSharedVal","useAnimationSharedVal","t2","get","pressableOnPress","delayedOnPress","useDelayedOnPress","t3","toVal","cb","updateSharedValWithTiming","duration","switchAnimationDuration","handleAnimation","t4","event","toggleSwitch","trackAnimatedStyle","useAnimatedStyle","switchTs1Factory","BorderSize","interpolateColor","_e","global","Error","switchTs1","padding","borderWidth","S","borderColor","theme","width","border","borderEnabled","backgroundColor","background","backgroundEnabled","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","thumbAnimatedStyle","switchTs2Factory","interpolate","switchTs2","thumb","thumbEnabled","transform","translateX","t5","t6","useEffect","t7","switchProps"],"sourceRoot":"../../../src","sources":["hooks/switch.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/theme.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorSchemeTheme = useColorSchemeTheme;
+exports.useIsDarkColorScheme = useIsDarkColorScheme;
+exports.useTheme = useTheme;
+exports.useThemeBorderRadii = useThemeBorderRadii;
+exports.useThemeBreakpoint = useThemeBreakpoint;
+exports.useThemeBreakpointValues = useThemeBreakpointValues;
+exports.useThemeBreakpoints = useThemeBreakpoints;
+exports.useThemeColors = useThemeColors;
+exports.useThemeSpacing = useThemeSpacing;
+exports.useThemeTextVariants = useThemeTextVariants;
+exports.useThemeZIndices = useThemeZIndices;
+var _compilerRuntime = require("react/compiler-runtime");
+var _restyle = require("@shopify/restyle");
+var _reactNative = require("react-native");
+var _const = require("../utils/theme/const.js");
+/** @internal */
+function useTheme() {
+  return (0, _restyle.useTheme)();
+}
+function useThemeColors() {
+  return useTheme().colors;
+}
+function useThemeSpacing() {
+  return useTheme().spacing;
+}
+function useThemeBreakpoints() {
+  return useTheme().breakpoints;
+}
+function useThemeBreakpointValues(propValue) {
+  return (0, _restyle.useResponsiveProp)(propValue);
+}
+function useThemeBreakpoint() {
+  const $ = (0, _compilerRuntime.c)(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      smallPhone: "smallPhone",
+      phone: "phone",
+      smallTablet: "smallTablet",
+      tablet: "tablet",
+      desktop: "desktop"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const responsiveVal = t0;
+  return useThemeBreakpointValues(responsiveVal);
+}
+function useThemeZIndices() {
+  return useTheme().zIndices;
+}
+function useThemeBorderRadii() {
+  return useTheme().borderRadii;
+}
+function useThemeTextVariants() {
+  return useTheme().textVariants;
+}
+function useIsDarkColorScheme(overrideColorScheme) {
+  const colorScheme = (0, _reactNative.useColorScheme)();
+  return (overrideColorScheme ?? colorScheme) === "dark";
+}
+function useColorSchemeTheme(overrideColorScheme) {
+  return useIsDarkColorScheme(overrideColorScheme) ? _const.darkTheme : _const.lightTheme;
+}
+//# sourceMappingURL=theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_restyle","require","_reactNative","_const","useTheme","useThemeColors","colors","useThemeSpacing","spacing","useThemeBreakpoints","breakpoints","useThemeBreakpointValues","propValue","useResponsiveProp","useThemeBreakpoint","$","_compilerRuntime","c","t0","Symbol","for","smallPhone","phone","smallTablet","tablet","desktop","responsiveVal","useThemeZIndices","zIndices","useThemeBorderRadii","borderRadii","useThemeTextVariants","textVariants","useIsDarkColorScheme","overrideColorScheme","colorScheme","useColorScheme","useColorSchemeTheme","darkTheme","lightTheme"],"sourceRoot":"../../../src","sources":["hooks/theme.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAEA;AACO,SAAAG,SAAA;EAAA,OACE,IAAAJ,QAAA,CAAAI,QAAA,EAAuB,CAAC;AAAA;AAG1B,SAAAC,eAAA;EAAA,OACED,QAAA,CAAS,CAAC,CAAAE,MAAA;AAAA;AAGZ,SAAAC,gBAAA;EAAA,OACEH,QAAA,CAAS,CAAC,CAAAI,OAAA;AAAA;AAGZ,SAAAC,oBAAA;EAAA,OACEL,QAAA,CAAS,CAAC,CAAAM,WAAA;AAAA;AAGZ,SAAAC,yBAAAC,SAAA;EAAA,OAGE,IAAAZ,QAAA,CAAAa,iBAAA,EAAkBD,SAAS,CAAC;AAAA;AAG9B,SAAAE,mBAAA;EAAA,MAAAC,CAAA,OAAAC,gBAAA,CAAAC,CAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAI,MAAA,CAAAC,GAAA;IACmEF,EAAA;MAAAG,UAAA,EAC1D,YAAY;MAAAC,KAAA,EACjB,OAAO;MAAAC,WAAA,EACD,aAAa;MAAAC,MAAA,EAClB,QAAQ;MAAAC,OAAA,EACP;IAAS;IACnBV,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAND,MAAAW,aAAA,GAAwER,EAMvE;EAAC,OAEKP,wBAAA,CAAyBe,aAAa,CAAC;AAAA;AAGzC,SAAAC,iBAAA;EAAA,OACEvB,QAAA,CAAS,CAAC,CAAAwB,QAAA;AAAA;AAGZ,SAAAC,oBAAA;EAAA,OACEzB,QAAA,CAAS,CAAC,CAAA0B,WAAA;AAAA;AAGZ,SAAAC,qBAAA;EAAA,OACE3B,QAAA,CAAS,CAAC,CAAA4B,YAAA;AAAA;AAGZ,SAAAC,qBAAAC,mBAAA;EACL,MAAAC,WAAA,GAAoB,IAAAjC,YAAA,CAAAkC,cAAA,EAAe,CAAC;EAAC,OAE9B,CAACF,mBAAmB,IAAIC,WAAW,MAAM,MAAM;AAAA;AAGjD,SAAAE,oBAAAH,mBAAA;EAAA,OACED,oBAAA,CAAqBC,mBAAmB,CAAC,GAAA/B,MAAA,CAAAmC,SAAA,GAAAnC,MAAA,CAAAoC,UAAyB;AAAA","ignoreList":[]}

package/lib/commonjs/hooks/view.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useViewRef = useViewRef;
+var _react = require("react");
+function useViewRef() {
+  return (0, _react.useRef)(null);
+}
+//# sourceMappingURL=view.js.map

package/lib/commonjs/hooks/view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useViewRef","useRef"],"sourceRoot":"../../../src","sources":["hooks/view.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,SAAAC,WAAA;EAAA,OACE,IAAAF,MAAA,CAAAG,MAAA,MAAiB,CAAC;AAAA","ignoreList":[]}