@hps1978/react-native-web-tv 0.21.2-tv.0

package/dist/exports/AppState/index.js.flow

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+
+'use client';
+
+import invariant from 'fbjs/lib/invariant';
+import EventEmitter from '../../vendor/react-native/vendor/emitter/EventEmitter';
+import canUseDOM from '../../modules/canUseDom';
+
+// Android 4.4 browser
+const isPrefixed = canUseDOM && !document.hasOwnProperty('hidden') && document.hasOwnProperty('webkitHidden');
+const EVENT_TYPES = ['change', 'memoryWarning'];
+const VISIBILITY_CHANGE_EVENT = isPrefixed ? 'webkitvisibilitychange' : 'visibilitychange';
+const VISIBILITY_STATE_PROPERTY = isPrefixed ? 'webkitVisibilityState' : 'visibilityState';
+const AppStates = {
+  BACKGROUND: 'background',
+  ACTIVE: 'active'
+};
+let changeEmitter = null;
+declare export default class AppState {
+  static isAvailable: any,
+  static currentState(): any,
+  static addEventListener(type: string, handler: Function): any,
+}

package/dist/exports/Appearance/index.js

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+import canUseDOM from '../../modules/canUseDom';
+function getQuery() {
+  return canUseDOM && window.matchMedia != null ? window.matchMedia('(prefers-color-scheme: dark)') : null;
+}
+var query = getQuery();
+var listenerMapping = new WeakMap();
+var Appearance = {
+  getColorScheme() {
+    return query && query.matches ? 'dark' : 'light';
+  },
+  addChangeListener(listener) {
+    var mappedListener = listenerMapping.get(listener);
+    if (!mappedListener) {
+      mappedListener = _ref => {
+        var matches = _ref.matches;
+        listener({
+          colorScheme: matches ? 'dark' : 'light'
+        });
+      };
+      listenerMapping.set(listener, mappedListener);
+    }
+    if (query) {
+      query.addListener(mappedListener);
+    }
+    function remove() {
+      var mappedListener = listenerMapping.get(listener);
+      if (query && mappedListener) {
+        query.removeListener(mappedListener);
+      }
+      listenerMapping.delete(listener);
+    }
+    return {
+      remove
+    };
+  }
+};
+export default Appearance;

package/dist/exports/Appearance/index.js.flow

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use client';
+
+import canUseDOM from '../../modules/canUseDom';
+export type ColorSchemeName = 'light' | 'dark';
+export type AppearancePreferences = {|
+  colorScheme: ColorSchemeName
+|};
+type AppearanceListener = (preferences: AppearancePreferences) => void;
+type DOMAppearanceListener = (ev: MediaQueryListEvent) => any;
+declare function getQuery(): MediaQueryList | null;
+const query = getQuery();
+const listenerMapping = new WeakMap<AppearanceListener, DOMAppearanceListener>();
+const Appearance = {
+  getColorScheme(): ColorSchemeName {
+    return query && query.matches ? 'dark' : 'light';
+  },
+  addChangeListener(listener: AppearanceListener): {
+    remove: () => void
+  } {
+    let mappedListener = listenerMapping.get(listener);
+    if (!mappedListener) {
+      mappedListener = ({
+        matches
+      }: MediaQueryListEvent) => {
+        listener({
+          colorScheme: matches ? 'dark' : 'light'
+        });
+      };
+      listenerMapping.set(listener, mappedListener);
+    }
+    if (query) {
+      query.addListener(mappedListener);
+    }
+    declare function remove(): void;
+    return {
+      remove
+    };
+  }
+};
+export default Appearance;

package/dist/exports/BackHandler/index.js

@@ -0,0 +1,63 @@
+var _window;
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+// On Web this basically uses ios stub implementation.
+// But for Web TV platforms we will allow App to configure the key through window.appConfig.keyMap
+// with keyMap.Back set to the keycode of the key they want to use as back button for specific TV platform.
+
+import TVEventHandler from '../TV/TVEventHandler';
+import Platform from '../Platform';
+function emptyFunction() {}
+var BackHandler = {
+  exitApp: emptyFunction,
+  addEventListener: function addEventListener(_eventName, _handler) {
+    console.warn('BackHandler is only supported if window.appConfig.keyMap.Back is configured for Web TV platforms.');
+    return {
+      remove: emptyFunction
+    };
+  },
+  removeEventListener: function removeEventListener(eventName, handler) {
+    console.warn('BackHandler is only supported if window.appConfig.keyMap.Back is configured for Web TV platforms.');
+    return;
+  }
+};
+if (Platform.isTV && typeof window !== 'undefined' && (_window = window) != null && (_window = _window.appConfig) != null && (_window = _window.keyMap) != null && _window['Back']) {
+  var _backPressSubscriptions = new Set();
+  TVEventHandler.addListener(function (evt) {
+    var _window2;
+    if (evt && evt.keyCode === ((_window2 = window) == null || (_window2 = _window2.appConfig) == null || (_window2 = _window2.keyMap) == null ? void 0 : _window2['Back'])) {
+      var invokeDefault = true;
+      var subscriptions = Array.from(_backPressSubscriptions.values()).reverse();
+      for (var i = 0; i < subscriptions.length; ++i) {
+        if (subscriptions[i]()) {
+          invokeDefault = false;
+          break;
+        }
+      }
+      if (invokeDefault) {
+        BackHandler.exitApp();
+      }
+    }
+  });
+  BackHandler = {
+    exitApp: emptyFunction,
+    addEventListener: function addEventListener(_eventName, _handler) {
+      _backPressSubscriptions.add(_handler);
+      return {
+        remove: () => BackHandler.removeEventListener(_eventName, _handler)
+      };
+    },
+    removeEventListener: function removeEventListener(_eventName, _handler) {
+      _backPressSubscriptions.delete(_handler);
+    }
+  };
+}
+export default BackHandler;

package/dist/exports/BackHandler/index.js.flow

@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+// On Web this basically uses ios stub implementation.
+// But for Web TV platforms we will allow App to configure the key through window.appConfig.keyMap
+// with keyMap.Back set to the keycode of the key they want to use as back button for specific TV platform.
+
+import TVEventHandler from '../TV/TVEventHandler';
+import Platform from '../Platform';
+type BackPressEventName = 'backPress' | 'hardwareBackPress';
+type BackPressHandler = () => ?boolean;
+declare function emptyFunction(): void;
+type TBackHandler = {
+  exitApp(): void,
+  addEventListener(eventName: BackPressEventName, handler: BackPressHandler): {
+    remove: () => void,
+    ...
+  },
+  removeEventListener(eventName: BackPressEventName, handler: BackPressHandler): void,
+};
+let BackHandler: TBackHandler = {
+  exitApp: emptyFunction,
+  addEventListener: function (_eventName: BackPressEventName, _handler: BackPressHandler): {
+    remove: () => void,
+    ...
+  } {
+    console.warn('BackHandler is only supported if window.appConfig.keyMap.Back is configured for Web TV platforms.');
+    return {
+      remove: emptyFunction
+    };
+  },
+  removeEventListener: function (eventName: BackPressEventName, handler: BackPressHandler): void {
+    console.warn('BackHandler is only supported if window.appConfig.keyMap.Back is configured for Web TV platforms.');
+    return;
+  }
+};
+if (Platform.isTV && typeof window !== 'undefined' && window?.appConfig?.keyMap?.['Back']) {
+  const _backPressSubscriptions = new Set<() => ?boolean>();
+  TVEventHandler.addListener(function (evt) {
+    if (evt && evt.keyCode === window?.appConfig?.keyMap?.['Back']) {
+      let invokeDefault = true;
+      const subscriptions = Array.from(_backPressSubscriptions.values()).reverse();
+      for (let i = 0; i < subscriptions.length; ++i) {
+        if (subscriptions[i]()) {
+          invokeDefault = false;
+          break;
+        }
+      }
+      if (invokeDefault) {
+        BackHandler.exitApp();
+      }
+    }
+  });
+  BackHandler = {
+    exitApp: emptyFunction,
+    addEventListener: function (_eventName: BackPressEventName, _handler: () => ?boolean): {
+      remove: () => void,
+      ...
+    } {
+      _backPressSubscriptions.add(_handler);
+      return {
+        remove: () => BackHandler.removeEventListener(_eventName, _handler)
+      };
+    },
+    removeEventListener: function (_eventName: BackPressEventName, _handler: () => ?boolean) {
+      _backPressSubscriptions.delete(_handler);
+    }
+  };
+}
+export default BackHandler;

package/dist/exports/Button/index.js

@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import TouchableOpacity from '../TouchableOpacity';
+import Text from '../Text';
+//import { warnOnce } from '../../modules/warnOnce';
+
+var Button = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  // warnOnce('Button', 'Button is deprecated. Please use Pressable.');
+
+  var accessibilityLabel = props.accessibilityLabel,
+    color = props.color,
+    disabled = props.disabled,
+    hasTVPreferredFocus = props.hasTVPreferredFocus,
+    onPress = props.onPress,
+    testID = props.testID,
+    title = props.title;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    disabled: disabled,
+    focusable: !disabled,
+    hasTVPreferredFocus: hasTVPreferredFocus,
+    onPress: onPress,
+    ref: forwardedRef,
+    style: [styles.button, color && {
+      backgroundColor: color
+    }, disabled && styles.buttonDisabled],
+    testID: testID
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, disabled && styles.textDisabled]
+  }, title));
+});
+Button.displayName = 'Button';
+var styles = StyleSheet.create({
+  button: {
+    backgroundColor: '#2196F3',
+    borderRadius: 2
+  },
+  text: {
+    color: '#fff',
+    fontWeight: '500',
+    padding: 8,
+    textAlign: 'center',
+    textTransform: 'uppercase'
+  },
+  buttonDisabled: {
+    backgroundColor: '#dfdfdf'
+  },
+  textDisabled: {
+    color: '#a1a1a1'
+  }
+});
+export default Button;

package/dist/exports/Button/index.js.flow

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import * as React from 'react';
+import StyleSheet from '../StyleSheet';
+import TouchableOpacity from '../TouchableOpacity';
+import Text from '../Text';
+//import { warnOnce } from '../../modules/warnOnce';
+
+type ButtonProps = {|
+  accessibilityLabel?: ?string,
+  color?: ?string,
+  disabled?: boolean,
+  hasTVPreferredFocus?: ?boolean,
+  onPress?: ?(e: any) => void,
+  testID?: ?string,
+  title: string,
+|};
+const Button: React.AbstractComponent<ButtonProps, React.ElementRef<typeof TouchableOpacity>> = React.forwardRef((props, forwardedRef) => {
+  // warnOnce('Button', 'Button is deprecated. Please use Pressable.');
+
+  const {
+    accessibilityLabel,
+    color,
+    disabled,
+    hasTVPreferredFocus,
+    onPress,
+    testID,
+    title
+  } = props;
+  return <TouchableOpacity accessibilityLabel={accessibilityLabel} accessibilityRole="button" disabled={disabled} focusable={!disabled} hasTVPreferredFocus={hasTVPreferredFocus} onPress={onPress} ref={forwardedRef} style={[styles.button, color && {
+    backgroundColor: color
+  }, disabled && styles.buttonDisabled]} testID={testID}>
+      <Text style={[styles.text, disabled && styles.textDisabled]}>
+        {title}
+      </Text>
+    </TouchableOpacity>;
+});
+Button.displayName = 'Button';
+const styles = StyleSheet.create({
+  button: {
+    backgroundColor: '#2196F3',
+    borderRadius: 2
+  },
+  text: {
+    color: '#fff',
+    fontWeight: '500',
+    padding: 8,
+    textAlign: 'center',
+    textTransform: 'uppercase'
+  },
+  buttonDisabled: {
+    backgroundColor: '#dfdfdf'
+  },
+  textDisabled: {
+    color: '#a1a1a1'
+  }
+});
+export type { ButtonProps };
+export default Button;

package/dist/exports/CheckBox/index.js

@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["aria-readonly", "color", "disabled", "onChange", "onValueChange", "readOnly", "style", "value"];
+import * as React from 'react';
+import createElement from '../createElement';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+var CheckBox = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var ariaReadOnly = props['aria-readonly'],
+    color = props.color,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    onValueChange = props.onValueChange,
+    readOnly = props.readOnly,
+    style = props.style,
+    value = props.value,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  function handleChange(event) {
+    var value = event.nativeEvent.target.checked;
+    event.nativeEvent.value = value;
+    onChange && onChange(event);
+    onValueChange && onValueChange(value);
+  }
+  var fakeControl = /*#__PURE__*/React.createElement(View, {
+    style: [styles.fakeControl, value && styles.fakeControlChecked,
+    // custom color
+    value && color && {
+      backgroundColor: color,
+      borderColor: color
+    }, disabled && styles.fakeControlDisabled, value && disabled && styles.fakeControlCheckedAndDisabled]
+  });
+  var nativeControl = createElement('input', {
+    checked: value,
+    disabled: disabled,
+    onChange: handleChange,
+    readOnly: readOnly === true || ariaReadOnly === true || other.accessibilityReadOnly === true,
+    ref: forwardedRef,
+    style: [styles.nativeControl, styles.cursorInherit],
+    type: 'checkbox'
+  });
+  return /*#__PURE__*/React.createElement(View, _extends({}, other, {
+    "aria-disabled": disabled,
+    "aria-readonly": ariaReadOnly,
+    style: [styles.root, style, disabled && styles.cursorDefault]
+  }), fakeControl, nativeControl);
+});
+CheckBox.displayName = 'CheckBox';
+var styles = StyleSheet.create({
+  root: {
+    cursor: 'pointer',
+    height: 16,
+    userSelect: 'none',
+    width: 16
+  },
+  cursorDefault: {
+    cursor: 'default'
+  },
+  cursorInherit: {
+    cursor: 'inherit'
+  },
+  fakeControl: {
+    alignItems: 'center',
+    backgroundColor: '#fff',
+    borderColor: '#657786',
+    borderRadius: 2,
+    borderStyle: 'solid',
+    borderWidth: 2,
+    height: '100%',
+    justifyContent: 'center',
+    width: '100%'
+  },
+  fakeControlChecked: {
+    backgroundColor: '#009688',
+    backgroundImage: 'url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")',
+    backgroundRepeat: 'no-repeat',
+    borderColor: '#009688'
+  },
+  fakeControlDisabled: {
+    borderColor: '#CCD6DD'
+  },
+  fakeControlCheckedAndDisabled: {
+    backgroundColor: '#AAB8C2',
+    borderColor: '#AAB8C2'
+  },
+  nativeControl: _objectSpread(_objectSpread({}, StyleSheet.absoluteFillObject), {}, {
+    height: '100%',
+    margin: 0,
+    appearance: 'none',
+    padding: 0,
+    width: '100%'
+  })
+});
+export default CheckBox;

package/dist/exports/CheckBox/index.js.flow

@@ -0,0 +1,108 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use client';
+
+import type { ColorValue } from '../../types';
+import type { ViewProps } from '../View';
+import * as React from 'react';
+import createElement from '../createElement';
+import StyleSheet from '../StyleSheet';
+import View from '../View';
+type CheckBoxProps = {
+  ...ViewProps,
+  color?: ?ColorValue,
+  disabled?: boolean,
+  onChange?: ?(e: any) => void,
+  onValueChange?: ?(e: any) => void,
+  readOnly?: boolean,
+  value?: boolean,
+};
+const CheckBox: React.AbstractComponent<CheckBoxProps, React.ElementRef<typeof View>> = React.forwardRef((props, forwardedRef) => {
+  const {
+    'aria-readonly': ariaReadOnly,
+    color,
+    disabled,
+    onChange,
+    onValueChange,
+    readOnly,
+    style,
+    value,
+    ...other
+  } = props;
+  declare function handleChange(event: Object): any;
+  const fakeControl = <View style={[styles.fakeControl, value && styles.fakeControlChecked,
+  // custom color
+  value && color && {
+    backgroundColor: color,
+    borderColor: color
+  }, disabled && styles.fakeControlDisabled, value && disabled && styles.fakeControlCheckedAndDisabled]} />;
+  const nativeControl = createElement('input', {
+    checked: value,
+    disabled: disabled,
+    onChange: handleChange,
+    readOnly: readOnly === true || ariaReadOnly === true || other.accessibilityReadOnly === true,
+    ref: forwardedRef,
+    style: [styles.nativeControl, styles.cursorInherit],
+    type: 'checkbox'
+  });
+  return <View {...other} aria-disabled={disabled} aria-readonly={ariaReadOnly} style={[styles.root, style, disabled && styles.cursorDefault]}>
+      {fakeControl}
+      {nativeControl}
+    </View>;
+});
+CheckBox.displayName = 'CheckBox';
+const styles = StyleSheet.create({
+  root: {
+    cursor: 'pointer',
+    height: 16,
+    userSelect: 'none',
+    width: 16
+  },
+  cursorDefault: {
+    cursor: 'default'
+  },
+  cursorInherit: {
+    cursor: 'inherit'
+  },
+  fakeControl: {
+    alignItems: 'center',
+    backgroundColor: '#fff',
+    borderColor: '#657786',
+    borderRadius: 2,
+    borderStyle: 'solid',
+    borderWidth: 2,
+    height: '100%',
+    justifyContent: 'center',
+    width: '100%'
+  },
+  fakeControlChecked: {
+    backgroundColor: '#009688',
+    backgroundImage: 'url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")',
+    backgroundRepeat: 'no-repeat',
+    borderColor: '#009688'
+  },
+  fakeControlDisabled: {
+    borderColor: '#CCD6DD'
+  },
+  fakeControlCheckedAndDisabled: {
+    backgroundColor: '#AAB8C2',
+    borderColor: '#AAB8C2'
+  },
+  nativeControl: {
+    ...StyleSheet.absoluteFillObject,
+    height: '100%',
+    margin: 0,
+    appearance: 'none',
+    padding: 0,
+    width: '100%'
+  }
+});
+export default CheckBox;

package/dist/exports/Clipboard/index.js

@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+var clipboardAvailable;
+export default class Clipboard {
+  static isAvailable() {
+    if (clipboardAvailable === undefined) {
+      clipboardAvailable = typeof document.queryCommandSupported === 'function' && document.queryCommandSupported('copy');
+    }
+    return clipboardAvailable;
+  }
+  static getString() {
+    return Promise.resolve('');
+  }
+  static setString(text) {
+    var success = false;
+    var body = document.body;
+    if (body) {
+      // add the text to a hidden node
+      var node = document.createElement('span');
+      node.textContent = text;
+      node.style.opacity = '0';
+      node.style.position = 'absolute';
+      node.style.whiteSpace = 'pre-wrap';
+      node.style.userSelect = 'auto';
+      body.appendChild(node);
+
+      // select the text
+      var selection = window.getSelection();
+      selection.removeAllRanges();
+      var range = document.createRange();
+      range.selectNodeContents(node);
+      selection.addRange(range);
+
+      // attempt to copy
+      try {
+        document.execCommand('copy');
+        success = true;
+      } catch (e) {}
+
+      // remove selection and node
+      selection.removeAllRanges();
+      body.removeChild(node);
+    }
+    return success;
+  }
+}

package/dist/exports/Clipboard/index.js.flow

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use client';
+
+let clipboardAvailable;
+declare export default class Clipboard {
+  static isAvailable(): boolean,
+  static getString(): Promise<string>,
+  static setString(text: string): boolean,
+}