@hero-design/rn 8.4.0 → 8.5.0-alpha.0

package/es/index.js

@@ -5,7 +5,6 @@ import { createIconSet } from 'react-native-vector-icons';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import DateTimePicker from '@react-native-community/datetimepicker';
 import RnSlider from '@react-native-community/slider';
-import { RectButton, GestureHandlerRootView, Swipeable as Swipeable$1 } from 'react-native-gesture-handler';
 import PagerView from 'react-native-pager-view';
 import { EventEmitter } from 'events';
 import { WebView } from 'react-native-webview';
@@ -5607,7 +5606,7 @@ var index$a = components.reduce(function (acc, comp) {
   });
 }, styled);
 
-var StyledWrapper$b = index$a(Animated.View)(function () {
+var StyledWrapper$c = index$a(Animated.View)(function () {
   return {
     margin: 0,
     padding: 0,
@@ -5681,7 +5680,7 @@ var Collapse = function Collapse(_ref) {
     var height = _ref2.height;
     setContentHeight(height);
   }, []);
-  return /*#__PURE__*/React.createElement(StyledWrapper$b, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$c, {
     style: {
       height: collapseAnim
     },
@@ -5694,7 +5693,7 @@ var Collapse = function Collapse(_ref) {
   }, children)));
 };
 
-var StyledWrapper$a = index$a(View)(function () {
+var StyledWrapper$b = index$a(View)(function () {
   return {};
 });
 var StyledItemWrapper = index$a(View)(function (_ref) {
@@ -5747,7 +5746,7 @@ var StyledText$3 = index$a(Text$1)(function (_ref) {
   });
 });
 
-var _excluded$m = ["children", "fontSize", "fontWeight", "intent", "typeface"];
+var _excluded$l = ["children", "fontSize", "fontWeight", "intent", "typeface"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -5758,7 +5757,7 @@ var Text = function Text(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$m);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/React.createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
     themeFontWeight: fontWeight,
@@ -5772,7 +5771,7 @@ var Typography = {
 };
 
 // 🔴 DO NOT EDIT — This file is generated automatically.
-var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bookmark-added', 'bookmark', 'box-check', 'box', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'survey', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'camera-outlined', 'cancel', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'comment-outlined', 'contacts-outlined', 'credit-card-outlined', 'cup-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'funnel-filter-outline', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'target-outlined', 'timesheet-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'wallet-outlined'];
+var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bookmark', 'box-check', 'box', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'survey', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'at-sign', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'camera-outlined', 'cancel', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'comment-outlined', 'contacts-outlined', 'credit-card-outlined', 'cup-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'funnel-filter-outline', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'target-outlined', 'timesheet-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'wallet-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -5782,81 +5781,81 @@ var archive = 59006;
 var bank = 59008;
 var bell = 59009;
 var billing = 59010;
-var bookmark = 59012;
-var box = 59014;
-var buildings = 59015;
-var cake = 59016;
-var calendar = 59018;
-var clock = 59043;
-var cog = 59046;
-var coin = 59047;
-var contacts = 59048;
-var diamond = 59050;
-var directory = 59052;
-var document$1 = 59053;
-var envelope = 59057;
-var expense = 59058;
-var eye = 59061;
-var feed = 59065;
-var feedbacks = 59066;
-var file = 59084;
-var filter = 59085;
-var folder = 59087;
-var globe = 59097;
-var graph = 59099;
-var heart = 59102;
-var home = 59103;
-var image = 59104;
-var instapay = 59107;
-var list = 59108;
-var loading = 59110;
-var location = 59111;
-var lock = 59112;
-var menu = 59116;
-var moneybag = 59117;
-var moon = 59118;
-var node = 59121;
-var paperclip = 59123;
-var pencil = 59125;
-var phone = 59126;
-var plane = 59128;
-var print = 59130;
-var reply = 59133;
-var reschedule = 59134;
-var rostering = 59135;
-var save = 59136;
-var schedule = 59138;
-var send = 59140;
-var speaker = 59142;
-var star = 59147;
-var stopwatch = 59149;
-var suitcase = 59150;
-var survey = 59151;
-var swag = 59152;
-var tag = 59154;
-var target = 59155;
-var teams = 59156;
-var timesheet = 59157;
-var unlock = 59160;
-var user = 59161;
-var wallet = 59164;
-var warning = 59165;
-var add = 59171;
-var bold = 59192;
-var cancel = 59202;
-var checkmark = 59205;
-var italic = 59277;
-var number = 59300;
-var percentage = 59305;
-var redeem = 59314;
-var refresh = 59315;
-var remove = 59316;
-var restart = 59318;
-var strikethrough = 59339;
-var sync = 59344;
-var transfer = 59348;
-var unavailable = 59351;
-var underline = 59352;
+var bookmark = 59011;
+var box = 59013;
+var buildings = 59014;
+var cake = 59015;
+var calendar = 59017;
+var clock = 59042;
+var cog = 59045;
+var coin = 59046;
+var contacts = 59047;
+var diamond = 59049;
+var directory = 59051;
+var document$1 = 59052;
+var envelope = 59056;
+var expense = 59057;
+var eye = 59060;
+var feed = 59064;
+var feedbacks = 59065;
+var file = 59083;
+var filter = 59084;
+var folder = 59086;
+var globe = 59096;
+var graph = 59098;
+var heart = 59101;
+var home = 59102;
+var image = 59103;
+var instapay = 59106;
+var list = 59107;
+var loading = 59109;
+var location = 59110;
+var lock = 59111;
+var menu = 59115;
+var moneybag = 59116;
+var moon = 59117;
+var node = 59120;
+var paperclip = 59122;
+var pencil = 59124;
+var phone = 59125;
+var plane = 59127;
+var print = 59129;
+var reply = 59132;
+var reschedule = 59133;
+var rostering = 59134;
+var save = 59135;
+var schedule = 59137;
+var send = 59139;
+var speaker = 59141;
+var star = 59145;
+var stopwatch = 59147;
+var suitcase = 59148;
+var survey = 59149;
+var swag = 59150;
+var tag = 59152;
+var target = 59153;
+var teams = 59154;
+var timesheet = 59155;
+var unlock = 59158;
+var user = 59159;
+var wallet = 59162;
+var warning = 59163;
+var add = 59169;
+var bold = 59188;
+var cancel = 59198;
+var checkmark = 59201;
+var italic = 59273;
+var number = 59296;
+var percentage = 59300;
+var redeem = 59309;
+var refresh = 59310;
+var remove = 59311;
+var restart = 59313;
+var strikethrough = 59332;
+var sync = 59337;
+var transfer = 59341;
+var unavailable = 59344;
+var underline = 59345;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -5869,357 +5868,350 @@ var glyphMap = {
 	bank: bank,
 	bell: bell,
 	billing: billing,
-	"bookmark-added": 59011,
 	bookmark: bookmark,
-	"box-check": 59013,
+	"box-check": 59012,
 	box: box,
 	buildings: buildings,
 	cake: cake,
-	"calendar-clock": 59017,
+	"calendar-clock": 59016,
 	calendar: calendar,
-	"candy-box-menu": 59019,
-	"caret-down-small": 59020,
-	"caret-down": 59021,
-	"caret-left-small": 59022,
-	"caret-left": 59023,
-	"caret-right-small": 59024,
-	"caret-right": 59025,
-	"caret-up-small": 59026,
-	"caret-up": 59027,
-	"check-radio": 59028,
-	"circle-add": 59029,
-	"circle-cancel": 59030,
-	"circle-check": 59031,
-	"circle-down": 59032,
-	"circle-info": 59033,
-	"circle-left": 59034,
-	"circle-ok": 59035,
-	"circle-pencil": 59036,
-	"circle-question": 59037,
-	"circle-remove": 59038,
-	"circle-right": 59039,
-	"circle-up": 59040,
-	"circle-warning": 59041,
-	"clock-3": 59042,
+	"candy-box-menu": 59018,
+	"caret-down-small": 59019,
+	"caret-down": 59020,
+	"caret-left-small": 59021,
+	"caret-left": 59022,
+	"caret-right-small": 59023,
+	"caret-right": 59024,
+	"caret-up-small": 59025,
+	"caret-up": 59026,
+	"check-radio": 59027,
+	"circle-add": 59028,
+	"circle-cancel": 59029,
+	"circle-check": 59030,
+	"circle-down": 59031,
+	"circle-info": 59032,
+	"circle-left": 59033,
+	"circle-ok": 59034,
+	"circle-pencil": 59035,
+	"circle-question": 59036,
+	"circle-remove": 59037,
+	"circle-right": 59038,
+	"circle-up": 59039,
+	"circle-warning": 59040,
+	"clock-3": 59041,
 	clock: clock,
-	"cloud-download": 59044,
-	"cloud-upload": 59045,
+	"cloud-download": 59043,
+	"cloud-upload": 59044,
 	cog: cog,
 	coin: coin,
 	contacts: contacts,
-	"credit-card": 59049,
+	"credit-card": 59048,
 	diamond: diamond,
-	"direction-arrows": 59051,
+	"direction-arrows": 59050,
 	directory: directory,
 	document: document$1,
-	"dollar-coin-shine": 59054,
-	"double-buildings": 59055,
-	"edit-template": 59056,
+	"dollar-coin-shine": 59053,
+	"double-buildings": 59054,
+	"edit-template": 59055,
 	envelope: envelope,
 	expense: expense,
-	"eye-circle": 59059,
-	"eye-invisible": 59060,
+	"eye-circle": 59058,
+	"eye-invisible": 59059,
 	eye: eye,
-	"face-meh": 59062,
-	"face-sad": 59063,
-	"face-smiley": 59064,
+	"face-meh": 59061,
+	"face-sad": 59062,
+	"face-smiley": 59063,
 	feed: feed,
 	feedbacks: feedbacks,
-	"file-certified": 59067,
-	"file-clone": 59068,
-	"file-copy": 59069,
-	"file-csv": 59070,
-	"file-dispose": 59071,
-	"file-doc": 59072,
-	"file-excel": 59073,
-	"file-export": 59074,
-	"file-lock": 59075,
-	"file-pdf": 59076,
-	"file-powerpoint": 59077,
-	"file-search": 59078,
-	"file-secured": 59079,
-	"file-sheets": 59080,
-	"file-slide": 59081,
-	"file-verified": 59082,
-	"file-word": 59083,
+	"file-certified": 59066,
+	"file-clone": 59067,
+	"file-copy": 59068,
+	"file-csv": 59069,
+	"file-dispose": 59070,
+	"file-doc": 59071,
+	"file-excel": 59072,
+	"file-export": 59073,
+	"file-lock": 59074,
+	"file-pdf": 59075,
+	"file-powerpoint": 59076,
+	"file-search": 59077,
+	"file-secured": 59078,
+	"file-sheets": 59079,
+	"file-slide": 59080,
+	"file-verified": 59081,
+	"file-word": 59082,
 	file: file,
 	filter: filter,
-	"folder-user": 59086,
+	"folder-user": 59085,
 	folder: folder,
-	"format-bold": 59088,
-	"format-heading1": 59089,
-	"format-heading2": 59090,
-	"format-italic": 59091,
-	"format-list-bulleted": 59092,
-	"format-list-numbered": 59093,
-	"format-underlined": 59094,
-	"funnel-filter": 59095,
-	"global-dollar": 59096,
+	"format-bold": 59087,
+	"format-heading1": 59088,
+	"format-heading2": 59089,
+	"format-italic": 59090,
+	"format-list-bulleted": 59091,
+	"format-list-numbered": 59092,
+	"format-underlined": 59093,
+	"funnel-filter": 59094,
+	"global-dollar": 59095,
 	globe: globe,
-	"graduation-cap": 59098,
+	"graduation-cap": 59097,
 	graph: graph,
-	"happy-sun": 59100,
-	"health-bag": 59101,
+	"happy-sun": 59099,
+	"health-bag": 59100,
 	heart: heart,
 	home: home,
 	image: image,
-	"import": 59105,
-	"incident-siren": 59106,
+	"import": 59104,
+	"incident-siren": 59105,
 	instapay: instapay,
 	list: list,
-	"loading-2": 59109,
+	"loading-2": 59108,
 	loading: loading,
 	location: location,
 	lock: lock,
-	"looks-one": 59113,
-	"looks-two": 59114,
-	"media-content": 59115,
+	"looks-one": 59112,
+	"looks-two": 59113,
+	"media-content": 59114,
 	menu: menu,
 	moneybag: moneybag,
 	moon: moon,
-	"multiple-stars": 59119,
-	"multiple-users": 59120,
+	"multiple-stars": 59118,
+	"multiple-users": 59119,
 	node: node,
-	"open-folder": 59122,
+	"open-folder": 59121,
 	paperclip: paperclip,
-	"payment-summary": 59124,
+	"payment-summary": 59123,
 	pencil: pencil,
 	phone: phone,
-	"piggy-bank": 59127,
+	"piggy-bank": 59126,
 	plane: plane,
-	"play-circle": 59129,
+	"play-circle": 59128,
 	print: print,
-	"raising-hands": 59131,
-	"reply-arrow": 59132,
+	"raising-hands": 59130,
+	"reply-arrow": 59131,
 	reply: reply,
 	reschedule: reschedule,
 	rostering: rostering,
 	save: save,
-	"schedule-send": 59137,
+	"schedule-send": 59136,
 	schedule: schedule,
-	"search-person": 59139,
+	"search-person": 59138,
 	send: send,
-	"speaker-active": 59141,
+	"speaker-active": 59140,
 	speaker: speaker,
-	"star-award": 59143,
-	"star-badge": 59144,
-	"star-circle": 59145,
-	"star-medal": 59146,
+	"star-award": 59142,
+	"star-badge": 59143,
+	"star-medal": 59144,
 	star: star,
-	"steps-circle": 59148,
+	"steps-circle": 59146,
 	stopwatch: stopwatch,
 	suitcase: suitcase,
 	survey: survey,
 	swag: swag,
-	"switch": 59153,
+	"switch": 59151,
 	tag: tag,
 	target: target,
 	teams: teams,
 	timesheet: timesheet,
-	"touch-id": 59158,
-	"trash-bin": 59159,
+	"touch-id": 59156,
+	"trash-bin": 59157,
 	unlock: unlock,
 	user: user,
-	"video-1": 59162,
-	"video-2": 59163,
+	"video-1": 59160,
+	"video-2": 59161,
 	wallet: wallet,
 	warning: warning,
-	"activate-outlined": 59166,
-	"add-credit-card-outlined": 59167,
-	"add-person-outlined": 59168,
-	"add-section-outlined": 59169,
-	"add-time-outlined": 59170,
+	"activate-outlined": 59164,
+	"add-credit-card-outlined": 59165,
+	"add-person-outlined": 59166,
+	"add-section-outlined": 59167,
+	"add-time-outlined": 59168,
 	add: add,
-	"adjustment-outlined": 59172,
-	"alignment-2-outlined": 59173,
-	"alignment-outlined": 59174,
-	"all-caps": 59175,
-	"arrow-down": 59176,
-	"arrow-downwards": 59177,
-	"arrow-left": 59178,
-	"arrow-leftwards": 59179,
-	"arrow-right": 59180,
-	"arrow-rightwards": 59181,
-	"arrow-up": 59182,
-	"arrow-upwards": 59183,
-	"article-outlined": 59184,
-	"at-sign": 59185,
-	"auto-graph-outlined": 59186,
-	"bell-active-outlined": 59187,
-	"bell-outlined": 59188,
-	"bell-slash-outlined": 59189,
-	"billing-outlined": 59190,
-	"body-outlined": 59191,
+	"adjustment-outlined": 59170,
+	"alignment-2-outlined": 59171,
+	"alignment-outlined": 59172,
+	"all-caps": 59173,
+	"arrow-down": 59174,
+	"arrow-downwards": 59175,
+	"arrow-left": 59176,
+	"arrow-leftwards": 59177,
+	"arrow-right": 59178,
+	"arrow-rightwards": 59179,
+	"arrow-up": 59180,
+	"arrow-upwards": 59181,
+	"at-sign": 59182,
+	"bell-active-outlined": 59183,
+	"bell-outlined": 59184,
+	"bell-slash-outlined": 59185,
+	"billing-outlined": 59186,
+	"body-outlined": 59187,
 	bold: bold,
-	"bookmark-added-outlined": 59193,
-	"bookmark-outlined": 59194,
-	"box-check-outlined": 59195,
-	"box-outlined": 59196,
-	"bullet-points": 59197,
-	"cake-outlined": 59198,
-	"calendar-dates-outlined": 59199,
-	"calendar-star-outlined": 59200,
-	"camera-outlined": 59201,
+	"bookmark-added-outlined": 59189,
+	"bookmark-outlined": 59190,
+	"box-check-outlined": 59191,
+	"box-outlined": 59192,
+	"bullet-points": 59193,
+	"cake-outlined": 59194,
+	"calendar-dates-outlined": 59195,
+	"calendar-star-outlined": 59196,
+	"camera-outlined": 59197,
 	cancel: cancel,
-	"chat-bubble-outlined": 59203,
-	"chat-unread-outlined": 59204,
+	"chat-bubble-outlined": 59199,
+	"chat-unread-outlined": 59200,
 	checkmark: checkmark,
-	"circle-add-outlined": 59206,
-	"circle-cancel-outlined": 59207,
-	"circle-down-outlined": 59208,
-	"circle-info-outlined": 59209,
-	"circle-left-outlined": 59210,
-	"circle-ok-outlined": 59211,
-	"circle-question-outlined": 59212,
-	"circle-remove-outlined": 59213,
-	"circle-right-outlined": 59214,
-	"circle-up-outlined": 59215,
-	"circle-warning-outlined": 59216,
-	"clock-2-outlined": 59217,
-	"clock-outlined": 59218,
-	"cog-outlined": 59219,
-	"coin-outlined": 59220,
-	"comment-outlined": 59221,
-	"contacts-outlined": 59222,
-	"credit-card-outlined": 59223,
-	"cup-outlined": 59224,
-	"direction-arrows-outlined": 59225,
-	"directory-outlined": 59226,
-	"document-outlined": 59227,
-	"dollar-card-outlined": 59228,
-	"dollar-coin-shine-outlined": 59229,
-	"dollar-sign": 59230,
-	"double-buildings-outlined": 59231,
-	"double-left-arrows": 59232,
-	"double-right-arrows": 59233,
-	"download-outlined": 59234,
-	"edit-template-outlined": 59235,
-	"email-outlined": 59236,
-	"enter-arrow": 59237,
-	"envelope-outlined": 59238,
-	"expense-outlined": 59239,
-	"explore-outlined": 59240,
-	"external-link": 59241,
-	"eye-invisible-outlined": 59242,
-	"eye-outlined": 59243,
-	"face-id": 59244,
-	"face-meh-outlined": 59245,
-	"face-open-smiley-outlined": 59246,
-	"face-sad-outlined": 59247,
-	"face-smiley-outlined": 59248,
-	"feed-outlined": 59249,
-	"file-certified-outlined": 59250,
-	"file-clone-outlined": 59251,
-	"file-copy-outlined": 59252,
-	"file-dispose-outlined": 59253,
-	"file-dollar-outlined": 59254,
-	"file-download-outlined": 59255,
-	"file-export-outlined": 59256,
-	"file-lock-outlined": 59257,
-	"file-outlined": 59258,
-	"file-search-outlined": 59259,
-	"file-secured-outlined": 59260,
-	"file-verified-outlined": 59261,
-	"filter-outlined": 59262,
-	"folder-outlined": 59263,
-	"folder-user-outlined": 59264,
-	"funnel-filter-outline": 59265,
-	"graph-outlined": 59266,
-	"hand-holding-user-outlined": 59267,
-	"happy-sun-outlined": 59268,
-	"health-bag-outlined": 59269,
-	"heart-outlined": 59270,
-	"home-active-outlined": 59271,
-	"home-outlined": 59272,
-	"id-card-outlined": 59273,
-	"image-outlined": 59274,
-	"import-outlined": 59275,
-	"instapay-outlined": 59276,
+	"circle-add-outlined": 59202,
+	"circle-cancel-outlined": 59203,
+	"circle-down-outlined": 59204,
+	"circle-info-outlined": 59205,
+	"circle-left-outlined": 59206,
+	"circle-ok-outlined": 59207,
+	"circle-question-outlined": 59208,
+	"circle-remove-outlined": 59209,
+	"circle-right-outlined": 59210,
+	"circle-up-outlined": 59211,
+	"circle-warning-outlined": 59212,
+	"clock-2-outlined": 59213,
+	"clock-outlined": 59214,
+	"cog-outlined": 59215,
+	"coin-outlined": 59216,
+	"comment-outlined": 59217,
+	"contacts-outlined": 59218,
+	"credit-card-outlined": 59219,
+	"cup-outlined": 59220,
+	"direction-arrows-outlined": 59221,
+	"directory-outlined": 59222,
+	"document-outlined": 59223,
+	"dollar-card-outlined": 59224,
+	"dollar-coin-shine-outlined": 59225,
+	"dollar-sign": 59226,
+	"double-buildings-outlined": 59227,
+	"double-left-arrows": 59228,
+	"double-right-arrows": 59229,
+	"download-outlined": 59230,
+	"edit-template-outlined": 59231,
+	"email-outlined": 59232,
+	"enter-arrow": 59233,
+	"envelope-outlined": 59234,
+	"expense-outlined": 59235,
+	"explore-outlined": 59236,
+	"external-link": 59237,
+	"eye-invisible-outlined": 59238,
+	"eye-outlined": 59239,
+	"face-id": 59240,
+	"face-meh-outlined": 59241,
+	"face-open-smiley-outlined": 59242,
+	"face-sad-outlined": 59243,
+	"face-smiley-outlined": 59244,
+	"feed-outlined": 59245,
+	"file-certified-outlined": 59246,
+	"file-clone-outlined": 59247,
+	"file-copy-outlined": 59248,
+	"file-dispose-outlined": 59249,
+	"file-dollar-outlined": 59250,
+	"file-download-outlined": 59251,
+	"file-export-outlined": 59252,
+	"file-lock-outlined": 59253,
+	"file-outlined": 59254,
+	"file-search-outlined": 59255,
+	"file-secured-outlined": 59256,
+	"file-verified-outlined": 59257,
+	"filter-outlined": 59258,
+	"folder-outlined": 59259,
+	"folder-user-outlined": 59260,
+	"funnel-filter-outline": 59261,
+	"graph-outlined": 59262,
+	"hand-holding-user-outlined": 59263,
+	"happy-sun-outlined": 59264,
+	"health-bag-outlined": 59265,
+	"heart-outlined": 59266,
+	"home-active-outlined": 59267,
+	"home-outlined": 59268,
+	"id-card-outlined": 59269,
+	"image-outlined": 59270,
+	"import-outlined": 59271,
+	"instapay-outlined": 59272,
 	italic: italic,
-	"link-1": 59278,
-	"link-2": 59279,
-	"list-outlined": 59280,
-	"live-help-outlined": 59281,
-	"location-outlined": 59282,
-	"lock-outlined": 59283,
-	"locked-file-outlined": 59284,
-	"log-out": 59285,
-	"media-content-outlined": 59286,
-	"menu-close": 59287,
-	"menu-expand": 59288,
-	"menu-fold-outlined": 59289,
-	"menu-unfold-outlined": 59290,
-	"moneybag-outlined": 59291,
-	"moon-outlined": 59292,
-	"more-horizontal": 59293,
-	"more-vertical": 59294,
-	"multiple-folders-outlined": 59295,
-	"multiple-users-outlined": 59296,
-	"near-me-outlined": 59297,
-	"node-outlined": 59298,
-	"number-points": 59299,
+	"link-1": 59274,
+	"link-2": 59275,
+	"list-outlined": 59276,
+	"live-help-outlined": 59277,
+	"location-outlined": 59278,
+	"lock-outlined": 59279,
+	"locked-file-outlined": 59280,
+	"log-out": 59281,
+	"media-content-outlined": 59282,
+	"menu-close": 59283,
+	"menu-expand": 59284,
+	"menu-fold-outlined": 59285,
+	"menu-unfold-outlined": 59286,
+	"moneybag-outlined": 59287,
+	"moon-outlined": 59288,
+	"more-horizontal": 59289,
+	"more-vertical": 59290,
+	"multiple-folders-outlined": 59291,
+	"multiple-users-outlined": 59292,
+	"near-me-outlined": 59293,
+	"node-outlined": 59294,
+	"number-points": 59295,
 	number: number,
-	"overview-outlined": 59301,
-	"payment-summary-outlined": 59302,
-	"payslip-outlined": 59303,
-	"pencil-outlined": 59304,
+	"payment-summary-outlined": 59297,
+	"payslip-outlined": 59298,
+	"pencil-outlined": 59299,
 	percentage: percentage,
-	"phone-outlined": 59306,
-	"piggy-bank-outlined": 59307,
-	"plane-outlined": 59308,
-	"play-circle-outlined": 59309,
-	"print-outlined": 59310,
-	"qr-code-outlined": 59311,
-	"qualification-outlined": 59312,
-	"re-assign": 59313,
+	"phone-outlined": 59301,
+	"piggy-bank-outlined": 59302,
+	"plane-outlined": 59303,
+	"play-circle-outlined": 59304,
+	"print-outlined": 59305,
+	"qr-code-outlined": 59306,
+	"qualification-outlined": 59307,
+	"re-assign": 59308,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59317,
+	"reply-outlined": 59312,
 	restart: restart,
-	"return-arrow": 59319,
-	"rostering-outlined": 59320,
-	"save-outlined": 59321,
-	"schedule-outlined": 59322,
-	"search-outlined": 59323,
-	"search-secured-outlined": 59324,
-	"send-outlined": 59325,
-	"share-1": 59326,
-	"share-2": 59327,
-	"share-outlined": 59328,
-	"show-chart-outlined": 59329,
-	"single-down-arrow": 59330,
-	"single-left-arrow": 59331,
-	"single-right-arrow": 59332,
-	"single-up-arrow": 59333,
-	"speaker-active-outlined": 59334,
-	"speaker-outlined": 59335,
-	"star-circle-outlined": 59336,
-	"star-outlined": 59337,
-	"stopwatch-outlined": 59338,
+	"return-arrow": 59314,
+	"rostering-outlined": 59315,
+	"save-outlined": 59316,
+	"schedule-outlined": 59317,
+	"search-outlined": 59318,
+	"search-secured-outlined": 59319,
+	"send-outlined": 59320,
+	"share-1": 59321,
+	"share-2": 59322,
+	"share-outlined": 59323,
+	"single-down-arrow": 59324,
+	"single-left-arrow": 59325,
+	"single-right-arrow": 59326,
+	"single-up-arrow": 59327,
+	"speaker-active-outlined": 59328,
+	"speaker-outlined": 59329,
+	"star-outlined": 59330,
+	"stopwatch-outlined": 59331,
 	strikethrough: strikethrough,
-	"suitcase-clock-outlined": 59340,
-	"suitcase-outlined": 59341,
-	"survey-outlined": 59342,
-	"switch-outlined": 59343,
+	"suitcase-clock-outlined": 59333,
+	"suitcase-outlined": 59334,
+	"survey-outlined": 59335,
+	"switch-outlined": 59336,
 	sync: sync,
-	"target-outlined": 59345,
-	"timesheet-outlined": 59346,
-	"today-outlined": 59347,
+	"target-outlined": 59338,
+	"timesheet-outlined": 59339,
+	"today-outlined": 59340,
 	transfer: transfer,
-	"trash-bin-outlined": 59349,
-	"umbrela-outlined": 59350,
+	"trash-bin-outlined": 59342,
+	"umbrela-outlined": 59343,
 	unavailable: unavailable,
 	underline: underline,
-	"unlock-outlined": 59353,
-	"upload-outlined": 59354,
-	"user-circle-outlined": 59355,
-	"user-gear-outlined": 59356,
-	"user-outlined": 59357,
-	"user-rectangle-outlined": 59358,
-	"video-1-outlined": 59359,
-	"video-2-outlined": 59360,
-	"wallet-outlined": 59361
+	"unlock-outlined": 59346,
+	"upload-outlined": 59347,
+	"user-circle-outlined": 59348,
+	"user-gear-outlined": 59349,
+	"user-outlined": 59350,
+	"user-rectangle-outlined": 59351,
+	"video-1-outlined": 59352,
+	"video-2-outlined": 59353,
+	"wallet-outlined": 59354
 };
 
 var HeroIcon = createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -6244,10 +6236,10 @@ var StyledHeroIcon = index$a(HeroIcon)(function (_ref) {
   };
 });
 
-var _excluded$l = ["style"];
+var _excluded$k = ["style"];
 var AnimatedIcon = function AnimatedIcon(_ref) {
   var style = _ref.style,
-    otherProps = _objectWithoutProperties(_ref, _excluded$l);
+    otherProps = _objectWithoutProperties(_ref, _excluded$k);
   var rotateAnimation = useRef(new Animated.Value(0));
   useEffect(function () {
     var animation = Animated.loop(Animated.timing(rotateAnimation.current, {
@@ -6353,7 +6345,7 @@ var AccordionItem = function AccordionItem(_ref) {
   }, content));
 };
 
-var _excluded$k = ["key"];
+var _excluded$j = ["key"];
 var Accordion = function Accordion(_ref) {
   var items = _ref.items,
     activeItemKey = _ref.activeItemKey,
@@ -6369,12 +6361,12 @@ var Accordion = function Accordion(_ref) {
     _usePropsOrInternalSt2 = _slicedToArray(_usePropsOrInternalSt, 2),
     _activeItemKey = _usePropsOrInternalSt2[0],
     _onItemPress = _usePropsOrInternalSt2[1];
-  return /*#__PURE__*/React.createElement(StyledWrapper$a, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$b, {
     style: style,
     testID: testID
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
-      props = _objectWithoutProperties(_ref2, _excluded$k);
+      props = _objectWithoutProperties(_ref2, _excluded$j);
     var open = _activeItemKey === key;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: key
@@ -6556,7 +6548,7 @@ var Attachment = function Attachment(_ref) {
   })) : null);
 };
 
-var StyledWrapper$9 = index$a(TouchableOpacity)(function (_ref) {
+var StyledWrapper$a = index$a(TouchableOpacity)(function (_ref) {
   var themeSize = _ref.themeSize,
     themeIntent = _ref.themeIntent,
     theme = _ref.theme;
@@ -6611,7 +6603,7 @@ var Avatar = function Avatar(_ref) {
     hasImageError = _useState2[0],
     setHasImageError = _useState2[1];
   if (title === undefined && source === undefined) return null;
-  return /*#__PURE__*/React.createElement(StyledWrapper$9, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$a, {
     testID: testID,
     onPress: onPress,
     disabled: onPress === undefined,
@@ -6635,7 +6627,7 @@ var Avatar = function Avatar(_ref) {
 };
 
 var VISIBLE_RATIO = 0.7;
-var StyledWrapper$8 = index$a(View)(function (_ref) {
+var StyledWrapper$9 = index$a(View)(function (_ref) {
   var theme = _ref.theme,
     themeSize = _ref.themeSize,
     themeAvatarCount = _ref.themeAvatarCount;
@@ -6697,7 +6689,7 @@ var AvatarStack = function AvatarStack(_ref) {
     });
     avatars.push(remainingAvatar);
   }
-  return /*#__PURE__*/React.createElement(StyledWrapper$8, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$9, {
     themeSize: size,
     themeAvatarCount: avatars.length,
     style: style,
@@ -6756,7 +6748,7 @@ var StyledStatus = index$a(Animated.View)(function (_ref3) {
   };
 });
 
-var _excluded$j = ["children", "visible", "intent", "style", "testID"];
+var _excluded$i = ["children", "visible", "intent", "style", "testID"];
 var Status = function Status(_ref) {
   var children = _ref.children,
     _ref$visible = _ref.visible,
@@ -6765,7 +6757,7 @@ var Status = function Status(_ref) {
     intent = _ref$intent === void 0 ? 'danger' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$j);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$i);
   var _React$useRef = React.useRef(new Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
   var isFirstRendering = React.useRef(true);
@@ -6798,7 +6790,7 @@ var Status = function Status(_ref) {
   }));
 };
 
-var _excluded$i = ["content", "visible", "max", "intent", "style", "testID"];
+var _excluded$h = ["content", "visible", "max", "intent", "style", "testID"];
 var DEFAULT_MAX_NUMBER = 99;
 var getPaddingState = function getPaddingState(content) {
   return content.length > 1 ? 'wideContent' : 'narrowContent';
@@ -6813,7 +6805,7 @@ var Badge = function Badge(_ref) {
     intent = _ref$intent === void 0 ? 'danger' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$i);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$h);
   var _React$useRef = React.useRef(new Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
   var isFirstRendering = React.useRef(true);
@@ -6917,7 +6909,7 @@ function omit(keys, obj) {
   return result;
 }
 
-var _excluded$h = ["onTabPress", "renderActiveTabOnly", "selectedTabKey", "tabs"];
+var _excluded$g = ["onTabPress", "renderActiveTabOnly", "selectedTabKey", "tabs"];
 var getInactiveIcon = function getInactiveIcon(icon) {
   var inactiveIcon = "".concat(icon, "-outlined");
   return isHeroIcon(inactiveIcon) ? inactiveIcon : icon;
@@ -6928,7 +6920,7 @@ var BottomNavigation = function BottomNavigation(_ref) {
     renderActiveTabOnly = _ref$renderActiveTabO === void 0 ? false : _ref$renderActiveTabO,
     selectedTabKey = _ref.selectedTabKey,
     tabs = _ref.tabs,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$h);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$g);
   var insets = useSafeAreaInsets();
   /**
    * List of loaded tabs, tabs will be loaded when navigated to.
@@ -7015,13 +7007,13 @@ var StyledDivider = index$a(View)(function (_ref) {
   }, horizontalMargin), verticalMargin);
 });
 
-var _excluded$g = ["marginHorizontal", "marginVertical", "style", "testID"];
+var _excluded$f = ["marginHorizontal", "marginVertical", "style", "testID"];
 var Divider = function Divider(_ref) {
   var marginHorizontal = _ref.marginHorizontal,
     marginVertical = _ref.marginVertical,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$g);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$f);
   return /*#__PURE__*/React.createElement(StyledDivider, _extends$1({}, nativeProps, {
     themeMarginHorizontal: marginHorizontal,
     themeMarginVertical: marginVertical,
@@ -7032,7 +7024,7 @@ var Divider = function Divider(_ref) {
 
 var AnimatedPressable$1 = Animated.createAnimatedComponent(Pressable);
 var AnimatedSafeAreaView = Animated.createAnimatedComponent(SafeAreaView);
-var StyledWrapper$7 = index$a(View)(_objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
+var StyledWrapper$8 = index$a(View)(_objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
   flexDirection: 'column-reverse'
 }));
 var StyledKeyboardAvoidingView = index$a(KeyboardAvoidingView)(function () {
@@ -7151,7 +7143,7 @@ var StyledLoadingDot = index$a(View)(function (_ref2) {
   }, themeStyling());
 });
 
-var _excluded$f = ["count", "size", "testID", "themeVariant"];
+var _excluded$e = ["count", "size", "testID", "themeVariant"];
 var AnimatedLoadingIndicatorWrapper = Animated.createAnimatedComponent(StyledLoadingIndicatorWrapper);
 var AnimatedLoadingDot = Animated.createAnimatedComponent(StyledLoadingDot);
 var renderDotComponent = function renderDotComponent(_ref) {
@@ -7183,7 +7175,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
     size = _ref2$size === void 0 ? 12 : _ref2$size,
     testID = _ref2.testID,
     themeVariant = _ref2.themeVariant,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$f);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$e);
   var progressAnimation = useRef(new Animated.Value(0));
   useEffect(function () {
     var animation = Animated.loop(Animated.timing(progressAnimation.current, {
@@ -7579,11 +7571,11 @@ var Header = function Header(_ref) {
   })) : null), showDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
 };
 
-var _excluded$e = ["scrollEventThrottle"];
+var _excluded$d = ["scrollEventThrottle"];
 var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
   var _ref$scrollEventThrot = _ref.scrollEventThrottle,
     scrollEventThrottle = _ref$scrollEventThrot === void 0 ? 100 : _ref$scrollEventThrot,
-    props = _objectWithoutProperties(_ref, _excluded$e);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   var _useContext = useContext(BottomSheetContext),
     setInternalShowDivider = _useContext.setInternalShowDivider;
   var onScrollBeginDrag = useCallback(function (e) {
@@ -7691,7 +7683,7 @@ var BottomSheet = function BottomSheet(_ref) {
     transparent: true,
     testID: testID,
     onShow: onOpen
-  }, /*#__PURE__*/React.createElement(StyledWrapper$7, {
+  }, /*#__PURE__*/React.createElement(StyledWrapper$8, {
     pointerEvents: "box-none"
   }, /*#__PURE__*/React.createElement(StyledKeyboardAvoidingView, _extends$1({
     behavior: Platform.OS === 'ios' ? 'padding' : 'height'
@@ -7898,7 +7890,7 @@ var borderWidths = {
 var config = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, colors), space), radii), borderWidths);
 var flexPropsKey = ['alignContent', 'alignItems', 'alignSelf', 'display', 'flex', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'justifyContent'];
 
-var _excluded$d = ["theme"];
+var _excluded$c = ["theme"];
 var getThemeValue = function getThemeValue(theme, key, props) {
   var propConfig = config[key];
   var propValue = props[key];
@@ -7925,18 +7917,18 @@ var mapStylePropToThemeValue = function mapStylePropToThemeValue(theme, props) {
 var configKeys = Object.keys(config);
 var StyledBox = index$a(View)(function (_ref5) {
   var theme = _ref5.theme,
-    otherProps = _objectWithoutProperties(_ref5, _excluded$d);
+    otherProps = _objectWithoutProperties(_ref5, _excluded$c);
   var styleProps = pick(configKeys, otherProps);
   var flexProps = pick(_toConsumableArray(flexPropsKey), otherProps);
   return _objectSpread2(_objectSpread2({}, mapStylePropToThemeValue(theme, styleProps)), flexProps);
 });
 
-var _excluded$c = ["children", "style", "testID"];
+var _excluded$b = ["children", "style", "testID"];
 var Box = function Box(_ref) {
   var children = _ref.children,
     style = _ref.style,
     testID = _ref.testID,
-    otherProps = _objectWithoutProperties(_ref, _excluded$c);
+    otherProps = _objectWithoutProperties(_ref, _excluded$b);
   return /*#__PURE__*/React.createElement(StyledBox, _extends$1({}, otherProps, {
     style: style,
     testID: testID
@@ -10547,7 +10539,7 @@ var CarouselPaginator = function CarouselPaginator(_ref) {
   }));
 };
 
-var _excluded$b = ["rounded", "size", "testID", "style"];
+var _excluded$a = ["rounded", "size", "testID", "style"];
 var Image = function Image(_ref) {
   var _ref$rounded = _ref.rounded,
     rounded = _ref$rounded === void 0 ? false : _ref$rounded,
@@ -10555,7 +10547,7 @@ var Image = function Image(_ref) {
     size = _ref$size === void 0 ? '6xlarge' : _ref$size,
     testID = _ref.testID,
     style = _ref.style,
-    imageNativeProps = _objectWithoutProperties(_ref, _excluded$b);
+    imageNativeProps = _objectWithoutProperties(_ref, _excluded$a);
   var theme = useTheme();
   var imageSize = theme.__hd__.image.sizes[size];
   return /*#__PURE__*/React.createElement(Image$1, _extends$1({
@@ -10640,7 +10632,7 @@ var CarouselItem = function CarouselItem(_ref) {
   }, content, /*#__PURE__*/React.createElement(StyledCarouselHeading, null, heading), body ? /*#__PURE__*/React.createElement(Typography.Text, null, body) : null));
 };
 
-var _excluded$a = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style"];
+var _excluded$9 = ["items", "onItemIndexChange", "renderActions", "selectedItemIndex", "style"];
 function useStateFromProp(initialValue) {
   var _useState = useState(initialValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -10658,7 +10650,7 @@ var Carousel = function Carousel(_ref) {
     _ref$selectedItemInde = _ref.selectedItemIndex,
     selectedItemIndex = _ref$selectedItemInde === void 0 ? 0 : _ref$selectedItemInde,
     style = _ref.style,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$a);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$9);
   var carouselRef = useRef(null);
   var _useStateFromProp = useStateFromProp(selectedItemIndex),
     _useStateFromProp2 = _slicedToArray(_useStateFromProp, 2),
@@ -10758,12 +10750,12 @@ var Indicator = index$a(View)(function (_ref2) {
   };
 });
 
-var _excluded$9 = ["intent", "children"];
+var _excluded$8 = ["intent", "children"];
 var DataCard = function DataCard(_ref) {
   var _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'info' : _ref$intent,
     children = _ref.children,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$9);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$8);
   return /*#__PURE__*/React.createElement(StyledDataCard, nativeProps, /*#__PURE__*/React.createElement(Indicator, {
     themeIntent: intent,
     testID: "data-card-indicator"
@@ -10781,11 +10773,11 @@ var StyledCard = index$a(View)(function (_ref) {
   });
 });
 
-var _excluded$8 = ["intent", "children"];
+var _excluded$7 = ["intent", "children"];
 var Card = function Card(_ref) {
   var intent = _ref.intent,
     children = _ref.children,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$8);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$7);
   return /*#__PURE__*/React.createElement(StyledCard, _extends$1({}, nativeProps, {
     themeIntent: intent
   }), children);
@@ -10794,7 +10786,7 @@ var index$8 = Object.assign(Card, {
   Data: DataCard
 });
 
-var StyledWrapper$6 = index$a(TouchableOpacity)(function (_ref) {
+var StyledWrapper$7 = index$a(TouchableOpacity)(function (_ref) {
   var theme = _ref.theme,
     themeWithBorder = _ref.themeWithBorder,
     themeDisabled = _ref.themeDisabled;
@@ -10851,7 +10843,7 @@ var Checkbox = function Checkbox(_ref) {
     onPress = _ref.onPress,
     style = _ref.style,
     testID = _ref.testID;
-  return /*#__PURE__*/React.createElement(StyledWrapper$6, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$7, {
     onPress: onPress,
     disabled: disabled,
     themeDisabled: disabled,
@@ -11019,7 +11011,7 @@ var StyledErrorAndMaxLengthContainer = index$a(View)(function () {
   };
 });
 
-var _excluded$7 = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue"];
+var _excluded$6 = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "helpText", "value", "defaultValue", "renderInputValue"];
 var getVariant$1 = function getVariant(_ref) {
   var disabled = _ref.disabled,
     error = _ref.error,
@@ -11065,7 +11057,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     value = _ref2.value,
     defaultValue = _ref2.defaultValue,
     renderInputValue = _ref2.renderInputValue,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$7);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$6);
   var displayText = (_ref3 = value !== undefined ? value : defaultValue) !== null && _ref3 !== void 0 ? _ref3 : '';
   var isEmptyValue = displayText.length === 0;
   var actualSuffix = loading ? 'loading' : suffix;
@@ -11651,7 +11643,7 @@ var index$7 = Object.assign(Drawer, {
   Dragable: DragableDrawer
 });
 
-var StyledWrapper$5 = index$a(View)(function (_ref) {
+var StyledWrapper$6 = index$a(View)(function (_ref) {
   var theme = _ref.theme;
   return {
     display: 'flex',
@@ -11693,7 +11685,7 @@ var Empty = function Empty(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'light' : _ref$variant;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(StyledWrapper$5, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$6, {
     style: style,
     testID: testID
   }, image !== undefined && /*#__PURE__*/React.cloneElement(image, _objectSpread2(_objectSpread2({}, image.props), {}, {
@@ -11743,11 +11735,11 @@ var StyledFABText = index$a(Text$1)(function (_ref3) {
   };
 });
 
-var _excluded$6 = ["active"];
+var _excluded$5 = ["active"];
 var AnimatedIcons = Animated.createAnimatedComponent(StyledFABIcon);
 var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
   var active = _ref.active,
-    iconProps = _objectWithoutProperties(_ref, _excluded$6);
+    iconProps = _objectWithoutProperties(_ref, _excluded$5);
   var rotateAnimation = useRef(new Animated.Value(active ? 1 : 0));
   useEffect(function () {
     var animation = Animated.timing(rotateAnimation.current, {
@@ -12183,7 +12175,7 @@ var List = {
   BasicItem: BasicListItem
 };
 
-var StyledWrapper$4 = index$a(View)(function () {
+var StyledWrapper$5 = index$a(View)(function () {
   return {
     alignContent: 'flex-start'
   };
@@ -12361,7 +12353,7 @@ function PinInput(_ref2) {
       InteractionManager.runAfterInteractions(focus);
     }
   }, [inputRef]);
-  return /*#__PURE__*/React.createElement(StyledWrapper$4, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$5, {
     style: style,
     testID: testID
   }, /*#__PURE__*/React.createElement(StyledPinWrapper, null, _toConsumableArray(Array(length).keys()).map(function (index) {
@@ -12478,7 +12470,7 @@ var StyledStrokeEnd = index$a(View)(function (_ref6) {
   };
 });
 
-var _excluded$5 = ["value", "renderValue", "intent", "style", "testID"];
+var _excluded$4 = ["value", "renderValue", "intent", "style", "testID"];
 var HalfCircle = function HalfCircle(_ref) {
   var type = _ref.type,
     themeIntent = _ref.themeIntent;
@@ -12499,7 +12491,7 @@ var ProgressCircle = function ProgressCircle(_ref2) {
     intent = _ref2$intent === void 0 ? 'primary' : _ref2$intent,
     style = _ref2.style,
     testID = _ref2.testID,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$5);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$4);
   var theme = useTheme$1();
   var radius = theme.__hd__.progress.sizes.circleDiameter / 2;
   var progressAnimatedValue = useRef(new Animated.Value(0));
@@ -12596,7 +12588,7 @@ var ProgressCircle = function ProgressCircle(_ref2) {
   }, renderValue(value)))));
 };
 
-var StyledWrapper$3 = index$a(View)(function (_ref) {
+var StyledWrapper$4 = index$a(View)(function (_ref) {
   var theme = _ref.theme,
     themeIntent = _ref.themeIntent;
   return {
@@ -12616,14 +12608,14 @@ var StyledInner = index$a(Animated.View)(function (_ref2) {
   };
 });
 
-var _excluded$4 = ["value", "intent", "style", "testID"];
+var _excluded$3 = ["value", "intent", "style", "testID"];
 var ProgressBar = function ProgressBar(_ref) {
   var value = _ref.value,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$4);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$3);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     width = _useState2[0],
@@ -12649,7 +12641,7 @@ var ProgressBar = function ProgressBar(_ref) {
     outputRange: [999, 0],
     extrapolate: 'clamp'
   });
-  return /*#__PURE__*/React.createElement(StyledWrapper$3, _extends$1({}, nativeProps, {
+  return /*#__PURE__*/React.createElement(StyledWrapper$4, _extends$1({}, nativeProps, {
     testID: testID,
     style: style,
     themeIntent: intent
@@ -12814,14 +12806,14 @@ var AnimatedSpinner = function AnimatedSpinner(_ref) {
   }, dotProps))));
 };
 
-var _excluded$3 = ["testID", "size", "intent"];
+var _excluded$2 = ["testID", "size", "intent"];
 var Spinner = function Spinner(_ref) {
   var testID = _ref.testID,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$3);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React.createElement(StyledView$1, nativeProps, /*#__PURE__*/React.createElement(StyledSpinnerContainer, {
     testID: testID
   }, /*#__PURE__*/React.createElement(AnimatedSpinner, {
@@ -12830,12 +12822,60 @@ var Spinner = function Spinner(_ref) {
   })));
 };
 
+var Buttons = function Buttons(_ref) {
+  var _buttons$length;
+  var buttons = _ref.buttons,
+    isLeftButtons = _ref.isLeftButtons,
+    leftButtonContainerStyle = _ref.leftButtonContainerStyle,
+    rightButtonContainerStyle = _ref.rightButtonContainerStyle,
+    panAnimatedValue = _ref.panAnimatedValue,
+    width = _ref.width,
+    canSwipeLeft = _ref.canSwipeLeft,
+    canSwipeRight = _ref.canSwipeRight,
+    buttonWidth = _ref.buttonWidth;
+  var count = (_buttons$length = buttons === null || buttons === void 0 ? void 0 : buttons.length) !== null && _buttons$length !== void 0 ? _buttons$length : 0;
+  var leftEnd = canSwipeLeft ? -width : 0;
+  var rightEnd = canSwipeRight ? width : 0;
+  var inputRange = isLeftButtons ? [0, rightEnd] : [leftEnd, 0];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, buttons === null || buttons === void 0 ? void 0 : buttons.map(function (buttonContent, index) {
+    var outputMultiplier = -index / count;
+    var outputRange = isLeftButtons ? [0, rightEnd * outputMultiplier] : [leftEnd * outputMultiplier, 0];
+    var transform = [{
+      translateX: panAnimatedValue.x.interpolate({
+        inputRange: inputRange,
+        outputRange: outputRange,
+        extrapolate: 'clamp'
+      })
+    }];
+    var buttonStyle = [StyleSheet$1.absoluteFill, {
+      width: buttonWidth,
+      transform: transform
+    }, isLeftButtons ? leftButtonContainerStyle : rightButtonContainerStyle];
+    return /*#__PURE__*/React.createElement(Animated.View, {
+      key: index,
+      style: buttonStyle
+    }, buttonContent);
+  }));
+};
+
 var StyledRectButton = index$a(TouchableOpacity)(function (_ref) {
   var theme = _ref.theme,
     themeIntent = _ref.themeIntent;
   return {
     flex: 1,
-    backgroundColor: theme.__hd__.swipeable.colors[themeIntent]
+    backgroundColor: theme.__hd__.swipeable.colors[themeIntent],
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+});
+var StyledWrapper$3 = index$a(View)(function () {
+  return {
+    flexDirection: 'row'
+  };
+});
+var StyledContent = index$a(Animated.View)(function () {
+  return {
+    flex: 1
   };
 });
 
@@ -12844,86 +12884,381 @@ var SwipeableAction = function SwipeableAction(_ref) {
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     onPress = _ref.onPress,
     style = _ref.style,
-    children = _ref.children,
-    testID = _ref.testID;
+    testID = _ref.testID,
+    label = _ref.label,
+    icon = _ref.icon;
   return /*#__PURE__*/React.createElement(StyledRectButton, {
     onPress: onPress,
     themeIntent: intent,
     style: style,
     testID: testID
-  }, children);
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: "xsmall"
+  }), /*#__PURE__*/React.createElement(Typography.Text, {
+    fontSize: "small"
+  }, label));
+};
+
+var _excluded$1 = ["children", "leftActions", "leftContent", "rightActions", "rightContent", "style", "leftActionsWidth", "leftButtonWidth", "onSwipeLeftStart", "onSwipeLeftEnd", "rightActionsWidth", "rightButtonWidth", "onSwipeRightStart", "onSwipeRightEnd", "swipeState", "onStateChange"];
+var swipeStartMinDistance = 15;
+var getReleaseAnimationConfig = function getReleaseAnimationConfig(swipeState, props) {
+  var totalLeftButtonsWidth = props.totalLeftButtonsWidth,
+    totalRightButtonsWidth = props.totalRightButtonsWidth;
+  var swipeReleaseAnimationConfig = {
+    toValue: {
+      x: 0,
+      y: 0
+    },
+    duration: 100,
+    easing: Easing.elastic(0.5),
+    useNativeDriver: true
+  };
+  if (swipeState === 'leftOpen') {
+    return _objectSpread2(_objectSpread2({}, swipeReleaseAnimationConfig), {}, {
+      toValue: {
+        x: totalLeftButtonsWidth,
+        y: 0
+      }
+    });
+  }
+  if (swipeState === 'rightOpen') {
+    return _objectSpread2(_objectSpread2({}, swipeReleaseAnimationConfig), {}, {
+      toValue: {
+        x: totalRightButtonsWidth * -1,
+        y: 0
+      }
+    });
+  }
+  return swipeReleaseAnimationConfig;
 };
-
-var _excluded$2 = ["children", "state", "onStateChange", "leftActions", "leftActionsWidth", "rightActions", "rightActionsWidth"];
-var renderActions = function renderActions(actions, width, progress, direction) {
-  var trans = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: direction === 'left' ? [-width, 0] : [width, 0],
-    extrapolate: 'clamp'
+var getPos = function getPos(_ref) {
+  var swipeState = _ref.swipeState,
+    totalLeftButtonsWidth = _ref.totalLeftButtonsWidth,
+    totalRightButtonsWidth = _ref.totalRightButtonsWidth;
+  if (swipeState === 'leftOpen') {
+    return {
+      x: totalLeftButtonsWidth,
+      y: 0
+    };
+  }
+  if (swipeState === 'rightOpen') {
+    return {
+      x: totalRightButtonsWidth * -1,
+      y: 0
+    };
+  }
+  return {
+    x: 0,
+    y: 0
+  };
+};
+var Swipeable = function Swipeable(_ref2) {
+  var children = _ref2.children,
+    _ref2$leftActions = _ref2.leftActions,
+    leftActions = _ref2$leftActions === void 0 ? [] : _ref2$leftActions,
+    leftContent = _ref2.leftContent,
+    _ref2$rightActions = _ref2.rightActions,
+    rightActions = _ref2$rightActions === void 0 ? [] : _ref2$rightActions,
+    rightContent = _ref2.rightContent,
+    style = _ref2.style,
+    _ref2$leftActionsWidt = _ref2.leftActionsWidth,
+    leftActionsWidth = _ref2$leftActionsWidt === void 0 ? scale(85) : _ref2$leftActionsWidt,
+    _ref2$leftButtonWidth = _ref2.leftButtonWidth,
+    leftButtonWidth = _ref2$leftButtonWidth === void 0 ? scale(85) : _ref2$leftButtonWidth,
+    _ref2$onSwipeLeftStar = _ref2.onSwipeLeftStart,
+    onSwipeLeftStart = _ref2$onSwipeLeftStar === void 0 ? noop : _ref2$onSwipeLeftStar,
+    _ref2$onSwipeLeftEnd = _ref2.onSwipeLeftEnd,
+    onSwipeLeftEnd = _ref2$onSwipeLeftEnd === void 0 ? noop : _ref2$onSwipeLeftEnd,
+    _ref2$rightActionsWid = _ref2.rightActionsWidth,
+    rightActionsWidth = _ref2$rightActionsWid === void 0 ? scale(85) : _ref2$rightActionsWid,
+    _ref2$rightButtonWidt = _ref2.rightButtonWidth,
+    rightButtonWidth = _ref2$rightButtonWidt === void 0 ? scale(85) : _ref2$rightButtonWidt,
+    _ref2$onSwipeRightSta = _ref2.onSwipeRightStart,
+    onSwipeRightStart = _ref2$onSwipeRightSta === void 0 ? noop : _ref2$onSwipeRightSta,
+    _ref2$onSwipeRightEnd = _ref2.onSwipeRightEnd,
+    onSwipeRightEnd = _ref2$onSwipeRightEnd === void 0 ? noop : _ref2$onSwipeRightEnd,
+    _ref2$swipeState = _ref2.swipeState,
+    swipeState = _ref2$swipeState === void 0 ? 'closed' : _ref2$swipeState,
+    _ref2$onStateChange = _ref2.onStateChange,
+    onStateChange = _ref2$onStateChange === void 0 ? noop : _ref2$onStateChange,
+    rest = _objectWithoutProperties(_ref2, _excluded$1);
+  var propsWithDefaultValue = _objectSpread2({
+    children: children,
+    leftActions: leftActions,
+    leftContent: leftContent,
+    rightActions: rightActions,
+    rightContent: rightContent,
+    style: style,
+    leftActionsWidth: leftActionsWidth,
+    leftButtonWidth: leftButtonWidth,
+    onSwipeLeftStart: onSwipeLeftStart,
+    onSwipeLeftEnd: onSwipeLeftEnd,
+    rightActionsWidth: rightActionsWidth,
+    rightButtonWidth: rightButtonWidth,
+    onSwipeRightStart: onSwipeRightStart,
+    onSwipeRightEnd: onSwipeRightEnd,
+    swipeState: swipeState,
+    onStateChange: onStateChange
+  }, rest);
+  var unmountedRef = React.useRef(false);
+  useEffect(function () {
+    return function () {
+      unmountedRef.current = true;
+    };
+  }, []);
+  var totalLeftButtonsWidth = leftActions.length * leftButtonWidth;
+  var totalRightButtonsWidth = rightActions.length * rightButtonWidth;
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    width = _React$useState2[0],
+    setWidth = _React$useState2[1];
+  var hasLeftButtons = !leftContent && leftActions && leftActions.length > 0;
+  var hasRightButtons = !rightContent && rightActions && rightActions.length > 0;
+  var canSwipeRight = !!leftContent || !!hasLeftButtons;
+  var canSwipeLeft = !!rightContent || !!hasRightButtons;
+  var propsRef = React.useRef(undefined);
+  var _React$useState3 = React.useState({
+      pan: new Animated.ValueXY(getPos({
+        swipeState: swipeState,
+        totalLeftButtonsWidth: totalLeftButtonsWidth,
+        totalRightButtonsWidth: totalRightButtonsWidth
+      })),
+      lastOffset: {
+        x: 0,
+        y: 0
+      },
+      leftActionActivated: false,
+      rightActionActivated: true,
+      swipeState: 'closed'
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    state = _React$useState4[0],
+    setState = _React$useState4[1];
+  propsRef.current = _objectSpread2(_objectSpread2({}, propsWithDefaultValue), {}, {
+    canSwipeLeft: canSwipeLeft,
+    canSwipeRight: canSwipeRight,
+    totalLeftButtonsWidth: totalLeftButtonsWidth,
+    totalRightButtonsWidth: totalRightButtonsWidth,
+    hasLeftButtons: hasLeftButtons,
+    hasRightButtons: hasRightButtons,
+    unmountedRef: unmountedRef
   });
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: {
-      width: width,
-      flexDirection: 'row',
-      transform: [{
-        translateX: trans
-      }]
-    }
-  }, actions);
-};
-var Swipeable = function Swipeable(_ref) {
-  var children = _ref.children,
-    state = _ref.state,
-    onStateChange = _ref.onStateChange,
-    leftActions = _ref.leftActions,
-    leftActionsWidth = _ref.leftActionsWidth,
-    rightActions = _ref.rightActions,
-    rightActionsWidth = _ref.rightActionsWidth,
-    swipeableProps = _objectWithoutProperties(_ref, _excluded$2);
-  var _useWindowDimensions = useWindowDimensions(),
-    width = _useWindowDimensions.width;
-  var swipeableRef = useRef(null);
-  var renderLeftActions = useCallback(function (progress) {
-    return renderActions(leftActions, leftActionsWidth || width, progress, 'left');
-  }, [leftActions, leftActionsWidth, width]);
-  var renderRightActions = useCallback(function (progress) {
-    return renderActions(rightActions, rightActionsWidth || width, progress, 'right');
-  }, [rightActions, rightActionsWidth, width]);
   useEffect(function () {
-    if (swipeableRef.current === null) return;
-    switch (state) {
-      case 'leftOpen':
-        swipeableRef.current.openLeft();
-        break;
-      case 'rightOpen':
-        swipeableRef.current.openRight();
-        break;
-      case 'closed':
-        swipeableRef.current.close();
-        break;
+    var animation = null;
+    if (state.swipeState !== swipeState) {
+      animation = animationToNewState(swipeState, state.pan, totalLeftButtonsWidth, totalRightButtonsWidth);
+      animation.start();
     }
-  }, [state]);
-  return /*#__PURE__*/React.createElement(GestureHandlerRootView, null, /*#__PURE__*/React.createElement(Swipeable$1, _extends$1({}, swipeableProps, {
-    ref: swipeableRef
-  }, leftActions !== undefined && {
-    renderLeftActions: renderLeftActions
-  }, rightActions !== undefined && {
-    renderRightActions: renderRightActions
-  }, {
-    onSwipeableLeftOpen: function onSwipeableLeftOpen() {
-      return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('leftOpen');
+    return function () {
+      if (animation) {
+        animation.stop();
+      }
+    };
+  }, [swipeState]);
+  var transform = [{
+    translateX: state.pan.x.interpolate({
+      inputRange: [canSwipeLeft ? -width : 0, canSwipeRight ? width : 0],
+      outputRange: [canSwipeLeft ? -width + StyleSheet$1.hairlineWidth : 0, canSwipeRight ? width - StyleSheet$1.hairlineWidth : 0],
+      extrapolate: 'clamp'
+    })
+  }];
+  var panResponder = React.useRef(PanResponder.create({
+    onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder(_, gestureState) {
+      return Math.abs(gestureState.dx) > swipeStartMinDistance;
+    },
+    onMoveShouldSetPanResponderCapture: function onMoveShouldSetPanResponderCapture(_, gestureState) {
+      return Math.abs(gestureState.dx) > swipeStartMinDistance;
+    },
+    onPanResponderGrant: function onPanResponderGrant() {
+      setState(function (prevState) {
+        prevState.pan.setOffset(prevState.lastOffset);
+        return prevState;
+      });
+    },
+    onPanResponderMove: function onPanResponderMove(event, gestureState) {
+      setState(function (prevState) {
+        return hanleOnPanResponderMove(prevState, propsRef.current, event, gestureState);
+      });
     },
-    onSwipeableRightOpen: function onSwipeableRightOpen() {
-      return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('rightOpen');
+    onPanResponderRelease: function onPanResponderRelease(event, gestureState) {
+      setState(function (prevState) {
+        return hanleOnPanResponderEnd(prevState, propsRef.current, event, gestureState);
+      });
     },
-    onSwipeableClose: function onSwipeableClose() {
-      return onStateChange === null || onStateChange === void 0 ? void 0 : onStateChange('closed');
+    onPanResponderTerminationRequest: function onPanResponderTerminationRequest() {
+      return false;
+    },
+    onPanResponderTerminate: function onPanResponderTerminate(event, gestureState) {
+      setState(function (prevState) {
+        return hanleOnPanResponderEnd(prevState, propsRef.current, event, gestureState);
+      });
+    }
+  })).current;
+  return /*#__PURE__*/React.createElement(StyledWrapper$3, _extends$1({
+    onLayout: function onLayout(event) {
+      var width = event.nativeEvent.layout.width;
+      setWidth(width);
+    },
+    style: [{
+      flexDirection: 'row'
+    }, style]
+  }, panResponder.panHandlers, rest), canSwipeRight && /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      transform: transform,
+      marginLeft: -width,
+      width: width
+    }]
+  }, leftContent || /*#__PURE__*/React.createElement(Buttons, {
+    buttons: leftActions,
+    isLeftButtons: true,
+    panAnimatedValue: state.pan,
+    width: width,
+    canSwipeLeft: canSwipeLeft,
+    canSwipeRight: canSwipeRight,
+    buttonWidth: leftButtonWidth
+  })), /*#__PURE__*/React.createElement(StyledContent, {
+    style: {
+      transform: transform
+    }
+  }, children), canSwipeLeft && /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      transform: transform,
+      marginRight: -width,
+      width: width
+    }]
+  }, rightContent || /*#__PURE__*/React.createElement(Buttons, {
+    buttons: rightActions,
+    isLeftButtons: false,
+    panAnimatedValue: state.pan,
+    width: width,
+    canSwipeRight: canSwipeRight,
+    canSwipeLeft: canSwipeLeft,
+    buttonWidth: rightButtonWidth
+  })));
+};
+var animationToNewState = function animationToNewState(swipeState, pan, totalLeftButtonsWidth, totalRightButtonsWidth) {
+  var animationConfig = getReleaseAnimationConfig(swipeState, {
+    totalLeftButtonsWidth: totalLeftButtonsWidth,
+    totalRightButtonsWidth: totalRightButtonsWidth
+  });
+  pan.flattenOffset();
+  return Animated.timing(pan, animationConfig);
+};
+var hanleOnPanResponderEnd = function hanleOnPanResponderEnd(state, contextValues, event, gestureState) {
+  var totalLeftButtonsWidth = contextValues.totalLeftButtonsWidth,
+    totalRightButtonsWidth = contextValues.totalRightButtonsWidth,
+    unmountedRef = contextValues.unmountedRef,
+    onSwipeLeftEnd = contextValues.onSwipeLeftEnd,
+    onSwipeRightEnd = contextValues.onSwipeRightEnd,
+    onStateChange = contextValues.onStateChange;
+  var leftActionActivated = state.leftActionActivated,
+    rightActionActivated = state.rightActionActivated,
+    pan = state.pan,
+    swipeState = state.swipeState;
+  var animationConfig = getReleaseAnimationConfig(swipeState, {
+    totalLeftButtonsWidth: totalLeftButtonsWidth,
+    totalRightButtonsWidth: totalRightButtonsWidth
+  });
+  animationToNewState(swipeState, pan, totalLeftButtonsWidth, totalRightButtonsWidth).start(function () {
+    if (unmountedRef.current) {
+      return;
     }
-  }), children));
+    if (leftActionActivated && onSwipeLeftEnd) {
+      onSwipeLeftEnd(event, gestureState);
+    }
+    if (rightActionActivated && onSwipeRightEnd) {
+      onSwipeRightEnd(event, gestureState);
+    }
+    onStateChange(swipeState);
+  });
+  return _objectSpread2(_objectSpread2({}, state), {}, {
+    lastOffset: {
+      x: animationConfig.toValue.x,
+      y: animationConfig.toValue.y
+    },
+    leftActionActivated: false,
+    rightActionActivated: false
+  });
+};
+var hanleOnPanResponderMove = function hanleOnPanResponderMove(state, contextValues, event, gestureState) {
+  var leftActionsWidth = contextValues.leftActionsWidth,
+    rightActionsWidth = contextValues.rightActionsWidth,
+    onSwipeLeftStart = contextValues.onSwipeLeftStart,
+    onSwipeRightStart = contextValues.onSwipeRightStart,
+    canSwipeRight = contextValues.canSwipeRight,
+    canSwipeLeft = contextValues.canSwipeLeft,
+    hasLeftButtons = contextValues.hasLeftButtons,
+    hasRightButtons = contextValues.hasRightButtons;
+  var lastOffset = state.lastOffset,
+    leftActionActivated = state.leftActionActivated,
+    swipeState = state.swipeState,
+    rightActionActivated = state.rightActionActivated;
+  var dx = gestureState.dx,
+    vx = gestureState.vx;
+  var x = dx + lastOffset.x;
+  var isSwipingLeft = vx < 0;
+  var isSwipingRight = vx > 0;
+  var leftActionsActivated = swipeState === 'leftOpen';
+  var rightActionsActivated = swipeState === 'rightOpen';
+  var nextLeftActionActivated = leftActionActivated;
+  var nextLeftButtonsActivated = leftActionsActivated;
+  var nextRightActionActivated = rightActionActivated;
+  var nextRightButtonsActivated = rightActionsActivated;
+  Animated.event([null, {
+    dx: state.pan.x,
+    dy: state.pan.y
+  }], {
+    useNativeDriver: false
+  })(event, gestureState);
+  if (!leftActionActivated && canSwipeRight && x >= leftActionsWidth) {
+    nextLeftActionActivated = true;
+    onSwipeRightStart(event, gestureState);
+  }
+  if (leftActionActivated && canSwipeRight && x < leftActionsWidth) {
+    nextLeftActionActivated = false;
+  }
+  if (!rightActionActivated && canSwipeLeft && x <= -rightActionsWidth) {
+    nextRightActionActivated = true;
+    onSwipeLeftStart(event, gestureState);
+  }
+  if (rightActionActivated && canSwipeLeft && x > -rightActionsWidth) {
+    nextRightActionActivated = false;
+  }
+  if (!leftActionsActivated && hasLeftButtons && !isSwipingLeft && x >= leftActionsWidth) {
+    nextLeftButtonsActivated = true;
+  }
+  if (leftActionsActivated && hasLeftButtons && isSwipingLeft) {
+    nextLeftButtonsActivated = false;
+  }
+  if (!rightActionsActivated && hasRightButtons && !isSwipingRight && x <= -rightActionsWidth) {
+    nextRightButtonsActivated = true;
+  }
+  if (rightActionsActivated && hasRightButtons && isSwipingRight) {
+    nextRightButtonsActivated = false;
+  }
+  var needsUpdate = nextLeftActionActivated !== leftActionActivated || nextLeftButtonsActivated !== leftActionsActivated || nextRightActionActivated !== rightActionActivated || nextRightButtonsActivated !== rightActionsActivated;
+  if (needsUpdate) {
+    var nextSwipeState = function () {
+      if (nextLeftButtonsActivated) {
+        return 'leftOpen';
+      } else if (nextRightButtonsActivated) {
+        return 'rightOpen';
+      } else {
+        return 'closed';
+      }
+    }();
+    return _objectSpread2(_objectSpread2({}, state), {}, {
+      leftActionActivated: nextLeftActionActivated,
+      rightActionActivated: nextRightActionActivated,
+      swipeState: nextSwipeState
+    });
+  } else {
+    return state;
+  }
 };
-var index$5 = Object.assign(Swipeable, {
-  Action: SwipeableAction,
-  Content: RectButton
+var index$5 = Object.assign( /*#__PURE__*/React.memo(Swipeable), {
+  Action: SwipeableAction
 });
 
 var Circle = index$a(View)(function (_ref) {
@@ -14264,7 +14599,7 @@ var StyledText = index$a(Text$1)(function (_ref3) {
   };
 });
 
-var _excluded$1 = ["content", "variant", "intent", "style", "testID"];
+var _excluded = ["content", "variant", "intent", "style", "testID"];
 var Tag = function Tag(_ref) {
   var content = _ref.content,
     _ref$variant = _ref.variant,
@@ -14273,7 +14608,7 @@ var Tag = function Tag(_ref) {
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$1);
+    nativeProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledView, _extends$1({}, nativeProps, {
     themeIntent: intent,
     themeVariant: variant,
@@ -14834,11 +15169,9 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
   }));
 };
 
-var _excluded = ["children"];
 var Toolbar = function Toolbar(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ToolbarWrapper, rest, children);
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(ToolbarWrapper, null, children);
 };
 var index$1 = Object.assign(Toolbar, {
   Group: ToolbarGroup