@hero-design/rn 7.1.2 → 7.1.3-alpha

package/.expo/web/cache/development/babel-loader/fc660bf5528c70224ec6c3295a4f1a5e.json

@@ -0,0 +1 @@
+{"ast":null,"code":"import * as React from 'react';\nimport { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';\nimport View from \"../View\";\nimport createElement from \"../createElement\";\nimport StyleSheet from \"../StyleSheet\";\nimport UIManager from \"../UIManager\";\n\nvar FocusBracket = function FocusBracket() {\n  return createElement('div', {\n    accessibilityRole: 'none',\n    tabIndex: 0,\n    style: styles.focusBracket\n  });\n};\n\nfunction attemptFocus(element) {\n  if (!canUseDOM) {\n    return false;\n  }\n\n  try {\n    element.focus();\n  } catch (e) {}\n\n  return document.activeElement === element;\n}\n\nfunction focusFirstDescendant(element) {\n  for (var i = 0; i < element.childNodes.length; i++) {\n    var child = element.childNodes[i];\n\n    if (attemptFocus(child) || focusFirstDescendant(child)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction focusLastDescendant(element) {\n  for (var i = element.childNodes.length - 1; i >= 0; i--) {\n    var child = element.childNodes[i];\n\n    if (attemptFocus(child) || focusLastDescendant(child)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nvar ModalFocusTrap = function ModalFocusTrap(_ref) {\n  var active = _ref.active,\n      children = _ref.children;\n  var trapElementRef = React.useRef();\n  var focusRef = React.useRef({\n    trapFocusInProgress: false,\n    lastFocusedElement: null\n  });\n  React.useEffect(function () {\n    if (canUseDOM) {\n      var trapFocus = function trapFocus() {\n        if (trapElementRef.current == null || focusRef.current.trapFocusInProgress || !active) {\n          return;\n        }\n\n        try {\n          focusRef.current.trapFocusInProgress = true;\n\n          if (document.activeElement instanceof Node && !trapElementRef.current.contains(document.activeElement)) {\n            var hasFocused = focusFirstDescendant(trapElementRef.current);\n\n            if (focusRef.current.lastFocusedElement === document.activeElement) {\n              hasFocused = focusLastDescendant(trapElementRef.current);\n            }\n\n            if (!hasFocused && trapElementRef.current != null && document.activeElement) {\n              UIManager.focus(trapElementRef.current);\n            }\n          }\n        } finally {\n          focusRef.current.trapFocusInProgress = false;\n        }\n\n        focusRef.current.lastFocusedElement = document.activeElement;\n      };\n\n      trapFocus();\n      document.addEventListener('focus', trapFocus, true);\n      return function () {\n        return document.removeEventListener('focus', trapFocus, true);\n      };\n    }\n  }, [active]);\n  React.useEffect(function () {\n    if (canUseDOM) {\n      var lastFocusedElementOutsideTrap = document.activeElement;\n      return function () {\n        if (lastFocusedElementOutsideTrap && document.contains(lastFocusedElementOutsideTrap)) {\n          UIManager.focus(lastFocusedElementOutsideTrap);\n        }\n      };\n    }\n  }, []);\n  return React.createElement(React.Fragment, null, React.createElement(FocusBracket, null), React.createElement(View, {\n    ref: trapElementRef\n  }, children), React.createElement(FocusBracket, null));\n};\n\nexport default ModalFocusTrap;\nvar styles = StyleSheet.create({\n  focusBracket: {\n    outlineStyle: 'none'\n  }\n});","map":{"version":3,"names":["React","canUseDOM","View","createElement","StyleSheet","UIManager","FocusBracket","accessibilityRole","tabIndex","style","styles","focusBracket","attemptFocus","element","focus","e","document","activeElement","focusFirstDescendant","i","childNodes","length","child","focusLastDescendant","ModalFocusTrap","_ref","active","children","trapElementRef","useRef","focusRef","trapFocusInProgress","lastFocusedElement","useEffect","trapFocus","current","Node","contains","hasFocused","addEventListener","removeEventListener","lastFocusedElementOutsideTrap","Fragment","ref","create","outlineStyle"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/Modal/ModalFocusTrap.js"],"sourcesContent":["/**\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\nimport * as React from 'react';\nimport { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';\nimport View from '../View';\nimport createElement from '../createElement';\nimport StyleSheet from '../StyleSheet';\nimport UIManager from '../UIManager';\n/**\n * This Component is used to \"wrap\" the modal we're opening\n * so that changing focus via tab will never leave the document.\n *\n * This allows us to properly trap the focus within a modal\n * even if the modal is at the start or end of a document.\n */\n\nvar FocusBracket = function FocusBracket() {\n  return createElement('div', {\n    accessibilityRole: 'none',\n    tabIndex: 0,\n    style: styles.focusBracket\n  });\n};\n\nfunction attemptFocus(element) {\n  if (!canUseDOM) {\n    return false;\n  }\n\n  try {\n    element.focus();\n  } catch (e) {// Do nothing\n  }\n\n  return document.activeElement === element;\n}\n\nfunction focusFirstDescendant(element) {\n  for (var i = 0; i < element.childNodes.length; i++) {\n    var child = element.childNodes[i];\n\n    if (attemptFocus(child) || focusFirstDescendant(child)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction focusLastDescendant(element) {\n  for (var i = element.childNodes.length - 1; i >= 0; i--) {\n    var child = element.childNodes[i];\n\n    if (attemptFocus(child) || focusLastDescendant(child)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nvar ModalFocusTrap = function ModalFocusTrap(_ref) {\n  var active = _ref.active,\n      children = _ref.children;\n  var trapElementRef = React.useRef();\n  var focusRef = React.useRef({\n    trapFocusInProgress: false,\n    lastFocusedElement: null\n  });\n  React.useEffect(function () {\n    if (canUseDOM) {\n      var trapFocus = function trapFocus() {\n        // We should not trap focus if:\n        // - The modal hasn't fully initialized with an HTMLElement ref\n        // - Focus is already in the process of being trapped (e.g., we're refocusing)\n        // - isTrapActive prop being falsey tells us to do nothing\n        if (trapElementRef.current == null || focusRef.current.trapFocusInProgress || !active) {\n          return;\n        }\n\n        try {\n          focusRef.current.trapFocusInProgress = true;\n\n          if (document.activeElement instanceof Node && !trapElementRef.current.contains(document.activeElement)) {\n            // To handle keyboard focusing we can make an assumption here.\n            // If you're tabbing through the focusable elements, the previously\n            // active element will either be the first or the last.\n            // If the previously selected element is the \"first\" descendant\n            // and we're leaving it - this means that we should be looping\n            // around to the other side of the modal.\n            var hasFocused = focusFirstDescendant(trapElementRef.current);\n\n            if (focusRef.current.lastFocusedElement === document.activeElement) {\n              hasFocused = focusLastDescendant(trapElementRef.current);\n            } // If we couldn't focus a new element then we need to focus onto the trap target\n\n\n            if (!hasFocused && trapElementRef.current != null && document.activeElement) {\n              UIManager.focus(trapElementRef.current);\n            }\n          }\n        } finally {\n          focusRef.current.trapFocusInProgress = false;\n        }\n\n        focusRef.current.lastFocusedElement = document.activeElement;\n      }; // Call the trapFocus callback at least once when this modal has been activated.\n\n\n      trapFocus();\n      document.addEventListener('focus', trapFocus, true);\n      return function () {\n        return document.removeEventListener('focus', trapFocus, true);\n      };\n    }\n  }, [active]); // To be fully compliant with WCAG we need to refocus element that triggered opening modal\n  // after closing it\n\n  React.useEffect(function () {\n    if (canUseDOM) {\n      var lastFocusedElementOutsideTrap = document.activeElement;\n      return function () {\n        if (lastFocusedElementOutsideTrap && document.contains(lastFocusedElementOutsideTrap)) {\n          UIManager.focus(lastFocusedElementOutsideTrap);\n        }\n      };\n    }\n  }, []);\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FocusBracket, null), /*#__PURE__*/React.createElement(View, {\n    ref: trapElementRef\n  }, children), /*#__PURE__*/React.createElement(FocusBracket, null));\n};\n\nexport default ModalFocusTrap;\nvar styles = StyleSheet.create({\n  focusBracket: {\n    outlineStyle: 'none'\n  }\n});"],"mappings":"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"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/fd8b9e4327116ec3a3a6444e0ae6837d.json

@@ -0,0 +1 @@
+{"ast":null,"code":"var Platform = {\n  OS: 'web',\n  select: function select(obj) {\n    return 'web' in obj ? obj.web : obj.default;\n  },\n\n  get isTesting() {\n    if (process.env.NODE_ENV === 'test') {\n      return true;\n    }\n\n    return false;\n  }\n\n};\nexport default Platform;","map":{"version":3,"names":["Platform","OS","select","obj","web","default","isTesting","process","env","NODE_ENV"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/Platform/index.js"],"sourcesContent":["/**\n * Copyright (c) Nicolas Gallagher.\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\nvar Platform = {\n  OS: 'web',\n  select: function select(obj) {\n    return 'web' in obj ? obj.web : obj.default;\n  },\n\n  get isTesting() {\n    if (process.env.NODE_ENV === 'test') {\n      return true;\n    }\n\n    return false;\n  }\n\n};\nexport default Platform;"],"mappings":"AASA,IAAIA,QAAQ,GAAG;EACbC,EAAE,EAAE,KADS;EAEbC,MAAM,EAAE,SAASA,MAAT,CAAgBC,GAAhB,EAAqB;IAC3B,OAAO,SAASA,GAAT,GAAeA,GAAG,CAACC,GAAnB,GAAyBD,GAAG,CAACE,OAApC;EACD,CAJY;;EAMb,IAAIC,SAAJ,GAAgB;IACd,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,MAA7B,EAAqC;MACnC,OAAO,IAAP;IACD;;IAED,OAAO,KAAP;EACD;;AAZY,CAAf;AAeA,eAAeT,QAAf"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/fdd2ca3ec9b54d1f53453b6d8632c0f5.json

@@ -0,0 +1 @@
+{"ast":null,"code":"function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nimport normalizeValueWithProperty from \"./normalizeValueWithProperty\";\nimport resolveShadowValue from \"./resolveShadowValue\";\nvar defaultOffset = {\n  height: 0,\n  width: 0\n};\n\nfunction boxShadowReducer(resolvedStyle, style) {\n  var boxShadow = style.boxShadow;\n  var shadow = resolveShadowValue(style);\n\n  if (shadow != null) {\n    resolvedStyle.boxShadow = boxShadow ? boxShadow + \", \" + shadow : shadow;\n  }\n}\n\nfunction textShadowReducer(resolvedStyle, style) {\n  var textShadowColor = style.textShadowColor,\n      textShadowOffset = style.textShadowOffset,\n      textShadowRadius = style.textShadowRadius;\n\n  var _ref = textShadowOffset || defaultOffset,\n      height = _ref.height,\n      width = _ref.width;\n\n  var radius = textShadowRadius || 0;\n  var offsetX = normalizeValueWithProperty(width);\n  var offsetY = normalizeValueWithProperty(height);\n  var blurRadius = normalizeValueWithProperty(radius);\n  var color = normalizeValueWithProperty(textShadowColor, 'textShadowColor');\n\n  if (color && (height !== 0 || width !== 0 || radius !== 0) && offsetX != null && offsetY != null && blurRadius != null) {\n    resolvedStyle.textShadow = offsetX + \" \" + offsetY + \" \" + blurRadius + \" \" + color;\n  }\n}\n\nvar createCompileableStyle = function createCompileableStyle(styles) {\n  var shadowColor = styles.shadowColor,\n      shadowOffset = styles.shadowOffset,\n      shadowOpacity = styles.shadowOpacity,\n      shadowRadius = styles.shadowRadius,\n      textShadowColor = styles.textShadowColor,\n      textShadowOffset = styles.textShadowOffset,\n      textShadowRadius = styles.textShadowRadius,\n      nextStyles = _objectWithoutPropertiesLoose(styles, [\"shadowColor\", \"shadowOffset\", \"shadowOpacity\", \"shadowRadius\", \"textShadowColor\", \"textShadowOffset\", \"textShadowRadius\"]);\n\n  if (shadowColor != null || shadowOffset != null || shadowOpacity != null || shadowRadius != null) {\n    boxShadowReducer(nextStyles, styles);\n  }\n\n  if (textShadowColor != null || textShadowOffset != null || textShadowRadius != null) {\n    textShadowReducer(nextStyles, styles);\n  }\n\n  return nextStyles;\n};\n\nexport default createCompileableStyle;","map":{"version":3,"names":["_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","Object","keys","key","i","length","indexOf","normalizeValueWithProperty","resolveShadowValue","defaultOffset","height","width","boxShadowReducer","resolvedStyle","style","boxShadow","shadow","textShadowReducer","textShadowColor","textShadowOffset","textShadowRadius","_ref","radius","offsetX","offsetY","blurRadius","color","textShadow","createCompileableStyle","styles","shadowColor","shadowOffset","shadowOpacity","shadowRadius","nextStyles"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/exports/StyleSheet/createCompileableStyle.js"],"sourcesContent":["function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/**\n * Copyright (c) Nicolas Gallagher.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\nimport normalizeValueWithProperty from './normalizeValueWithProperty';\nimport resolveShadowValue from './resolveShadowValue';\nvar defaultOffset = {\n  height: 0,\n  width: 0\n};\n\nfunction boxShadowReducer(resolvedStyle, style) {\n  var boxShadow = style.boxShadow;\n  var shadow = resolveShadowValue(style);\n\n  if (shadow != null) {\n    resolvedStyle.boxShadow = boxShadow ? boxShadow + \", \" + shadow : shadow;\n  }\n}\n\nfunction textShadowReducer(resolvedStyle, style) {\n  var textShadowColor = style.textShadowColor,\n      textShadowOffset = style.textShadowOffset,\n      textShadowRadius = style.textShadowRadius;\n\n  var _ref = textShadowOffset || defaultOffset,\n      height = _ref.height,\n      width = _ref.width;\n\n  var radius = textShadowRadius || 0;\n  var offsetX = normalizeValueWithProperty(width);\n  var offsetY = normalizeValueWithProperty(height);\n  var blurRadius = normalizeValueWithProperty(radius);\n  var color = normalizeValueWithProperty(textShadowColor, 'textShadowColor');\n\n  if (color && (height !== 0 || width !== 0 || radius !== 0) && offsetX != null && offsetY != null && blurRadius != null) {\n    resolvedStyle.textShadow = offsetX + \" \" + offsetY + \" \" + blurRadius + \" \" + color;\n  }\n}\n\nvar createCompileableStyle = function createCompileableStyle(styles) {\n  var shadowColor = styles.shadowColor,\n      shadowOffset = styles.shadowOffset,\n      shadowOpacity = styles.shadowOpacity,\n      shadowRadius = styles.shadowRadius,\n      textShadowColor = styles.textShadowColor,\n      textShadowOffset = styles.textShadowOffset,\n      textShadowRadius = styles.textShadowRadius,\n      nextStyles = _objectWithoutPropertiesLoose(styles, [\"shadowColor\", \"shadowOffset\", \"shadowOpacity\", \"shadowRadius\", \"textShadowColor\", \"textShadowOffset\", \"textShadowRadius\"]);\n\n  if (shadowColor != null || shadowOffset != null || shadowOpacity != null || shadowRadius != null) {\n    boxShadowReducer(nextStyles, styles);\n  }\n\n  if (textShadowColor != null || textShadowOffset != null || textShadowRadius != null) {\n    textShadowReducer(nextStyles, styles);\n  }\n\n  return nextStyles;\n};\n\nexport default createCompileableStyle;"],"mappings":"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"},"metadata":{},"sourceType":"module"}

package/.expo/web/cache/development/babel-loader/ff2eab785490c90e174666553fff7e66.json

@@ -0,0 +1 @@
+{"ast":null,"code":"module.exports = function (module) {\n  if (!module.webpackPolyfill) {\n    module.deprecate = function () {};\n\n    module.paths = [];\n    if (!module.children) module.children = [];\n    Object.defineProperty(module, \"loaded\", {\n      enumerable: true,\n      get: function get() {\n        return module.l;\n      }\n    });\n    Object.defineProperty(module, \"id\", {\n      enumerable: true,\n      get: function get() {\n        return module.i;\n      }\n    });\n    module.webpackPolyfill = 1;\n  }\n\n  return module;\n};","map":{"version":3,"names":["module","exports","webpackPolyfill","deprecate","paths","children","Object","defineProperty","enumerable","get","l","i"],"sources":["/Users/kientran/.nvm/versions/node/v14.18.1/lib/node_modules/expo-cli/node_modules/webpack/buildin/module.js"],"sourcesContent":["module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n"],"mappings":"AAAAA,MAAM,CAACC,OAAP,GAAiB,UAASD,MAAT,EAAiB;EACjC,IAAI,CAACA,MAAM,CAACE,eAAZ,EAA6B;IAC5BF,MAAM,CAACG,SAAP,GAAmB,YAAW,CAAE,CAAhC;;IACAH,MAAM,CAACI,KAAP,GAAe,EAAf;IAEA,IAAI,CAACJ,MAAM,CAACK,QAAZ,EAAsBL,MAAM,CAACK,QAAP,GAAkB,EAAlB;IACtBC,MAAM,CAACC,cAAP,CAAsBP,MAAtB,EAA8B,QAA9B,EAAwC;MACvCQ,UAAU,EAAE,IAD2B;MAEvCC,GAAG,EAAE,eAAW;QACf,OAAOT,MAAM,CAACU,CAAd;MACA;IAJsC,CAAxC;IAMAJ,MAAM,CAACC,cAAP,CAAsBP,MAAtB,EAA8B,IAA9B,EAAoC;MACnCQ,UAAU,EAAE,IADuB;MAEnCC,GAAG,EAAE,eAAW;QACf,OAAOT,MAAM,CAACW,CAAd;MACA;IAJkC,CAApC;IAMAX,MAAM,CAACE,eAAP,GAAyB,CAAzB;EACA;;EACD,OAAOF,MAAP;AACA,CArBD"},"metadata":{},"sourceType":"script"}

package/.expo/web/cache/development/babel-loader/ffe419731db23fbdcca1bddb7cadae71.json

@@ -0,0 +1 @@
+{"ast":null,"code":"'use strict';\n\nimport AnimatedValue from \"./nodes/AnimatedValue\";\nimport NativeAnimatedHelper from \"./NativeAnimatedHelper\";\nimport findNodeHandle from \"../../../exports/findNodeHandle\";\nimport invariant from 'fbjs/lib/invariant';\nimport { shouldUseNativeDriver } from \"./NativeAnimatedHelper\";\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nexport function attachNativeEvent(viewRef, eventName, argMapping) {\n  var eventMappings = [];\n\n  var traverse = function traverse(value, path) {\n    if (value instanceof AnimatedValue) {\n      value.__makeNative();\n\n      eventMappings.push({\n        nativeEventPath: path,\n        animatedValueTag: value.__getNativeTag()\n      });\n    } else if (typeof value === 'object') {\n      for (var _key in value) {\n        traverse(value[_key], path.concat(_key));\n      }\n    }\n  };\n\n  invariant(argMapping[0] && argMapping[0].nativeEvent, 'Native driven events only support animated values contained inside `nativeEvent`.');\n  traverse(argMapping[0].nativeEvent, []);\n  var viewTag = findNodeHandle(viewRef);\n\n  if (viewTag != null) {\n    eventMappings.forEach(function (mapping) {\n      NativeAnimatedHelper.API.addAnimatedEventToView(viewTag, eventName, mapping);\n    });\n  }\n\n  return {\n    detach: function detach() {\n      if (viewTag != null) {\n        eventMappings.forEach(function (mapping) {\n          NativeAnimatedHelper.API.removeAnimatedEventFromView(viewTag, eventName, mapping.animatedValueTag);\n        });\n      }\n    }\n  };\n}\n\nfunction validateMapping(argMapping, args) {\n  var validate = function validate(recMapping, recEvt, key) {\n    if (recMapping instanceof AnimatedValue) {\n      invariant(typeof recEvt === 'number', 'Bad mapping of event key ' + key + ', should be number but got ' + typeof recEvt);\n      return;\n    }\n\n    if (typeof recEvt === 'number') {\n      invariant(recMapping instanceof AnimatedValue, 'Bad mapping of type ' + typeof recMapping + ' for key ' + key + ', event value must map to AnimatedValue');\n      return;\n    }\n\n    invariant(typeof recMapping === 'object', 'Bad mapping of type ' + typeof recMapping + ' for key ' + key);\n    invariant(typeof recEvt === 'object', 'Bad event of type ' + typeof recEvt + ' for key ' + key);\n\n    for (var mappingKey in recMapping) {\n      validate(recMapping[mappingKey], recEvt[mappingKey], mappingKey);\n    }\n  };\n\n  invariant(args.length >= argMapping.length, 'Event has less arguments than mapping');\n  argMapping.forEach(function (mapping, idx) {\n    validate(mapping, args[idx], 'arg' + idx);\n  });\n}\n\nexport var AnimatedEvent = function () {\n  function AnimatedEvent(argMapping, config) {\n    this._listeners = [];\n    this._argMapping = argMapping;\n\n    if (config == null) {\n      console.warn('Animated.event now requires a second argument for options');\n      config = {\n        useNativeDriver: false\n      };\n    }\n\n    if (config.listener) {\n      this.__addListener(config.listener);\n    }\n\n    this._callListeners = this._callListeners.bind(this);\n    this._attachedEvent = null;\n    this.__isNative = shouldUseNativeDriver(config);\n  }\n\n  var _proto = AnimatedEvent.prototype;\n\n  _proto.__addListener = function __addListener(callback) {\n    this._listeners.push(callback);\n  };\n\n  _proto.__removeListener = function __removeListener(callback) {\n    this._listeners = this._listeners.filter(function (listener) {\n      return listener !== callback;\n    });\n  };\n\n  _proto.__attach = function __attach(viewRef, eventName) {\n    invariant(this.__isNative, 'Only native driven events need to be attached.');\n    this._attachedEvent = attachNativeEvent(viewRef, eventName, this._argMapping);\n  };\n\n  _proto.__detach = function __detach(viewTag, eventName) {\n    invariant(this.__isNative, 'Only native driven events need to be detached.');\n    this._attachedEvent && this._attachedEvent.detach();\n  };\n\n  _proto.__getHandler = function __getHandler() {\n    var _this = this;\n\n    if (this.__isNative) {\n      if (__DEV__) {\n        var _validatedMapping = false;\n        return function () {\n          for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {\n            args[_key2] = arguments[_key2];\n          }\n\n          if (!_validatedMapping) {\n            validateMapping(_this._argMapping, args);\n            _validatedMapping = true;\n          }\n\n          _this._callListeners.apply(_this, args);\n        };\n      } else {\n        return this._callListeners;\n      }\n    }\n\n    var validatedMapping = false;\n    return function () {\n      for (var _len2 = arguments.length, args = new Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {\n        args[_key3] = arguments[_key3];\n      }\n\n      if (__DEV__ && !validatedMapping) {\n        validateMapping(_this._argMapping, args);\n        validatedMapping = true;\n      }\n\n      var traverse = function traverse(recMapping, recEvt, key) {\n        if (recMapping instanceof AnimatedValue) {\n          if (typeof recEvt === 'number') {\n            recMapping.setValue(recEvt);\n          }\n        } else if (typeof recMapping === 'object') {\n          for (var mappingKey in recMapping) {\n            traverse(recMapping[mappingKey], recEvt[mappingKey], mappingKey);\n          }\n        }\n      };\n\n      _this._argMapping.forEach(function (mapping, idx) {\n        traverse(mapping, args[idx], 'arg' + idx);\n      });\n\n      _this._callListeners.apply(_this, args);\n    };\n  };\n\n  _proto._callListeners = function _callListeners() {\n    for (var _len3 = arguments.length, args = new Array(_len3), _key4 = 0; _key4 < _len3; _key4++) {\n      args[_key4] = arguments[_key4];\n    }\n\n    this._listeners.forEach(function (listener) {\n      return listener.apply(void 0, args);\n    });\n  };\n\n  return AnimatedEvent;\n}();","map":{"version":3,"names":["AnimatedValue","NativeAnimatedHelper","findNodeHandle","invariant","shouldUseNativeDriver","__DEV__","process","env","NODE_ENV","attachNativeEvent","viewRef","eventName","argMapping","eventMappings","traverse","value","path","__makeNative","push","nativeEventPath","animatedValueTag","__getNativeTag","_key","concat","nativeEvent","viewTag","forEach","mapping","API","addAnimatedEventToView","detach","removeAnimatedEventFromView","validateMapping","args","validate","recMapping","recEvt","key","mappingKey","length","idx","AnimatedEvent","config","_listeners","_argMapping","console","warn","useNativeDriver","listener","__addListener","_callListeners","bind","_attachedEvent","__isNative","_proto","prototype","callback","__removeListener","filter","__attach","__detach","__getHandler","_this","_validatedMapping","_len","arguments","Array","_key2","apply","validatedMapping","_len2","_key3","setValue","_len3","_key4"],"sources":["/Volumes/ExternalSSD/Projects/hero-design/packages/rn/node_modules/react-native-web/dist/vendor/react-native/Animated/AnimatedEvent.js"],"sourcesContent":["/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n * @format\n */\n'use strict';\n\nimport AnimatedValue from './nodes/AnimatedValue';\nimport NativeAnimatedHelper from './NativeAnimatedHelper';\nimport findNodeHandle from '../../../exports/findNodeHandle';\nimport invariant from 'fbjs/lib/invariant';\nimport { shouldUseNativeDriver } from './NativeAnimatedHelper';\n\nvar __DEV__ = process.env.NODE_ENV !== 'production';\n\nexport function attachNativeEvent(viewRef, eventName, argMapping) {\n  // Find animated values in `argMapping` and create an array representing their\n  // key path inside the `nativeEvent` object. Ex.: ['contentOffset', 'x'].\n  var eventMappings = [];\n\n  var traverse = function traverse(value, path) {\n    if (value instanceof AnimatedValue) {\n      value.__makeNative();\n\n      eventMappings.push({\n        nativeEventPath: path,\n        animatedValueTag: value.__getNativeTag()\n      });\n    } else if (typeof value === 'object') {\n      for (var _key in value) {\n        traverse(value[_key], path.concat(_key));\n      }\n    }\n  };\n\n  invariant(argMapping[0] && argMapping[0].nativeEvent, 'Native driven events only support animated values contained inside `nativeEvent`.'); // Assume that the event containing `nativeEvent` is always the first argument.\n\n  traverse(argMapping[0].nativeEvent, []);\n  var viewTag = findNodeHandle(viewRef);\n\n  if (viewTag != null) {\n    eventMappings.forEach(function (mapping) {\n      NativeAnimatedHelper.API.addAnimatedEventToView(viewTag, eventName, mapping);\n    });\n  }\n\n  return {\n    detach: function detach() {\n      if (viewTag != null) {\n        eventMappings.forEach(function (mapping) {\n          NativeAnimatedHelper.API.removeAnimatedEventFromView(viewTag, eventName, // $FlowFixMe[incompatible-call]\n          mapping.animatedValueTag);\n        });\n      }\n    }\n  };\n}\n\nfunction validateMapping(argMapping, args) {\n  var validate = function validate(recMapping, recEvt, key) {\n    if (recMapping instanceof AnimatedValue) {\n      invariant(typeof recEvt === 'number', 'Bad mapping of event key ' + key + ', should be number but got ' + typeof recEvt);\n      return;\n    }\n\n    if (typeof recEvt === 'number') {\n      invariant(recMapping instanceof AnimatedValue, 'Bad mapping of type ' + typeof recMapping + ' for key ' + key + ', event value must map to AnimatedValue');\n      return;\n    }\n\n    invariant(typeof recMapping === 'object', 'Bad mapping of type ' + typeof recMapping + ' for key ' + key);\n    invariant(typeof recEvt === 'object', 'Bad event of type ' + typeof recEvt + ' for key ' + key);\n\n    for (var mappingKey in recMapping) {\n      validate(recMapping[mappingKey], recEvt[mappingKey], mappingKey);\n    }\n  };\n\n  invariant(args.length >= argMapping.length, 'Event has less arguments than mapping');\n  argMapping.forEach(function (mapping, idx) {\n    validate(mapping, args[idx], 'arg' + idx);\n  });\n}\n\nexport var AnimatedEvent = /*#__PURE__*/function () {\n  function AnimatedEvent(argMapping, config) {\n    this._listeners = [];\n    this._argMapping = argMapping;\n\n    if (config == null) {\n      console.warn('Animated.event now requires a second argument for options');\n      config = {\n        useNativeDriver: false\n      };\n    }\n\n    if (config.listener) {\n      this.__addListener(config.listener);\n    }\n\n    this._callListeners = this._callListeners.bind(this);\n    this._attachedEvent = null;\n    this.__isNative = shouldUseNativeDriver(config);\n  }\n\n  var _proto = AnimatedEvent.prototype;\n\n  _proto.__addListener = function __addListener(callback) {\n    this._listeners.push(callback);\n  };\n\n  _proto.__removeListener = function __removeListener(callback) {\n    this._listeners = this._listeners.filter(function (listener) {\n      return listener !== callback;\n    });\n  };\n\n  _proto.__attach = function __attach(viewRef, eventName) {\n    invariant(this.__isNative, 'Only native driven events need to be attached.');\n    this._attachedEvent = attachNativeEvent(viewRef, eventName, this._argMapping);\n  };\n\n  _proto.__detach = function __detach(viewTag, eventName) {\n    invariant(this.__isNative, 'Only native driven events need to be detached.');\n    this._attachedEvent && this._attachedEvent.detach();\n  };\n\n  _proto.__getHandler = function __getHandler() {\n    var _this = this;\n\n    if (this.__isNative) {\n      if (__DEV__) {\n        var _validatedMapping = false;\n        return function () {\n          for (var _len = arguments.length, args = new Array(_len), _key2 = 0; _key2 < _len; _key2++) {\n            args[_key2] = arguments[_key2];\n          }\n\n          if (!_validatedMapping) {\n            validateMapping(_this._argMapping, args);\n            _validatedMapping = true;\n          }\n\n          _this._callListeners.apply(_this, args);\n        };\n      } else {\n        return this._callListeners;\n      }\n    }\n\n    var validatedMapping = false;\n    return function () {\n      for (var _len2 = arguments.length, args = new Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {\n        args[_key3] = arguments[_key3];\n      }\n\n      if (__DEV__ && !validatedMapping) {\n        validateMapping(_this._argMapping, args);\n        validatedMapping = true;\n      }\n\n      var traverse = function traverse(recMapping, recEvt, key) {\n        if (recMapping instanceof AnimatedValue) {\n          if (typeof recEvt === 'number') {\n            recMapping.setValue(recEvt);\n          }\n        } else if (typeof recMapping === 'object') {\n          for (var mappingKey in recMapping) {\n            /* $FlowFixMe(>=0.120.0) This comment suppresses an error found\n             * when Flow v0.120 was deployed. To see the error, delete this\n             * comment and run Flow. */\n            traverse(recMapping[mappingKey], recEvt[mappingKey], mappingKey);\n          }\n        }\n      };\n\n      _this._argMapping.forEach(function (mapping, idx) {\n        traverse(mapping, args[idx], 'arg' + idx);\n      });\n\n      _this._callListeners.apply(_this, args);\n    };\n  };\n\n  _proto._callListeners = function _callListeners() {\n    for (var _len3 = arguments.length, args = new Array(_len3), _key4 = 0; _key4 < _len3; _key4++) {\n      args[_key4] = arguments[_key4];\n    }\n\n    this._listeners.forEach(function (listener) {\n      return listener.apply(void 0, args);\n    });\n  };\n\n  return AnimatedEvent;\n}();"],"mappings":"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"},"metadata":{},"sourceType":"module"}

package/.expo/xcodebuild-error.log

@@ -0,0 +1,4 @@
+2022-06-20 17:49:02.517 xcodebuild[26696:411535] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFoundation.AppExtensionHosts.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
+2022-06-20 17:49:02.518 xcodebuild[26696:411535] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionPointIdentifierToBundleIdentifier for extension Xcode.DebuggerFoundation.AppExtensionToBundleIdentifierMap.watchOS of plug-in com.apple.dt.IDEWatchSupportCore
+** BUILD FAILED **
+

package/.expo/xcodebuild.log

@@ -0,0 +1,20 @@
+Command line invocation:
+    /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -project /Volumes/ExternalSSD/Projects/hero-design/packages/rn/ios/MobileHeroDesignPlayground.xcodeproj -configuration Debug -scheme MobileHeroDesignPlayground -destination id=D0E96021-19F7-44CE-AEF6-385176067269
+
+User defaults from command line:
+    IDEPackageSupportUseBuiltinSCM = YES
+
+note: Using new build system
+note: Planning
+Analyze workspace
+
+Create build description
+Build description signature: 095d58472d26309c3f2b9c4b81277f9c
+Build description path: /Volumes/ExternalSSD/Projects/hero-design/packages/rn/ios/build/Build/Intermediates.noindex/XCBuildData/095d58472d26309c3f2b9c4b81277f9c-desc.xcbuild
+
+note: Build preparation complete
+note: Building targets in dependency order
+/Volumes/ExternalSSD/Projects/hero-design/packages/rn/ios/Pods/Target Support Files/Pods-MobileHeroDesignPlayground/Pods-MobileHeroDesignPlayground.debug.xcconfig:1:1: error: unable to open file (in target "MobileHeroDesignPlayground" in project "MobileHeroDesignPlayground")
+/Volumes/ExternalSSD/Projects/hero-design/packages/rn/ios/Pods/Target Support Files/Pods-MobileHeroDesignPlayground/Pods-MobileHeroDesignPlayground.debug.xcconfig:1:1: error: unable to open file (in target "MobileHeroDesignPlayground" in project "MobileHeroDesignPlayground")
+/Volumes/ExternalSSD/Projects/hero-design/packages/rn/ios/Pods/Target Support Files/Pods-MobileHeroDesignPlayground/Pods-MobileHeroDesignPlayground.debug.xcconfig:1:1: error: unable to open file (in target "MobileHeroDesignPlayground" in project "MobileHeroDesignPlayground")
+/Volumes/ExternalSSD/Projects/hero-design/packages/rn/ios/Pods/Target Support Files/Pods-MobileHeroDesignPlayground/Pods-MobileHeroDesignPlayground.debug.xcconfig:1:1: error: unable to open file (in target "MobileHeroDesignPlayground" in project "MobileHeroDesignPlayground")

package/.tool-versions

@@ -0,0 +1,2 @@
+nodejs 14.18.1
+ruby 2.7.3

package/es/index.js

@@ -1,5 +1,5 @@
 import React, { useContext, useMemo, createElement, useRef, useEffect } from 'react';
-import require$$0$1, { Dimensions, View, Text as Text$1, Platform, TouchableWithoutFeedback, Animated, StyleSheet as StyleSheet$1, TouchableHighlight } from 'react-native';
+import require$$0$1, { Dimensions, View, Text as Text$1, Platform, TouchableWithoutFeedback, Animated, StyleSheet as StyleSheet$1, TouchableHighlight, TouchableOpacity } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 function ownKeys(object, enumerableOnly) {
@@ -9917,6 +9917,10 @@ var fontWeights = {
   bold: 700
 };
 var lineHeights = {
+  xxxxxlarge: fontSizes.xxxxxlarge + 8,
+  xxxxlarge: fontSizes.xxxxlarge + 8,
+  xxxlarge: fontSizes.xxxlarge + 8,
+  xxlarge: fontSizes.xxlarge + 8,
   xlarge: fontSizes.xlarge + 8,
   large: fontSizes.large + 8,
   medium: fontSizes.medium + 8,
@@ -10084,19 +10088,50 @@ var getTypographyTheme = function getTypographyTheme(theme) {
 var getFABTheme = function getFABTheme(theme) {
   var colors = {
     buttonBackground: theme.colors.backgroundDark,
-    icon: theme.colors.invertedText
+    icon: theme.colors.invertedText,
+    headerText: theme.colors.text,
+    actionItemBackground: theme.colors.infoLight,
+    backdropBackground: theme.colors.platformBackground
   };
   var sizes = {
     width: '64px',
     height: '64px'
   };
   var fontSizes = {
-    "default": "".concat(theme.fontSizes.xxxxlarge, "px")
+    header: "".concat(theme.fontSizes.xxxlarge, "px"),
+    buttonIcon: "".concat(theme.fontSizes.xxxlarge, "px"),
+    actionItemText: "".concat(theme.fontSizes.medium, "px")
+  };
+  var fontWeights = {
+    header: "".concat(theme.fontWeights.semiBold),
+    actionItemText: "".concat(theme.fontWeights.regular)
+  };
+  var lineHeights = {
+    header: "".concat(theme.lineHeights.xxxlarge, "px"),
+    actionItemText: "".concat(theme.lineHeights.medium, "px")
+  };
+  var space = {
+    actionItemPaddingLeft: "".concat(theme.space.medium, "px"),
+    actionItemPaddingRight: "".concat(theme.space.medium, "px"),
+    actionItemPaddingTop: "".concat(theme.space.small, "px"),
+    actionItemPaddingBottom: "".concat(theme.space.small, "px"),
+    actionItemMargin: "".concat(theme.space.small, "px"),
+    actionItemMarginRight: "".concat(theme.space.large, "px"),
+    actionItemTextPaddingLeft: "".concat(theme.space.small, "px"),
+    headerTextMarginRight: "".concat(theme.space.large, "px"),
+    headerTextMarginBottom: "".concat(theme.space.large, "px")
+  };
+  var radii = {
+    actionItem: "999px"
   };
   return {
+    radii: radii,
     fontSizes: fontSizes,
     colors: colors,
-    sizes: sizes
+    sizes: sizes,
+    lineHeights: lineHeights,
+    fontWeights: fontWeights,
+    space: space
   };
 };
 
@@ -10117,14 +10152,14 @@ var getTheme = function getTheme() {
 
 var theme = getTheme();
 
-var _templateObject$7, _templateObject2$4, _templateObject3$3, _templateObject4$3;
+var _templateObject$9, _templateObject2$6, _templateObject3$4, _templateObject4$4;
 var BACKGROUND_INTENTS = {
   success: 'successBackground',
   warning: 'warningBackground',
   danger: 'dangerBackground',
   info: 'infoBackground'
 };
-var StyledView = styled(View)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  border-width: ", ";\n  border-radius: ", ";\n  padding: ", ";\n\n  ", ";\n"])), function (_ref) {
+var StyledView = styled(View)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  border-width: ", ";\n  border-radius: ", ";\n  padding: ", ";\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.badge.borderWidths["default"];
 }, function (_ref2) {
@@ -10135,7 +10170,7 @@ var StyledView = styled(View)(_templateObject$7 || (_templateObject$7 = _taggedT
   return theme.__hd__.badge.padding["default"];
 }, function (_ref4) {
   var themeIntent = _ref4.themeIntent;
-  return css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n  "])), function (_ref5) {
+  return css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n    border-color: ", ";\n    background-color: ", ";\n  "])), function (_ref5) {
     var theme = _ref5.theme;
     return theme.__hd__.badge.colors[themeIntent];
   }, function (_ref6) {
@@ -10143,7 +10178,7 @@ var StyledView = styled(View)(_templateObject$7 || (_templateObject$7 = _taggedT
     return theme.__hd__.badge.colors[BACKGROUND_INTENTS[themeIntent]];
   });
 });
-var StyledText$1 = styled(Text$1)(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n  font-weight: ", ";\n  font-size: ", ";\n\n  ", ";\n"])), function (_ref7) {
+var StyledText$1 = styled(Text$1)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n  font-weight: ", ";\n  font-size: ", ";\n\n  ", ";\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.__hd__.badge.fontWeights["default"];
 }, function (_ref8) {
@@ -10151,7 +10186,7 @@ var StyledText$1 = styled(Text$1)(_templateObject3$3 || (_templateObject3$3 = _t
   return theme.__hd__.badge.fontSizes["default"];
 }, function (_ref9) {
   var themeIntent = _ref9.themeIntent;
-  return css(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), function (_ref10) {
+  return css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), function (_ref10) {
     var theme = _ref10.theme;
     return theme.__hd__.badge.colors[themeIntent];
   });
@@ -19804,12 +19839,12 @@ var heroIconConfig = {
 	preferences: preferences
 };
 
-var _templateObject$6, _templateObject2$3;
+var _templateObject$8, _templateObject2$5;
 var HeroIcon = dist.createIconSetFromIcoMoon(heroIconConfig, 'hero-icons', 'hero-icons.ttf');
-var StyledHeroIcon = styled(HeroIcon)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
+var StyledHeroIcon = styled(HeroIcon)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
   var themeIntent = _ref.themeIntent,
       themeSize = _ref.themeSize;
-  return css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n    color: ", ";\n    font-size: ", "px;\n  "])), function (_ref2) {
+  return css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n    color: ", ";\n    font-size: ", "px;\n  "])), function (_ref2) {
     var theme = _ref2.theme;
     return theme.__hd__.icon.colors[themeIntent];
   }, function (_ref3) {
@@ -19841,23 +19876,23 @@ var isHeroIcon = function isHeroIcon(x) {
   return IconList.includes(x);
 };
 
-var _templateObject$5, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1;
-var StyledText = styled(Text$1)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var _templateObject$7, _templateObject2$4, _templateObject3$3, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1;
+var StyledText = styled(Text$1)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var themeFontSize = _ref.themeFontSize,
       theme = _ref.theme;
 
   switch (themeFontSize) {
     case 'small':
-      return css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.small, theme.__hd__.typography.lineHeights.small, theme.__hd__.typography.fontSizes.small * 0.03);
+      return css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.small, theme.__hd__.typography.lineHeights.small, theme.__hd__.typography.fontSizes.small * 0.03);
 
     case 'medium':
-      return css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.medium, theme.__hd__.typography.lineHeights.medium, theme.__hd__.typography.fontSizes.medium * 0.03);
+      return css(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.medium, theme.__hd__.typography.lineHeights.medium, theme.__hd__.typography.fontSizes.medium * 0.03);
 
     case 'large':
-      return css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.large, theme.__hd__.typography.lineHeights.large, theme.__hd__.typography.fontSizes.large * 0.03);
+      return css(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.large, theme.__hd__.typography.lineHeights.large, theme.__hd__.typography.fontSizes.large * 0.03);
 
     case 'xlarge':
-      return css(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.xlarge, theme.__hd__.typography.lineHeights.xlarge, theme.__hd__.typography.fontSizes.xlarge * 0.03);
+      return css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n          font-size: ", "px;\n          line-height: ", ";\n          letter-spacing: ", "px;\n        "])), theme.__hd__.typography.fontSizes.xlarge, theme.__hd__.typography.lineHeights.xlarge, theme.__hd__.typography.fontSizes.xlarge * 0.03);
   }
 }, function (_ref2) {
   var themeFontWeight = _ref2.themeFontWeight,
@@ -19912,14 +19947,14 @@ var Typography = {
   Text: Text
 };
 
-var _templateObject$4, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1;
-var BottomNavigationTab = styled(View)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: ", ";\n"])), function (_ref) {
+var _templateObject$6, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$1;
+var BottomNavigationTab = styled(View)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: ", ";\n"])), function (_ref) {
   var themeVisibility = _ref.themeVisibility;
   return themeVisibility === false ? 'none' : 'flex';
 });
-var BottomNavigationContainer = styled(View)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: hidden;\n"])));
-var ContentWrapper = styled(View)(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  flex: 1;\n"])));
-var BottomBarWrapper = styled(View)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n  height: ", "px;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  background-color: ", ";\n  shadow-color: ", ";\n  shadow-offset: ", ";\n  shadow-opacity: ", ";\n  shadow-radius: ", ";\n  elevation: ", ";\n"])), function (_ref2) {
+var BottomNavigationContainer = styled(View)(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: hidden;\n"])));
+var ContentWrapper = styled(View)(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n  flex: 1;\n"])));
+var BottomBarWrapper = styled(View)(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n  height: ", "px;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  background-color: ", ";\n  shadow-color: ", ";\n  shadow-offset: ", ";\n  shadow-opacity: ", ";\n  shadow-radius: ", ";\n  elevation: ", ";\n"])), function (_ref2) {
   var theme = _ref2.theme,
       themeInsets = _ref2.themeInsets;
   return theme.__hd__.bottomNavigation.sizes.height + themeInsets.bottom;
@@ -19951,7 +19986,7 @@ var BottomBarWrapper = styled(View)(_templateObject4$1 || (_templateObject4$1 =
   var theme = _ref11.theme;
   return theme.__hd__.bottomNavigation.shadows.elevation;
 });
-var BottomBar = styled(View)(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-direction: row;\n  overflow: hidden;\n  align-items: center;\n"])));
+var BottomBar = styled(View)(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-direction: row;\n  overflow: hidden;\n  align-items: center;\n"])));
 var BottomBarItem = styled(View)(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n  flex: 1;\n  align-items: center;\n"])));
 
 var isIOS = Platform.OS === 'ios';
@@ -20049,8 +20084,8 @@ var BottomNavigation = function BottomNavigation(_ref) {
   }))));
 };
 
-var _templateObject$3;
-var StyledCard = styled(View)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n  overflow: hidden;\n"])), function (_ref) {
+var _templateObject$5;
+var StyledCard = styled(View)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: ", ";\n  overflow: hidden;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.card.radii["default"];
 }, function (_ref2) {
@@ -20062,8 +20097,8 @@ var Card = function Card(props) {
   return /*#__PURE__*/React.createElement(StyledCard, props);
 };
 
-var _templateObject$2, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-var StyledDivider = styled(View)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  border-bottom-width: ", ";\n  border-bottom-color: ", ";\n  max-width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var _templateObject$4, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var StyledDivider = styled(View)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  border-bottom-width: ", ";\n  border-bottom-color: ", ";\n  max-width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.divider.borderWidths["default"];
 }, function (_ref2) {
@@ -20075,16 +20110,16 @@ var StyledDivider = styled(View)(_templateObject$2 || (_templateObject$2 = _tagg
 
   switch (themeMarginHorizontal) {
     case undefined:
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
+      return css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral([""])));
 
     case 'xsmall':
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.xsmall);
+      return css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.xsmall);
 
     case 'small':
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.small);
+      return css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.small);
 
     case 'medium':
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.medium);
+      return css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.medium);
 
     case 'large':
       return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          margin-horizontal: ", ";\n        "])), theme.__hd__.divider.space.large);
@@ -20134,13 +20169,13 @@ var Divider = function Divider(_ref) {
   }, nativeProps));
 };
 
-var _templateObject$1;
-var StyledFABIcon = styled(Icon)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n"])), function (_ref) {
+var _templateObject$3;
+var StyledFABIcon = styled(Icon)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.fab.colors.icon;
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.__hd__.fab.fontSizes["default"];
+  return theme.__hd__.fab.fontSizes.buttonIcon;
 });
 
 var _excluded = ["active"];
@@ -20174,8 +20209,8 @@ var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
   }, /*#__PURE__*/React.createElement(AnimatedIcons, iconProps));
 };
 
-var _templateObject;
-var StyledFABContainer = styled(TouchableHighlight)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border-radius: 999px;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n"])), function (_ref) {
+var _templateObject$2;
+var StyledFABContainer = styled(TouchableHighlight)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border-radius: 999px;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.__hd__.fab.sizes.height;
 }, function (_ref2) {
@@ -20187,7 +20222,7 @@ var StyledFABContainer = styled(TouchableHighlight)(_templateObject || (_templat
 });
 
 var FAB = function FAB(_ref) {
-  var _onPress = _ref.onPress,
+  var onPress = _ref.onPress,
       icon = _ref.icon,
       animated = _ref.animated,
       testID = _ref.testID,
@@ -20195,19 +20230,172 @@ var FAB = function FAB(_ref) {
       style = _ref.style;
   return /*#__PURE__*/React.createElement(StyledFABContainer, {
     testID: testID,
-    onPress: function onPress() {
-      _onPress === null || _onPress === void 0 ? void 0 : _onPress();
-    },
+    onPress: onPress,
     activeOpacity: 0.6,
     style: style
   }, animated ? /*#__PURE__*/React.createElement(AnimatedFABIcon, {
     active: active,
     icon: icon,
-    testID: "animatedFABIcon"
+    testID: "animated-fab-icon"
   }) : /*#__PURE__*/React.createElement(StyledFABIcon, {
     icon: icon,
-    testID: "styledFABIcon"
+    testID: "styled-fab-icon"
   }));
 };
 
-export { Badge, BottomNavigation, Card, Divider, FAB, Icon, ThemeProvider, Typography, getTheme, scale, theme, useTheme };
+var _templateObject$1, _templateObject2$1;
+var StyledActionItem = styled(TouchableOpacity)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n  padding-bottom: ", ";\n  margin: ", ";\n  margin-right: ", ";\n  background: ", ";\n  border-radius: ", ";\n  flex-direction: row;\n  align-items: center;\n  align-self: flex-end;\n  overflow: hidden;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.__hd__.fab.space.actionItemPaddingLeft;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.__hd__.fab.space.actionItemPaddingRight;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.__hd__.fab.space.actionItemPaddingTop;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.__hd__.fab.space.actionItemPaddingBottom;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.__hd__.fab.space.actionItemMargin;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.__hd__.fab.space.actionItemMarginRight;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.__hd__.fab.colors.actionItemBackground;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.__hd__.fab.radii.actionItem;
+});
+var StyledActionItemText = styled(Typography.Text)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n"])), function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.__hd__.fab.space.actionItemTextPaddingLeft;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.__hd__.fab.fontSizes.actionItemText;
+}, function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.__hd__.fab.lineHeights.actionItemText;
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return theme.__hd__.fab.fontWeights.actionItemText;
+});
+
+var ActionItem = function ActionItem(_ref) {
+  var icon = _ref.icon,
+      title = _ref.title,
+      onPress = _ref.onPress,
+      style = _ref.style,
+      testID = _ref.testID;
+  return /*#__PURE__*/React.createElement(StyledActionItem, {
+    style: style,
+    onPress: onPress,
+    testID: testID
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon
+  }), /*#__PURE__*/React.createElement(StyledActionItemText, null, title)));
+};
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var StyledContainer = styled(View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  align-items: flex-end;\n  justify-content: flex-end;\n"])));
+var StyledActionGroupContainer = styled(Animated.View)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  align-items: flex-end;\n  justify-content: flex-end;\n  width: 70%;\n"])));
+var StyledFAB = styled(FAB)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n  align-self: flex-end;\n  margin-top: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.space.large;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.space.large;
+});
+var StyledBackdrop = styled(Animated.View)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background: ", ";\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.__hd__.fab.colors.backdropBackground;
+});
+var StyledHeaderText = styled(Typography.Text)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  text-align: right;\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.__hd__.fab.fontSizes.header;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.__hd__.fab.lineHeights.header;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.__hd__.fab.fontWeights.header;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.__hd__.fab.space.headerTextMarginRight;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.__hd__.fab.space.headerTextMarginBottom;
+});
+
+var ActionItemsListComponent = function ActionItemsListComponent(_ref) {
+  var style = _ref.style,
+      items = _ref.items;
+  return /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, items === null || items === void 0 ? void 0 : items.map(function (itemProp) {
+    return /*#__PURE__*/React.createElement(ActionItem, _extends$1({
+      key: itemProp.icon
+    }, itemProp));
+  }));
+};
+
+var ActionGroup = function ActionGroup(_ref2) {
+  var headerTitle = _ref2.headerTitle,
+      onPress = _ref2.onPress,
+      active = _ref2.active,
+      style = _ref2.style,
+      items = _ref2.items,
+      testID = _ref2.testID;
+  var tranlateXAnimation = useRef(new Animated.Value(active ? 1 : 0));
+  useEffect(function () {
+    var animation = Animated.timing(tranlateXAnimation.current, {
+      toValue: active ? 1 : 0,
+      useNativeDriver: true
+    });
+    animation.start();
+  }, [active]);
+  var interpolatedTranlateXAnimation = tranlateXAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [400, 0]
+  });
+  var interpolatedOpacityAnimation = tranlateXAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 0.5]
+  });
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    testID: testID,
+    pointerEvents: "box-none",
+    style: style
+  }, /*#__PURE__*/React.createElement(StyledBackdrop, {
+    pointerEvents: active ? 'auto' : 'box-none',
+    testID: "back-drop",
+    style: {
+      opacity: interpolatedOpacityAnimation
+    }
+  }), /*#__PURE__*/React.createElement(StyledActionGroupContainer, {
+    testID: "action-group",
+    style: {
+      transform: [{
+        translateX: interpolatedTranlateXAnimation
+      }]
+    }
+  }, headerTitle && /*#__PURE__*/React.createElement(StyledHeaderText, {
+    testID: "header-text"
+  }, headerTitle), /*#__PURE__*/React.createElement(ActionItemsListComponent, {
+    items: items
+  })), /*#__PURE__*/React.createElement(StyledFAB, {
+    testID: "fab",
+    icon: "add",
+    onPress: onPress,
+    animated: true,
+    active: active
+  }));
+};
+
+var index = Object.assign(FAB, {
+  ActionGroup: ActionGroup
+});
+
+export { Badge, BottomNavigation, Card, Divider, index as FAB, Icon, ThemeProvider, Typography, getTheme, scale, theme, useTheme };