@hanzogui/react-native-web-lite 2.0.0

package/dist/cjs/without-animated.cjs

@@ -0,0 +1,331 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default")),
+  __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var without_animated_exports = {};
+__export(without_animated_exports, {
+  AccessibilityInfo: () => import_AccessibilityInfo.AccessibilityInfo,
+  AccessibilityUtil: () => import_react_native_web_internals.AccessibilityUtil,
+  ActivityIndicator: () => import_ActivityIndicator.ActivityIndicator,
+  Alert: () => import_Alert.Alert,
+  Animated: () => Animated,
+  AppRegistry: () => import_AppRegistry.AppRegistry,
+  AppState: () => import_AppState.AppState,
+  Appearance: () => import_Appearance.Appearance,
+  BackHandler: () => import_BackHandler.BackHandler,
+  Clipboard: () => import_Clipboard.Clipboard,
+  DeviceEmitter: () => import_DeviceEmitter.DeviceEmitter,
+  DeviceEventEmitter: () => import_DeviceEmitter2.DeviceEmitter,
+  DeviceInfo: () => import_DeviceInfo.DeviceInfo,
+  Dimensions: () => import_Dimensions.Dimensions,
+  DrawerLayoutAndroid: () => import_UnimplementedView.UnimplementedView,
+  Easing: () => Easing,
+  FlatList: () => import_UnimplementedView4.UnimplementedView,
+  I18nManager: () => import_I18nManager.I18nManager,
+  Image: () => import_Image.Image,
+  ImageBackground: () => import_ImageBackground.ImageBackground,
+  ImageLoader: () => import_react_native_web_internals.ImageLoader,
+  InteractionManager: () => import_react_native_web_internals.InteractionManager,
+  Keyboard: () => import_Keyboard.Keyboard,
+  KeyboardAvoidingView: () => import_KeyboardAvoidingView.KeyboardAvoidingView,
+  Linking: () => import_Linking.Linking,
+  LocaleProvider: () => import_react_native_web_internals.LocaleProvider,
+  LogBox: () => import_LogBox.LogBox,
+  Modal: () => import_Modal.Modal,
+  NativeEventEmitter: () => import_NativeEventEmitter.default,
+  NativeModules: () => import_NativeModules.NativeModules,
+  PanResponder: () => import_PanResponder.PanResponder,
+  PixelRatio: () => import_PixelRatio.PixelRatio,
+  Platform: () => import_react_native_web_internals.Platform,
+  Pressable: () => import_Pressable.Pressable,
+  RefreshControl: () => import_RefreshControl.RefreshControl,
+  RootTagContext: () => RootTagContext,
+  SafeAreaView: () => import_SafeAreaView.SafeAreaView,
+  ScrollView: () => import_ScrollView.ScrollView,
+  SectionList: () => import_UnimplementedView7.UnimplementedView,
+  Share: () => import_Share.Share,
+  StatusBar: () => import_StatusBar.StatusBar,
+  StyleSheet: () => import_react_native_web_internals.StyleSheet,
+  Switch: () => import_UnimplementedView2.UnimplementedView,
+  Text: () => import_Text.Text,
+  TextAncestorContext: () => import_react_native_web_internals.TextAncestorContext,
+  TextInput: () => import_TextInput.TextInput,
+  Touchable: () => import_TouchableOpacity.TouchableOpacity,
+  TouchableHighlight: () => import_UnimplementedView5.UnimplementedView,
+  TouchableNativeFeedback: () => import_UnimplementedView6.UnimplementedView,
+  TouchableOpacity: () => import_TouchableOpacity.TouchableOpacity,
+  TouchableWithoutFeedback: () => import_TouchableWithoutFeedback.TouchableWithoutFeedback,
+  UIManager: () => import_react_native_web_internals.UIManager,
+  Vibration: () => import_Vibration.Vibration,
+  View: () => import_View.View,
+  VirtualizedList: () => import_UnimplementedView3.UnimplementedView,
+  canUseDOM: () => import_react_native_web_internals.canUseDOM,
+  clickProps: () => import_react_native_web_internals.clickProps,
+  createDOMProps: () => import_react_native_web_internals.createDOMProps,
+  dismissKeyboard: () => import_react_native_web_internals.dismissKeyboard,
+  findNodeHandle: () => findNodeHandle,
+  flattenStyle: () => import_react_native_web_internals.flattenStyle,
+  isWebColor: () => import_react_native_web_internals.isWebColor,
+  mergeRefs: () => import_react_native_web_internals.mergeRefs,
+  normalizeColor: () => import_react_native_web_internals.normalizeColor,
+  processColor: () => import_react_native_web_internals.processColor,
+  processStyle: () => import_react_native_web_internals.processStyle,
+  render: () => import_render.render,
+  requireNativeComponent: () => requireNativeComponent,
+  unstable_batchedUpdates: () => import_react_dom.unstable_batchedUpdates,
+  unstable_createElement: () => import_createElement.createElement,
+  useColorScheme: () => import_useColorScheme.useColorScheme,
+  useEvent: () => import_react_native_web_internals.useEvent,
+  useHover: () => import_react_native_web_internals.useHover,
+  useLayoutEffect: () => import_react_native_web_internals.useLayoutEffect,
+  useLocaleContext: () => import_useLocaleContext.useLocaleContext,
+  useMergeRefs: () => import_react_native_web_internals.useMergeRefs,
+  usePlatformMethods: () => import_react_native_web_internals.usePlatformMethods,
+  useWindowDimensions: () => import_useWindowDimensions.useWindowDimensions
+});
+module.exports = __toCommonJS(without_animated_exports);
+var import_react = require("react"),
+  import_createElement = require("./createElement/index.cjs"),
+  import_react_native_web_internals = require("@hanzogui/react-native-web-internals"),
+  import_render = require("./render/index.cjs"),
+  import_NativeModules = require("./NativeModules/index.cjs"),
+  import_NativeEventEmitter = __toESM(require("./vendor/react-native/EventEmitter/NativeEventEmitter.cjs"), 1),
+  import_AccessibilityInfo = require("./AccessibilityInfo/index.cjs"),
+  import_Alert = require("./Alert/index.cjs"),
+  import_Appearance = require("./Appearance/index.cjs"),
+  import_AppRegistry = require("./AppRegistry/index.cjs"),
+  import_AppState = require("./AppState/index.cjs"),
+  import_BackHandler = require("./BackHandler/index.cjs"),
+  import_Clipboard = require("./Clipboard/index.cjs"),
+  import_DeviceInfo = require("./DeviceInfo/index.cjs"),
+  import_DeviceEmitter = require("./DeviceEmitter.cjs"),
+  import_DeviceEmitter2 = require("./DeviceEmitter.cjs"),
+  import_Dimensions = require("./Dimensions/index.cjs"),
+  import_I18nManager = require("./I18nManager/index.cjs"),
+  import_Keyboard = require("./Keyboard/index.cjs"),
+  import_Linking = require("./Linking/index.cjs"),
+  import_PanResponder = require("./PanResponder/index.cjs"),
+  import_PixelRatio = require("./PixelRatio/index.cjs"),
+  import_Share = require("./Share/index.cjs"),
+  import_Vibration = require("./Vibration/index.cjs"),
+  import_UnimplementedView = require("./UnimplementedView.cjs"),
+  import_UnimplementedView2 = require("./UnimplementedView.cjs"),
+  import_UnimplementedView3 = require("./UnimplementedView.cjs"),
+  import_UnimplementedView4 = require("./UnimplementedView.cjs"),
+  import_UnimplementedView5 = require("./UnimplementedView.cjs"),
+  import_UnimplementedView6 = require("./UnimplementedView.cjs"),
+  import_UnimplementedView7 = require("./UnimplementedView.cjs"),
+  import_TouchableOpacity = require("./TouchableOpacity.cjs"),
+  import_TouchableWithoutFeedback = require("./TouchableWithoutFeedback.cjs"),
+  import_ActivityIndicator = require("./ActivityIndicator/index.cjs"),
+  import_Image = require("./Image/index.cjs"),
+  import_ImageBackground = require("./ImageBackground/index.cjs"),
+  import_KeyboardAvoidingView = require("./KeyboardAvoidingView/index.cjs"),
+  import_Modal = require("./Modal/index.cjs"),
+  import_Pressable = require("./Pressable/index.cjs"),
+  import_RefreshControl = require("./RefreshControl/index.cjs"),
+  import_SafeAreaView = require("./SafeAreaView/index.cjs"),
+  import_ScrollView = require("./ScrollView/index.cjs"),
+  import_StatusBar = require("./StatusBar/index.cjs"),
+  import_Text = require("./Text/index.cjs"),
+  import_TextInput = require("./TextInput/index.cjs"),
+  import_View = require("./View/index.cjs"),
+  import_LogBox = require("./LogBox/index.cjs"),
+  import_useColorScheme = require("./useColorScheme/index.cjs"),
+  import_useLocaleContext = require("./useLocaleContext/index.cjs"),
+  import_useWindowDimensions = require("./useWindowDimensions/index.cjs");
+__reExport(without_animated_exports, require("@hanzogui/react-native-web-internals"), module.exports);
+var import_View2 = require("./View/index.cjs"),
+  import_Text2 = require("./Text/index.cjs"),
+  import_Image2 = require("./Image/index.cjs"),
+  import_ScrollView2 = require("./ScrollView/index.cjs"),
+  import_react_dom = require("react-dom");
+function requireNativeComponent(name) {
+  return function () {
+    return null;
+  };
+}
+class AnimatedValue {
+  _value;
+  _offset;
+  _listeners;
+  _nextId;
+  constructor(value = 0) {
+    this._value = value, this._offset = 0, this._listeners = {}, this._nextId = 0;
+  }
+  setValue(value) {
+    this._value = value, this._notifyListeners();
+  }
+  setOffset(offset) {
+    this._offset = offset;
+  }
+  flattenOffset() {
+    this._value += this._offset, this._offset = 0;
+  }
+  extractOffset() {
+    this._offset = this._value, this._value = 0;
+  }
+  addListener(callback) {
+    const id = String(this._nextId++);
+    return this._listeners[id] = callback, id;
+  }
+  removeListener(id) {
+    delete this._listeners[id];
+  }
+  removeAllListeners() {
+    this._listeners = {};
+  }
+  stopAnimation(callback) {
+    callback?.(this._value);
+  }
+  resetAnimation(callback) {
+    callback?.(this._value);
+  }
+  interpolate(config) {
+    return new AnimatedValue(this._value);
+  }
+  _notifyListeners() {
+    for (const key in this._listeners) this._listeners[key]({
+      value: this._value
+    });
+  }
+  __getValue() {
+    return this._value + this._offset;
+  }
+}
+class AnimatedValueXY {
+  x;
+  y;
+  constructor(value) {
+    this.x = new AnimatedValue(value?.x ?? 0), this.y = new AnimatedValue(value?.y ?? 0);
+  }
+  setValue(value) {
+    this.x.setValue(value.x), this.y.setValue(value.y);
+  }
+  setOffset(offset) {
+    this.x.setOffset(offset.x), this.y.setOffset(offset.y);
+  }
+  flattenOffset() {
+    this.x.flattenOffset(), this.y.flattenOffset();
+  }
+  stopAnimation(callback) {
+    callback?.({
+      x: this.x._value,
+      y: this.y._value
+    });
+  }
+  addListener(callback) {
+    const xId = this.x.addListener(() => {
+      callback({
+        x: this.x._value,
+        y: this.y._value
+      });
+    });
+    return this.y.addListener(() => {
+      callback({
+        x: this.x._value,
+        y: this.y._value
+      });
+    }), xId;
+  }
+  removeAllListeners() {
+    this.x.removeAllListeners(), this.y.removeAllListeners();
+  }
+  getLayout() {
+    return {
+      left: this.x,
+      top: this.y
+    };
+  }
+  getTranslateTransform() {
+    return [{
+      translateX: this.x
+    }, {
+      translateY: this.y
+    }];
+  }
+}
+const noopAnim = {
+    start: cb => cb?.({
+      finished: !0
+    }),
+    stop: () => {},
+    reset: () => {}
+  },
+  Animated = {
+    View: import_View2.View,
+    Text: import_Text2.Text,
+    Image: import_Image2.Image,
+    ScrollView: import_ScrollView2.ScrollView,
+    FlatList: import_View2.View,
+    SectionList: import_View2.View,
+    Value: AnimatedValue,
+    ValueXY: AnimatedValueXY,
+    timing: () => noopAnim,
+    spring: () => noopAnim,
+    decay: () => noopAnim,
+    sequence: () => noopAnim,
+    parallel: () => noopAnim,
+    stagger: () => noopAnim,
+    loop: () => noopAnim,
+    event: () => () => {},
+    add: (a, b) => new AnimatedValue(0),
+    subtract: (a, b) => new AnimatedValue(0),
+    multiply: (a, b) => new AnimatedValue(0),
+    divide: (a, b) => new AnimatedValue(0),
+    modulo: (a, b) => new AnimatedValue(0),
+    diffClamp: (a, min, max) => new AnimatedValue(0),
+    delay: () => noopAnim,
+    createAnimatedComponent: c => c
+  },
+  Easing = {
+    step0: () => 0,
+    step1: () => 1,
+    linear: t => t,
+    ease: t => t,
+    quad: t => t * t,
+    cubic: t => t * t * t,
+    poly: () => t => t,
+    sin: t => t,
+    circle: t => t,
+    exp: t => t,
+    elastic: () => t => t,
+    back: () => t => t,
+    bounce: t => t,
+    bezier: () => t => t,
+    in: fn => fn,
+    out: fn => fn,
+    inOut: fn => fn
+  },
+  findNodeHandle = component => {
+    throw new Error("not supported - use ref instead");
+  },
+  RootTagContext = (0, import_react.createContext)(null);

package/dist/esm/AccessibilityInfo/index.mjs

@@ -0,0 +1,74 @@
+import { canUseDOM } from "@hanzogui/react-native-web-internals";
+function isScreenReaderEnabled() {
+  return new Promise((resolve, reject) => {
+    resolve(!0);
+  });
+}
+const prefersReducedMotionMedia = canUseDOM && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+function isReduceMotionEnabled() {
+  return new Promise((resolve, reject) => {
+    resolve(prefersReducedMotionMedia ? prefersReducedMotionMedia.matches : !0);
+  });
+}
+function addChangeListener(fn) {
+  prefersReducedMotionMedia != null && (prefersReducedMotionMedia.addEventListener != null ? prefersReducedMotionMedia.addEventListener("change", fn) : prefersReducedMotionMedia.addListener(fn));
+}
+function removeChangeListener(fn) {
+  prefersReducedMotionMedia != null && (prefersReducedMotionMedia.removeEventListener != null ? prefersReducedMotionMedia.removeEventListener("change", fn) : prefersReducedMotionMedia.removeListener(fn));
+}
+const handlers = {},
+  AccessibilityInfo = {
+    /**
+     * Query whether a screen reader is currently enabled.
+     *
+     * Returns a promise which resolves to a boolean.
+     * The result is `true` when a screen reader is enabled and `false` otherwise.
+     */
+    isScreenReaderEnabled,
+    /**
+     * Query whether the user prefers reduced motion.
+     *
+     * Returns a promise which resolves to a boolean.
+     * The result is `true` when a screen reader is enabled and `false` otherwise.
+     */
+    isReduceMotionEnabled,
+    /**
+     * Deprecated
+     */
+    fetch: isScreenReaderEnabled,
+    /**
+     * Add an event handler. Supported events: reduceMotionChanged
+     */
+    addEventListener: function (eventName, handler) {
+      if (eventName === "reduceMotionChanged") {
+        if (!prefersReducedMotionMedia) return;
+        const listener = event => {
+          handler(event.matches);
+        };
+        addChangeListener(listener), handlers[handler] = listener;
+      }
+      return {
+        remove: () => AccessibilityInfo.removeEventListener(eventName, handler)
+      };
+    },
+    /**
+     * Set accessibility focus to a react component.
+     */
+    setAccessibilityFocus: function (reactTag) {},
+    /**
+     * Post a string to be announced by the screen reader.
+     */
+    announceForAccessibility: function (announcement) {},
+    /**
+     * Remove an event handler.
+     */
+    removeEventListener: function (eventName, handler) {
+      if (eventName === "reduceMotionChanged") {
+        const listener = handlers[handler];
+        if (!listener || !prefersReducedMotionMedia) return;
+        removeChangeListener(listener);
+      }
+    }
+  };
+export { AccessibilityInfo };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/AccessibilityInfo/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["canUseDOM","isScreenReaderEnabled","Promise","resolve","reject","prefersReducedMotionMedia","window","matchMedia","isReduceMotionEnabled","matches","addChangeListener","fn","addEventListener","addListener","removeChangeListener","removeEventListener","removeListener","handlers","AccessibilityInfo","fetch","eventName","handler","listener","event","remove","setAccessibilityFocus","reactTag","announceForAccessibility","announcement"],"sources":["../../../src/AccessibilityInfo/index.tsx"],"sourcesContent":[null],"mappings":"AAQA,SAASA,SAAA,QAAiB;AAE1B,SAASC,sBAAA,EAA0C;EACjD,OAAO,IAAIC,OAAA,CAAQ,CAACC,OAAA,EAASC,MAAA,KAAW;IACtCD,OAAA,CAAQ,EAAI;EACd,CAAC;AACH;AAEA,MAAME,yBAAA,GACJL,SAAA,IAAa,OAAOM,MAAA,CAAOC,UAAA,IAAe,aACtCD,MAAA,CAAOC,UAAA,CAAW,kCAAkC,IACpD;AAEN,SAASC,sBAAA,EAA0C;EACjD,OAAO,IAAIN,OAAA,CAAQ,CAACC,OAAA,EAASC,MAAA,KAAW;IACtCD,OAAA,CAAQE,yBAAA,GAA4BA,yBAAA,CAA0BI,OAAA,GAAU,EAAI;EAC9E,CAAC;AACH;AAEA,SAASC,kBAAkBC,EAAA,EAAI;EACzBN,yBAAA,IAA6B,SAC/BA,yBAAA,CAA0BO,gBAAA,IAAoB,OAC1CP,yBAAA,CAA0BO,gBAAA,CAAiB,UAAUD,EAAE,IACvDN,yBAAA,CAA0BQ,WAAA,CAAYF,EAAE;AAEhD;AAEA,SAASG,qBAAqBH,EAAA,EAAI;EAC5BN,yBAAA,IAA6B,SAC/BA,yBAAA,CAA0BU,mBAAA,IAAuB,OAC7CV,yBAAA,CAA0BU,mBAAA,CAAoB,UAAUJ,EAAE,IAC1DN,yBAAA,CAA0BW,cAAA,CAAeL,EAAE;AAEnD;AAEA,MAAMM,QAAA,GAAW,CAAC;EAELC,iBAAA,GAAoB;IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAO/BjB,qBAAA;IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQAO,qBAAA;IAAA;AAAA;AAAA;IAKAW,KAAA,EAAOlB,qBAAA;IAAA;AAAA;AAAA;IAKPW,gBAAA,EAAkB,SAAAA,CAAUQ,SAAA,EAAmBC,OAAA,EAAwB;MACrE,IAAID,SAAA,KAAc,uBAAuB;QACvC,IAAI,CAACf,yBAAA,EACH;QAEF,MAAMiB,QAAA,GAAYC,KAAA,IAAU;UAC1BF,OAAA,CAAQE,KAAA,CAAMd,OAAO;QACvB;QACAC,iBAAA,CAAkBY,QAAQ,GAE1BL,QAAA,CAASI,OAAO,IAAIC,QAAA;MACtB;MAEA,OAAO;QACLE,MAAA,EAAQA,CAAA,KAAMN,iBAAA,CAAkBH,mBAAA,CAAoBK,SAAA,EAAWC,OAAO;MACxE;IACF;IAAA;AAAA;AAAA;IAKAI,qBAAA,EAAuB,SAAAA,CAAUC,QAAA,EAAwB,CAAC;IAAA;AAAA;AAAA;IAK1DC,wBAAA,EAA0B,SAAAA,CAAUC,YAAA,EAA4B,CAAC;IAAA;AAAA;AAAA;IAKjEb,mBAAA,EAAqB,SAAAA,CAAUK,SAAA,EAAmBC,OAAA,EAAyB;MACzE,IAAID,SAAA,KAAc,uBAAuB;QAEvC,MAAME,QAAA,GAAWL,QAAA,CAASI,OAAO;QACjC,IAAI,CAACC,QAAA,IAAY,CAACjB,yBAAA,EAChB;QAEFS,oBAAA,CAAqBQ,QAAQ;MAC/B;IAEF;EACF","ignoreList":[]}

package/dist/esm/ActivityIndicator/__tests__/index-test.mjs

@@ -0,0 +1,167 @@
+import { render } from "@testing-library/react";
+import { createEventTarget } from "dom-event-testing-library";
+import React from "react";
+import { act } from "react-dom/test-utils";
+import ActivityIndicator from "../index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("components/ActivityIndicator", () => {
+  describe('prop "accessibilityLabel"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        accessibilityLabel: "accessibility label"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "accessibilityLiveRegion"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        accessibilityLiveRegion: "polite"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "animating"', () => {
+    test('is "true"', () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        animating: !0
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    }), test('is "false"', () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        animating: !1
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), test('prop "color"', () => {
+    const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        color: "red"
+      })),
+      svg = container.firstChild.querySelector("svg");
+    expect(svg).toMatchSnapshot();
+  }), describe('prop "dataSet"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        dataSet: {
+          one: "one",
+          two: "two"
+        }
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "hidesWhenStopped"', () => {
+    test('is "true"', () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        animating: !1,
+        hidesWhenStopped: !0
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    }), test('is "false"', () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        animating: !1,
+        hidesWhenStopped: !1
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "nativeID"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        nativeID: "123"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "onBlur"', () => {
+    test("is called", () => {
+      const onBlur = jest.fn(),
+        ref = React.createRef();
+      act(() => {
+        render(/* @__PURE__ */jsx(ActivityIndicator, {
+          onBlur,
+          ref
+        }));
+      });
+      const target = createEventTarget(ref.current),
+        body = createEventTarget(document.body);
+      act(() => {
+        target.focus(), body.focus({
+          relatedTarget: target.node
+        });
+      }), expect(onBlur).toBeCalled();
+    });
+  }), describe('prop "onFocus"', () => {
+    test("is called", () => {
+      const onFocus = jest.fn(),
+        ref = React.createRef();
+      act(() => {
+        render(/* @__PURE__ */jsx(ActivityIndicator, {
+          onFocus,
+          ref
+        }));
+      });
+      const target = createEventTarget(ref.current);
+      act(() => {
+        target.focus();
+      }), expect(onFocus).toBeCalled();
+    });
+  }), describe('prop "ref"', () => {
+    test("value is set", () => {
+      const ref = jest.fn();
+      render(/* @__PURE__ */jsx(ActivityIndicator, {
+        ref
+      })), expect(ref).toBeCalled();
+    });
+  }), describe('prop "size"', () => {
+    test('is "large"', () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        size: "large"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    }), test("is a number", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        size: 30
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "style"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        style: {
+          borderWidth: 5
+        }
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "testID"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = render(/* @__PURE__ */jsx(ActivityIndicator, {
+        testID: "123"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
+});
+//# sourceMappingURL=index-test.mjs.map

package/dist/esm/ActivityIndicator/__tests__/index-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["render","createEventTarget","React","act","ActivityIndicator","jsx","describe","test","container","accessibilityLabel","expect","firstChild","toMatchSnapshot","accessibilityLiveRegion","animating","color","svg","querySelector","dataSet","one","two","hidesWhenStopped","nativeID","onBlur","jest","fn","ref","createRef","target","current","body","document","focus","relatedTarget","node","toBeCalled","onFocus","size","style","borderWidth","testID"],"sources":["../../../../src/ActivityIndicator/__tests__/index-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ActivityIndicator/index.mjs

@@ -0,0 +1,93 @@
+import * as React from "react";
+import { StyleSheet } from "@hanzogui/react-native-web-internals";
+import { View } from "../View/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const createSvgCircle = style => /* @__PURE__ */jsx("circle", {
+    cx: "16",
+    cy: "16",
+    fill: "none",
+    r: "14",
+    strokeWidth: "4",
+    style
+  }),
+  ActivityIndicator = React.forwardRef((props, forwardedRef) => {
+    const {
+        animating = !0,
+        color = "#1976D2",
+        hidesWhenStopped = !0,
+        size = "small",
+        style,
+        ...other
+      } = props,
+      svg = /* @__PURE__ */jsxs("svg", {
+        height: "100%",
+        viewBox: "0 0 32 32",
+        width: "100%",
+        children: [createSvgCircle({
+          stroke: color,
+          opacity: 0.2
+        }), createSvgCircle({
+          stroke: color,
+          strokeDasharray: 80,
+          strokeDashoffset: 60
+        })]
+      });
+    return /* @__PURE__ */jsx(View, {
+      ...other,
+      accessibilityRole: "progressbar",
+      accessibilityValueMax: 1,
+      accessibilityValueMin: 0,
+      ref: forwardedRef,
+      style: [styles.container, style],
+      children: /* @__PURE__ */jsx(View, {
+        children: svg,
+        style: [typeof size == "number" ? {
+          height: size,
+          width: size
+        } : indicatorSizes[size], styles.animation, !animating && styles.animationPause, !animating && hidesWhenStopped && styles.hidesWhenStopped]
+      })
+    });
+  });
+ActivityIndicator.displayName = "ActivityIndicator";
+const styles = StyleSheet.create({
+    container: {
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    hidesWhenStopped: {
+      visibility: "hidden"
+    },
+    animation: {
+      animationDuration: "0.75s",
+      animationKeyframes: [{
+        "0%": {
+          transform: [{
+            rotate: "0deg"
+          }]
+        },
+        "100%": {
+          transform: [{
+            rotate: "360deg"
+          }]
+        }
+      }],
+      animationTimingFunction: "linear",
+      animationIterationCount: "infinite"
+    },
+    animationPause: {
+      animationPlayState: "paused"
+    }
+  }),
+  indicatorSizes = StyleSheet.create({
+    small: {
+      width: 20,
+      height: 20
+    },
+    large: {
+      width: 36,
+      height: 36
+    }
+  });
+var ActivityIndicator_default = ActivityIndicator;
+export { ActivityIndicator, ActivityIndicator_default as default };
+//# sourceMappingURL=index.mjs.map