@adiraku/react-native-ui 2.0.0-canary-1 → 2.0.0-canary-2

package/README.md

@@ -53,4 +53,4 @@ MIT
 
 ---
 
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/commonjs/components/Pagination/pagination.component.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pagination = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Pagination = ({
+  totalPages = 1,
+  currentPage = 1
+}) => {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      alignItems: 'flex-start'
+    }
+  }, Array.from({
+    length: totalPages
+  }).map((_, index) => {
+    const page = index + 0;
+    const isActive = page === currentPage;
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      key: page,
+      style: {
+        width: isActive ? 30 : 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: isActive ? '#000' : '#ddd',
+        marginHorizontal: 4
+      }
+    });
+  }));
+};
+exports.Pagination = Pagination;
+//# sourceMappingURL=pagination.component.js.map

package/lib/commonjs/components/Pagination/pagination.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pagination","totalPages","currentPage","createElement","View","style","flexDirection","justifyContent","alignItems","Array","from","length","map","_","index","page","isActive","key","width","height","borderRadius","backgroundColor","marginHorizontal","exports"],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.component.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoC,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGpC,MAAMW,UAAU,GAAGA,CAAC;EAAEC,UAAU,GAAG,CAAC;EAAEC,WAAW,GAAG;AAAmB,CAAC,KAAK;EAC3E,oBACE1B,KAAA,CAAA2B,aAAA,CAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAE,YAAY;MAAEC,UAAU,EAAE;IAAa;EAAE,GAC3FC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEV;EAAW,CAAC,CAAC,CAACW,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACpD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC;IACtB,MAAME,QAAQ,GAAGD,IAAI,KAAKb,WAAW;IAErC,oBACE1B,KAAA,CAAA2B,aAAA,CAACxB,YAAA,CAAAyB,IAAI;MACHa,GAAG,EAAEF,IAAK;MACVV,KAAK,EAAE;QACLa,KAAK,EAAEF,QAAQ,GAAG,EAAE,GAAG,CAAC;QACxBG,MAAM,EAAE,CAAC;QACTC,YAAY,EAAE,CAAC;QACfC,eAAe,EAAEL,QAAQ,GAAG,MAAM,GAAG,MAAM;QAC3CM,gBAAgB,EAAE;MACpB;IAAE,CACH,CAAC;EAEN,CAAC,CACG,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAvB,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/commonjs/components/Pagination/pagination.style.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = void 0;
+var _reactNative = require("react-native");
+const styles = exports.styles = _reactNative.StyleSheet.create({
+  paginationContainer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end'
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: '#ddd',
+    marginHorizontal: 4
+  },
+  activeDot: {
+    width: 20,
+    backgroundColor: '#000'
+  }
+});
+//# sourceMappingURL=pagination.style.js.map

package/lib/commonjs/components/Pagination/pagination.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","styles","exports","StyleSheet","create","paginationContainer","flexDirection","justifyContent","alignItems","dot","width","height","borderRadius","backgroundColor","marginHorizontal","activeDot"],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.style.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EACtCC,mBAAmB,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDC,GAAG,EAAE;IACHC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,SAAS,EAAE;IACTL,KAAK,EAAE,EAAE;IACTG,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Pagination/pagination.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=pagination.type.js.map

package/lib/commonjs/components/Pagination/pagination.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.type.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/StickyBar/StickyBar.component.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StickyBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _typography = require("../typography/typography.component");
+var _themes = require("src/themes");
+var _icons = require("src/icons");
+var _StickyBar = require("./StickyBar.style");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StickyBar = ({
+  show,
+  text,
+  onClose,
+  iconComponent,
+  buttonComponent,
+  testID
+}) => {
+  const computedStyle = (0, _StickyBar.getStyle)({
+    show,
+    text,
+    iconComponent,
+    buttonComponent,
+    onClose
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: [_themes.Palettes.yellow[600], '#FFFFFF'],
+    start: {
+      x: 0.5,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0.1
+    },
+    useAngle: true,
+    angle: 45,
+    style: [computedStyle.linearGradient]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.rowContainer]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.contentWrapper, computedStyle.imageWrapper]
+  }, iconComponent), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.contentWrapper, computedStyle.textWrapper]
+  }, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    variant: "overline-small",
+    testID: testID,
+    accessibilityLabel: testID
+  }, text)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.contentWrapper]
+  }, buttonComponent), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyle.closeButtonWrapper]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onClose
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconClose, {
+    height: _themes.Spacing[12],
+    width: _themes.Spacing[12]
+  }))))));
+};
+exports.StickyBar = StickyBar;
+//# sourceMappingURL=StickyBar.component.js.map

package/lib/commonjs/components/StickyBar/StickyBar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeLinearGradient","_typography","_themes","_icons","_StickyBar","e","__esModule","default","StickyBar","show","text","onClose","iconComponent","buttonComponent","testID","computedStyle","getStyle","createElement","View","style","container","colors","Palettes","yellow","start","x","y","end","useAngle","angle","linearGradient","rowContainer","contentWrapper","imageWrapper","textWrapper","Typography","variant","accessibilityLabel","closeButtonWrapper","TouchableOpacity","onPress","IconClose","height","Spacing","width","exports"],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/StickyBar/StickyBar.style.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("src/themes");
+const getStyle = props => {
+  const {
+    show,
+    onClose,
+    iconComponent: IconComponent,
+    buttonComponent
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    flex: 1,
+    minWidth: 400,
+    display: show ? 'flex' : 'none'
+  };
+  computedStyle.rowContainer = {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.linearGradient = {
+    paddingVertical: _themes.Spacing[8],
+    paddingHorizontal: _themes.Spacing[16],
+    borderTopRightRadius: _themes.Spacing[16],
+    borderTopLeftRadius: _themes.Spacing[16],
+    position: 'absolute',
+    zIndex: 2
+  };
+  computedStyle.contentWrapper = {
+    marginRight: _themes.Spacing[8]
+  };
+  computedStyle.imageWrapper = {
+    display: IconComponent ? 'flex' : 'none',
+    alignSelf: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'white',
+    borderRadius: _themes.Spacing[32],
+    padding: 6
+  };
+  computedStyle.textWrapper = {
+    flex: 1,
+    flexWrap: 'wrap'
+  };
+  computedStyle.buttonWrapper = {
+    display: buttonComponent ? 'flex' : 'none'
+  };
+  computedStyle.closeButtonWrapper = {
+    display: onClose ? 'flex' : 'none',
+    borderWidth: 2,
+    borderRadius: 12,
+    borderColor: _themes.Palettes.black[900],
+    borderStyle: 'solid',
+    padding: 2
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=StickyBar.style.js.map

package/lib/commonjs/components/StickyBar/StickyBar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_themes","getStyle","props","show","onClose","iconComponent","IconComponent","buttonComponent","computedStyle","container","flex","minWidth","display","rowContainer","flexDirection","justifyContent","alignItems","linearGradient","paddingVertical","Spacing","paddingHorizontal","borderTopRightRadius","borderTopLeftRadius","position","zIndex","contentWrapper","marginRight","imageWrapper","alignSelf","backgroundColor","borderRadius","padding","textWrapper","flexWrap","buttonWrapper","closeButtonWrapper","borderWidth","borderColor","Palettes","black","borderStyle","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.style.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAaO,MAAME,QAAQ,GAAIC,KAAqB,IAAK;EACjD,MAAM;IACJC,IAAI;IACJC,OAAO;IACPC,aAAa,EAAEC,aAAa;IAC5BC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAET,IAAI,GAAG,MAAM,GAAG;EAC3B,CAAC;EAEDK,aAAa,CAACK,YAAY,GAAG;IAC3BC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDR,aAAa,CAACS,cAAc,GAAG;IAC7BC,eAAe,EAAEC,eAAO,CAAC,CAAC,CAAC;IAC3BC,iBAAiB,EAAED,eAAO,CAAC,EAAE,CAAC;IAC9BE,oBAAoB,EAAEF,eAAO,CAAC,EAAE,CAAC;IACjCG,mBAAmB,EAAEH,eAAO,CAAC,EAAE,CAAC;IAChCI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EAEDhB,aAAa,CAACiB,cAAc,GAAG;IAC7BC,WAAW,EAAEP,eAAO,CAAC,CAAC;EACxB,CAAC;EAEDX,aAAa,CAACmB,YAAY,GAAG;IAC3Bf,OAAO,EAAEN,aAAa,GAAG,MAAM,GAAG,MAAM;IACxCsB,SAAS,EAAE,QAAQ;IACnBb,cAAc,EAAE,QAAQ;IACxBc,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAEX,eAAO,CAAC,EAAE,CAAC;IACzBY,OAAO,EAAE;EACX,CAAC;EAEDvB,aAAa,CAACwB,WAAW,GAAG;IAC1BtB,IAAI,EAAE,CAAC;IACPuB,QAAQ,EAAE;EACZ,CAAC;EAEDzB,aAAa,CAAC0B,aAAa,GAAG;IAC5BtB,OAAO,EAAEL,eAAe,GAAG,MAAM,GAAG;EACtC,CAAC;EAEDC,aAAa,CAAC2B,kBAAkB,GAAG;IACjCvB,OAAO,EAAER,OAAO,GAAG,MAAM,GAAG,MAAM;IAClCgC,WAAW,EAAE,CAAC;IACdN,YAAY,EAAE,EAAE;IAChBO,WAAW,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAE,OAAO;IACpBT,OAAO,EAAE;EACX,CAAC;EAED,OAAOU,uBAAU,CAACC,MAAM,CAAClC,aAAa,CAAC;AACzC,CAAC;AAACmC,OAAA,CAAA1C,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/components/StickyBar/StickyBar.type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=StickyBar.type.js.map

package/lib/commonjs/components/StickyBar/StickyBar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.type.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -165,6 +165,12 @@ Object.defineProperty(exports, "Notification", {
     return _notification.Notification;
   }
 });
+Object.defineProperty(exports, "Pagination", {
+  enumerable: true,
+  get: function () {
+    return _pagination.Pagination;
+  }
+});
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
   get: function () {
@@ -231,6 +237,12 @@ Object.defineProperty(exports, "StepperCounter", {
     return _StepperCounter.StepperCounter;
   }
 });
+Object.defineProperty(exports, "StickyBar", {
+  enumerable: true,
+  get: function () {
+    return _StickyBar.StickyBar;
+  }
+});
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () {
@@ -337,8 +349,10 @@ var _roundedTab = require("./rounded-tab/rounded-tab.component");
 var _countdown = require("./countdown/countdown.component");
 var _loader = require("./Loader/loader.component");
 var _notification = require("./Notification/notification.component");
+var _pagination = require("./Pagination/pagination.component");
 var _reactNativeMaskInput = require("react-native-mask-input");
 var _SelectionCard = require("./selection-card/SelectionCard.component");
 var _Ribbon = require("./Ribbon/Ribbon.component");
+var _StickyBar = require("./StickyBar/StickyBar.component");
 var _View = require("./View/View.component");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ActionList","require","_Badge","_BottomTabBar","_button","_calendars","_CategoryCard","_ContentCard","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_reactNativeMaskInput","_SelectionCard","_Ribbon","_View"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,KAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AACA,IAAAoB,YAAA,GAAApB,OAAA;AAIA,IAAAqB,YAAA,GAAArB,OAAA;AACA,IAAAsB,WAAA,GAAAtB,OAAA;AACA,IAAAuB,cAAA,GAAAvB,OAAA;AACA,IAAAwB,SAAA,GAAAxB,OAAA;AACA,IAAAyB,OAAA,GAAAzB,OAAA;AACA,IAAA0B,SAAA,GAAA1B,OAAA;AAKA,IAAA2B,OAAA,GAAA3B,OAAA;AACA,IAAA4B,IAAA,GAAA5B,OAAA;AACA,IAAA6B,eAAA,GAAA7B,OAAA;AACA,IAAA8B,WAAA,GAAA9B,OAAA;AACA,IAAA+B,UAAA,GAAA/B,OAAA;AACA,IAAAgC,OAAA,GAAAhC,OAAA;AACA,IAAAiC,aAAA,GAAAjC,OAAA;AACA,IAAAkC,qBAAA,GAAAlC,OAAA;AAWA,IAAAmC,cAAA,GAAAnC,OAAA;AACA,IAAAoC,OAAA,GAAApC,OAAA;AACA,IAAAqC,KAAA,GAAArC,OAAA","ignoreList":[]}
+{"version":3,"names":["_ActionList","require","_Badge","_BottomTabBar","_button","_calendars","_CategoryCard","_ContentCard","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_pagination","_reactNativeMaskInput","_SelectionCard","_Ribbon","_StickyBar","_View"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,KAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AACA,IAAAoB,YAAA,GAAApB,OAAA;AAIA,IAAAqB,YAAA,GAAArB,OAAA;AACA,IAAAsB,WAAA,GAAAtB,OAAA;AACA,IAAAuB,cAAA,GAAAvB,OAAA;AACA,IAAAwB,SAAA,GAAAxB,OAAA;AACA,IAAAyB,OAAA,GAAAzB,OAAA;AACA,IAAA0B,SAAA,GAAA1B,OAAA;AAKA,IAAA2B,OAAA,GAAA3B,OAAA;AACA,IAAA4B,IAAA,GAAA5B,OAAA;AACA,IAAA6B,eAAA,GAAA7B,OAAA;AACA,IAAA8B,WAAA,GAAA9B,OAAA;AACA,IAAA+B,UAAA,GAAA/B,OAAA;AACA,IAAAgC,OAAA,GAAAhC,OAAA;AACA,IAAAiC,aAAA,GAAAjC,OAAA;AACA,IAAAkC,WAAA,GAAAlC,OAAA;AACA,IAAAmC,qBAAA,GAAAnC,OAAA;AAWA,IAAAoC,cAAA,GAAApC,OAAA;AACA,IAAAqC,OAAA,GAAArC,OAAA;AACA,IAAAsC,UAAA,GAAAtC,OAAA;AACA,IAAAuC,KAAA,GAAAvC,OAAA","ignoreList":[]}

package/lib/module/components/Pagination/pagination.component.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { View } from 'react-native';
+const Pagination = ({
+  totalPages = 1,
+  currentPage = 1
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      alignItems: 'flex-start'
+    }
+  }, Array.from({
+    length: totalPages
+  }).map((_, index) => {
+    const page = index + 0;
+    const isActive = page === currentPage;
+    return /*#__PURE__*/React.createElement(View, {
+      key: page,
+      style: {
+        width: isActive ? 30 : 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: isActive ? '#000' : '#ddd',
+        marginHorizontal: 4
+      }
+    });
+  }));
+};
+export { Pagination };
+//# sourceMappingURL=pagination.component.js.map

package/lib/module/components/Pagination/pagination.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Pagination","totalPages","currentPage","createElement","style","flexDirection","justifyContent","alignItems","Array","from","length","map","_","index","page","isActive","key","width","height","borderRadius","backgroundColor","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAGnC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,UAAU,GAAG,CAAC;EAAEC,WAAW,GAAG;AAAmB,CAAC,KAAK;EAC3E,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAE,YAAY;MAAEC,UAAU,EAAE;IAAa;EAAE,GAC3FC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAET;EAAW,CAAC,CAAC,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IACpD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC;IACtB,MAAME,QAAQ,GAAGD,IAAI,KAAKZ,WAAW;IAErC,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;MACHiB,GAAG,EAAEF,IAAK;MACVV,KAAK,EAAE;QACLa,KAAK,EAAEF,QAAQ,GAAG,EAAE,GAAG,CAAC;QACxBG,MAAM,EAAE,CAAC;QACTC,YAAY,EAAE,CAAC;QACfC,eAAe,EAAEL,QAAQ,GAAG,MAAM,GAAG,MAAM;QAC3CM,gBAAgB,EAAE;MACpB;IAAE,CACH,CAAC;EAEN,CAAC,CACG,CAAC;AAEX,CAAC;AAED,SAASrB,UAAU","ignoreList":[]}

package/lib/module/components/Pagination/pagination.style.js

@@ -0,0 +1,20 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+  paginationContainer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end'
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: '#ddd',
+    marginHorizontal: 4
+  },
+  activeDot: {
+    width: 20,
+    backgroundColor: '#000'
+  }
+});
+//# sourceMappingURL=pagination.style.js.map

package/lib/module/components/Pagination/pagination.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","paginationContainer","flexDirection","justifyContent","alignItems","dot","width","height","borderRadius","backgroundColor","marginHorizontal","activeDot"],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,mBAAmB,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDC,GAAG,EAAE;IACHC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,gBAAgB,EAAE;EACpB,CAAC;EACDC,SAAS,EAAE;IACTL,KAAK,EAAE,EAAE;IACTG,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Pagination/pagination.type.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=pagination.type.js.map

package/lib/module/components/Pagination/pagination.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Pagination/pagination.type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/StickyBar/StickyBar.component.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import { Typography } from '../typography/typography.component';
+import { Palettes, Spacing } from 'src/themes';
+import { IconClose } from 'src/icons';
+import { getStyle } from './StickyBar.style';
+const StickyBar = ({
+  show,
+  text,
+  onClose,
+  iconComponent,
+  buttonComponent,
+  testID
+}) => {
+  const computedStyle = getStyle({
+    show,
+    text,
+    iconComponent,
+    buttonComponent,
+    onClose
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.container]
+  }, /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: [Palettes.yellow[600], '#FFFFFF'],
+    start: {
+      x: 0.5,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0.1
+    },
+    useAngle: true,
+    angle: 45,
+    style: [computedStyle.linearGradient]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.rowContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.contentWrapper, computedStyle.imageWrapper]
+  }, iconComponent), /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.contentWrapper, computedStyle.textWrapper]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "overline-small",
+    testID: testID,
+    accessibilityLabel: testID
+  }, text)), /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.contentWrapper]
+  }, buttonComponent), /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.closeButtonWrapper]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onClose
+  }, /*#__PURE__*/React.createElement(IconClose, {
+    height: Spacing[12],
+    width: Spacing[12]
+  }))))));
+};
+export { StickyBar };
+//# sourceMappingURL=StickyBar.component.js.map

package/lib/module/components/StickyBar/StickyBar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","LinearGradient","Typography","Palettes","Spacing","IconClose","getStyle","StickyBar","show","text","onClose","iconComponent","buttonComponent","testID","computedStyle","createElement","style","container","colors","yellow","start","x","y","end","useAngle","angle","linearGradient","rowContainer","contentWrapper","imageWrapper","textWrapper","variant","accessibilityLabel","closeButtonWrapper","onPress","height","width"],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.component.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,cAAc,MAAM,8BAA8B;AAEzD,SAASC,UAAU,QAAQ,oCAAoC;AAE/D,SAASC,QAAQ,EAAEC,OAAO,QAAQ,YAAY;AAE9C,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,MAAMC,SAA6B,GAAGA,CAAC;EACrCC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,aAAa;EACbC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGR,QAAQ,CAAC;IAC7BE,IAAI;IACJC,IAAI;IACJE,aAAa;IACbC,eAAe;IACfF;EACF,CAAC,CAAC;EAEF,oBACEZ,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACG,SAAS;EAAE,gBACrCnB,KAAA,CAAAiB,aAAA,CAACd,cAAc;IACbiB,MAAM,EAAE,CAACf,QAAQ,CAACgB,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,CAAE;IAC1CC,KAAK,EAAE;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAE,CAAE;IACxBC,GAAG,EAAE;MAAEF,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAI,CAAE;IACtBE,QAAQ,EAAE,IAAK;IACfC,KAAK,EAAE,EAAG;IACVT,KAAK,EAAE,CAACF,aAAa,CAACY,cAAc;EAAE,gBAEtC5B,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACa,YAAY;EAAE,gBAExC7B,KAAA,CAAAiB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CAACF,aAAa,CAACc,cAAc,EAAEd,aAAa,CAACe,YAAY;EAAE,GAEjElB,aACG,CAAC,eAGPb,KAAA,CAAAiB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CAACF,aAAa,CAACc,cAAc,EAAEd,aAAa,CAACgB,WAAW;EAAE,gBAEjEhC,KAAA,CAAAiB,aAAA,CAACb,UAAU;IACT6B,OAAO,EAAC,gBAAgB;IACxBlB,MAAM,EAAEA,MAAO;IACfmB,kBAAkB,EAAEnB;EAAO,GAE1BJ,IACS,CACR,CAAC,eAGPX,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACc,cAAc;EAAE,GAAEhB,eAAsB,CAAC,eAGrEd,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACF,aAAa,CAACmB,kBAAkB;EAAE,gBAC9CnC,KAAA,CAAAiB,aAAA,CAAChB,gBAAgB;IAACmC,OAAO,EAAExB;EAAQ,gBACjCZ,KAAA,CAAAiB,aAAA,CAACV,SAAS;IAAC8B,MAAM,EAAE/B,OAAO,CAAC,EAAE,CAAE;IAACgC,KAAK,EAAEhC,OAAO,CAAC,EAAE;EAAE,CAAE,CACrC,CACd,CACF,CACQ,CACZ,CAAC;AAEX,CAAC;AAED,SAASG,SAAS","ignoreList":[]}

package/lib/module/components/StickyBar/StickyBar.style.js

@@ -0,0 +1,57 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Spacing } from 'src/themes';
+export const getStyle = props => {
+  const {
+    show,
+    onClose,
+    iconComponent: IconComponent,
+    buttonComponent
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    flex: 1,
+    minWidth: 400,
+    display: show ? 'flex' : 'none'
+  };
+  computedStyle.rowContainer = {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.linearGradient = {
+    paddingVertical: Spacing[8],
+    paddingHorizontal: Spacing[16],
+    borderTopRightRadius: Spacing[16],
+    borderTopLeftRadius: Spacing[16],
+    position: 'absolute',
+    zIndex: 2
+  };
+  computedStyle.contentWrapper = {
+    marginRight: Spacing[8]
+  };
+  computedStyle.imageWrapper = {
+    display: IconComponent ? 'flex' : 'none',
+    alignSelf: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'white',
+    borderRadius: Spacing[32],
+    padding: 6
+  };
+  computedStyle.textWrapper = {
+    flex: 1,
+    flexWrap: 'wrap'
+  };
+  computedStyle.buttonWrapper = {
+    display: buttonComponent ? 'flex' : 'none'
+  };
+  computedStyle.closeButtonWrapper = {
+    display: onClose ? 'flex' : 'none',
+    borderWidth: 2,
+    borderRadius: 12,
+    borderColor: Palettes.black[900],
+    borderStyle: 'solid',
+    padding: 2
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=StickyBar.style.js.map

package/lib/module/components/StickyBar/StickyBar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","props","show","onClose","iconComponent","IconComponent","buttonComponent","computedStyle","container","flex","minWidth","display","rowContainer","flexDirection","justifyContent","alignItems","linearGradient","paddingVertical","paddingHorizontal","borderTopRightRadius","borderTopLeftRadius","position","zIndex","contentWrapper","marginRight","imageWrapper","alignSelf","backgroundColor","borderRadius","padding","textWrapper","flexWrap","buttonWrapper","closeButtonWrapper","borderWidth","borderColor","black","borderStyle","create"],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAmB,cAAc;AAEpD,SAASC,QAAQ,EAAEC,OAAO,QAAQ,YAAY;AAa9C,OAAO,MAAMC,QAAQ,GAAIC,KAAqB,IAAK;EACjD,MAAM;IACJC,IAAI;IACJC,OAAO;IACPC,aAAa,EAAEC,aAAa;IAC5BC;EACF,CAAC,GAAGL,KAAK;EAET,MAAMM,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAET,IAAI,GAAG,MAAM,GAAG;EAC3B,CAAC;EAEDK,aAAa,CAACK,YAAY,GAAG;IAC3BC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDR,aAAa,CAACS,cAAc,GAAG;IAC7BC,eAAe,EAAElB,OAAO,CAAC,CAAC,CAAC;IAC3BmB,iBAAiB,EAAEnB,OAAO,CAAC,EAAE,CAAC;IAC9BoB,oBAAoB,EAAEpB,OAAO,CAAC,EAAE,CAAC;IACjCqB,mBAAmB,EAAErB,OAAO,CAAC,EAAE,CAAC;IAChCsB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV,CAAC;EAEDf,aAAa,CAACgB,cAAc,GAAG;IAC7BC,WAAW,EAAEzB,OAAO,CAAC,CAAC;EACxB,CAAC;EAEDQ,aAAa,CAACkB,YAAY,GAAG;IAC3Bd,OAAO,EAAEN,aAAa,GAAG,MAAM,GAAG,MAAM;IACxCqB,SAAS,EAAE,QAAQ;IACnBZ,cAAc,EAAE,QAAQ;IACxBa,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAE7B,OAAO,CAAC,EAAE,CAAC;IACzB8B,OAAO,EAAE;EACX,CAAC;EAEDtB,aAAa,CAACuB,WAAW,GAAG;IAC1BrB,IAAI,EAAE,CAAC;IACPsB,QAAQ,EAAE;EACZ,CAAC;EAEDxB,aAAa,CAACyB,aAAa,GAAG;IAC5BrB,OAAO,EAAEL,eAAe,GAAG,MAAM,GAAG;EACtC,CAAC;EAEDC,aAAa,CAAC0B,kBAAkB,GAAG;IACjCtB,OAAO,EAAER,OAAO,GAAG,MAAM,GAAG,MAAM;IAClC+B,WAAW,EAAE,CAAC;IACdN,YAAY,EAAE,EAAE;IAChBO,WAAW,EAAErC,QAAQ,CAACsC,KAAK,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAE,OAAO;IACpBR,OAAO,EAAE;EACX,CAAC;EAED,OAAOhC,UAAU,CAACyC,MAAM,CAAC/B,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/StickyBar/StickyBar.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=StickyBar.type.js.map

package/lib/module/components/StickyBar/StickyBar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/StickyBar/StickyBar.type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/index.js

@@ -32,8 +32,10 @@ export { RoundedTab } from './rounded-tab/rounded-tab.component';
 export { Countdown } from './countdown/countdown.component';
 export { Loader } from './Loader/loader.component';
 export { Notification } from './Notification/notification.component';
+export { Pagination } from './Pagination/pagination.component';
 export { Mask, MaskArray, MaskInputProps, MaskItem, Masks, UseMaskedInputProps, createNumberMask, formatWithMask, useMaskedInputProps } from 'react-native-mask-input';
 export { SelectionCard } from './selection-card/SelectionCard.component';
 export { Ribbon } from './Ribbon/Ribbon.component';
+export { StickyBar } from './StickyBar/StickyBar.component';
 export { View } from './View/View.component';
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","View"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,IAAI,QAAQ,uBAAuB","ignoreList":[]}
+{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Pagination","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","StickyBar","View"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,IAAI,QAAQ,uBAAuB","ignoreList":[]}

package/lib/typescript/components/Pagination/pagination.component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { PaginationProps } from './pagination.type';
+declare const Pagination: ({ totalPages, currentPage }: PaginationProps) => JSX.Element;
+export { Pagination };
+//# sourceMappingURL=pagination.component.d.ts.map

package/lib/typescript/components/Pagination/pagination.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/pagination.component.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,QAAA,MAAM,UAAU,gCAAyC,eAAe,gBAsBvE,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/components/Pagination/pagination.style.d.ts

@@ -0,0 +1,19 @@
+export declare const styles: {
+    paginationContainer: {
+        flexDirection: "row";
+        justifyContent: "flex-start";
+        alignItems: "flex-end";
+    };
+    dot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        marginHorizontal: number;
+    };
+    activeDot: {
+        width: number;
+        backgroundColor: string;
+    };
+};
+//# sourceMappingURL=pagination.style.d.ts.map

package/lib/typescript/components/Pagination/pagination.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/pagination.style.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAiBjB,CAAC"}

package/lib/typescript/components/Pagination/pagination.type.d.ts

@@ -0,0 +1,15 @@
+export interface PaginationProps {
+    /**
+     * Total number of pages
+     *
+     * @default 1
+     */
+    totalPages?: number;
+    /**
+     * Current active page
+     *
+     * @default 1
+     */
+    currentPage?: number;
+}
+//# sourceMappingURL=pagination.type.d.ts.map

package/lib/typescript/components/Pagination/pagination.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/pagination.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib/typescript/components/StickyBar/StickyBar.component.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { StickyBarProps } from './StickyBar.type';
+declare const StickyBar: FC<StickyBarProps>;
+export { StickyBar };
+//# sourceMappingURL=StickyBar.component.d.ts.map

package/lib/typescript/components/StickyBar/StickyBar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/StickyBar/StickyBar.component.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4DjC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/components/StickyBar/StickyBar.style.d.ts

@@ -0,0 +1,15 @@
+import { ViewStyle } from 'react-native';
+import { StickyBarProps } from './StickyBar.type';
+interface ComputedStyleProps {
+    container?: ViewStyle;
+    rowContainer?: ViewStyle;
+    linearGradient?: ViewStyle;
+    contentWrapper?: ViewStyle;
+    imageWrapper?: ViewStyle;
+    textWrapper?: ViewStyle;
+    buttonWrapper?: ViewStyle;
+    closeButtonWrapper?: ViewStyle;
+}
+export declare const getStyle: (props: StickyBarProps) => ComputedStyleProps;
+export {};
+//# sourceMappingURL=StickyBar.style.d.ts.map

package/lib/typescript/components/StickyBar/StickyBar.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBar.style.d.ts","sourceRoot":"","sources":["../../../../src/components/StickyBar/StickyBar.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,UAAW,cAAc,uBA+D7C,CAAC"}

package/lib/typescript/components/StickyBar/StickyBar.type.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+import { GestureResponderEvent } from 'react-native-modal';
+export interface StickyBarProps extends ViewProps {
+    /**
+     * State to show or hide the component
+     */
+    show: boolean;
+    /**
+     * Text to display
+     */
+    text: string;
+    /**
+     * Small icon to the left of the displayed text
+     */
+    iconComponent?: React.ReactNode;
+    /**
+     * CTA Button to the right of the displayed text
+     */
+    buttonComponent?: React.ReactNode;
+    /**
+     * Close button handler
+     */
+    onClose?: (event: GestureResponderEvent) => void;
+    /**
+     *test ID
+     */
+    testID?: string;
+}
+//# sourceMappingURL=StickyBar.type.d.ts.map

package/lib/typescript/components/StickyBar/StickyBar.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyBar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/StickyBar/StickyBar.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/components/index.d.ts

@@ -32,9 +32,11 @@ export { RoundedTab } from './rounded-tab/rounded-tab.component';
 export { Countdown } from './countdown/countdown.component';
 export { Loader } from './Loader/loader.component';
 export { Notification } from './Notification/notification.component';
+export { Pagination } from './Pagination/pagination.component';
 export { Mask, MaskArray, MaskInputProps, MaskItem, Masks, UseMaskedInputProps, createNumberMask, formatWithMask, useMaskedInputProps, } from 'react-native-mask-input';
 export { SelectionCard } from './selection-card/SelectionCard.component';
 export { Ribbon } from './Ribbon/Ribbon.component';
+export { StickyBar } from './StickyBar/StickyBar.component';
 export { View } from './View/View.component';
 export type { ActionListProps } from './ActionList/ActionList.type';
 export type { BadgesIconProps, BadgesIlustrationProps, BadgesIlustrationRakuProps, BadgesProps, BadgesImageProps, BadgesInitialProps, BadgesStepProps, BadgesLogoProps, } from './Badge/Badge.type';
@@ -54,6 +56,7 @@ export type { TabsProps } from './Tabs/Tabs.type';
 export type { SearchInputProps } from './search-input/search-input.type';
 export type { SelectionCardProps } from './selection-card/SelectionCard.type';
 export type { RibbonProps } from './Ribbon/Ribbon.type';
+export type { StickyBarProps } from './StickyBar/StickyBar.type';
 export type { ViewProps } from './View/View.type';
 export type { RadioInputProps, RadioItemProps, RadioItemPropsComponent, } from './RadioInput/RadioInput.type';
 export type { CheckboxInputProps, CheckboxItemProps, CheckboxItemPropsComponent, } from './CheckBoxInput/CheckBoxInput.type';

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adiraku/react-native-ui",
-  "version": "2.0.0-canary-1",
+  "version": "2.0.0-canary-2",
   "description": "UI library for Adiraku apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -71,6 +71,7 @@
     "react-native-svg": "^13.9.0",
     "react-native-svg-web": "^1.0.9",
     "react-native-web": "^0.19.4",
+    "react-native-web-linear-gradient": "^1.1.2",
     "release-it": "^15.0.0",
     "typescript": "4.5.2"
   },
@@ -135,6 +136,7 @@
   "dependencies": {
     "deepmerge": "^4.3.1",
     "react-native-calendars": "^1.1306.0",
+    "react-native-linear-gradient": "^2.8.3",
     "react-native-mask-input": "^1.2.3",
     "react-native-modal": "^13.0.1",
     "react-native-safe-area-context": "^4.11.0",

package/src/components/Pagination/pagination.component.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { PaginationProps } from './pagination.type';
+
+const Pagination = ({ totalPages = 1, currentPage = 1 }: PaginationProps) => {
+  return (
+    <View style={{ flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'flex-start' }}>
+      {Array.from({ length: totalPages }).map((_, index) => {
+        const page = index + 0;
+        const isActive = page === currentPage;
+
+        return (
+          <View
+            key={page}
+            style={{
+              width: isActive ? 30 : 8,
+              height: 8,
+              borderRadius: 4,
+              backgroundColor: isActive ? '#000' : '#ddd',
+              marginHorizontal: 4,
+            }}
+          />
+        );
+      })}
+    </View>
+  );
+};
+
+export { Pagination };

package/src/components/Pagination/pagination.style.tsx

@@ -0,0 +1,20 @@
+import { StyleSheet } from 'react-native';
+
+export const styles = StyleSheet.create({
+  paginationContainer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end',
+  },
+  dot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: '#ddd',
+    marginHorizontal: 4,
+  },
+  activeDot: {
+    width: 20,
+    backgroundColor: '#000',
+  },
+});

package/src/components/Pagination/pagination.type.ts

@@ -0,0 +1,16 @@
+export interface PaginationProps {
+    /**
+     * Total number of pages
+     * 
+     * @default 1
+     */
+    totalPages?: number;
+  
+    /**
+     * Current active page
+     * 
+     * @default 1
+     */
+    currentPage?: number;
+  }
+  

package/src/components/StickyBar/StickyBar.component.tsx

@@ -0,0 +1,74 @@
+import React, { FC } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+
+import { Typography } from '../typography/typography.component';
+import { StickyBarProps } from './StickyBar.type';
+import { Palettes, Spacing } from 'src/themes';
+
+import { IconClose } from 'src/icons';
+import { getStyle } from './StickyBar.style';
+
+const StickyBar: FC<StickyBarProps> = ({
+  show,
+  text,
+  onClose,
+  iconComponent,
+  buttonComponent,
+  testID,
+}) => {
+  const computedStyle = getStyle({
+    show,
+    text,
+    iconComponent,
+    buttonComponent,
+    onClose,
+  });
+
+  return (
+    <View style={[computedStyle.container]}>
+      <LinearGradient
+        colors={[Palettes.yellow[600], '#FFFFFF']}
+        start={{ x: 0.5, y: 0 }}
+        end={{ x: 1, y: 0.1 }}
+        useAngle={true}
+        angle={45}
+        style={[computedStyle.linearGradient]}
+      >
+        <View style={[computedStyle.rowContainer]}>
+          {/* Small Image */}
+          <View
+            style={[computedStyle.contentWrapper, computedStyle.imageWrapper]}
+          >
+            {iconComponent}
+          </View>
+
+          {/* Copy */}
+          <View
+            style={[computedStyle.contentWrapper, computedStyle.textWrapper]}
+          >
+            <Typography
+              variant="overline-small"
+              testID={testID}
+              accessibilityLabel={testID}
+            >
+              {text}
+            </Typography>
+          </View>
+
+          {/* CTA Button */}
+          <View style={[computedStyle.contentWrapper]}>{buttonComponent}</View>
+
+          {/* Close Button */}
+          <View style={[computedStyle.closeButtonWrapper]}>
+            <TouchableOpacity onPress={onClose}>
+              <IconClose height={Spacing[12]} width={Spacing[12]} />
+            </TouchableOpacity>
+          </View>
+        </View>
+      </LinearGradient>
+    </View>
+  );
+};
+
+export { StickyBar };

package/src/components/StickyBar/StickyBar.style.tsx

@@ -0,0 +1,79 @@
+import { StyleSheet, ViewStyle } from 'react-native';
+import { StickyBarProps } from './StickyBar.type';
+import { Palettes, Spacing } from 'src/themes';
+
+interface ComputedStyleProps {
+  container?: ViewStyle;
+  rowContainer?: ViewStyle;
+  linearGradient?: ViewStyle;
+  contentWrapper?: ViewStyle;
+  imageWrapper?: ViewStyle;
+  textWrapper?: ViewStyle;
+  buttonWrapper?: ViewStyle;
+  closeButtonWrapper?: ViewStyle;
+}
+
+export const getStyle = (props: StickyBarProps) => {
+  const {
+    show,
+    onClose,
+    iconComponent: IconComponent,
+    buttonComponent,
+  } = props;
+
+  const computedStyle: ComputedStyleProps = {};
+
+  computedStyle.container = {
+    flex: 1,
+    minWidth: 400,
+    display: show ? 'flex' : 'none',
+  };
+
+  computedStyle.rowContainer = {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+  };
+
+  computedStyle.linearGradient = {
+    paddingVertical: Spacing[8],
+    paddingHorizontal: Spacing[16],
+    borderTopRightRadius: Spacing[16],
+    borderTopLeftRadius: Spacing[16],
+    position: 'absolute',
+    zIndex: 2,
+  };
+
+  computedStyle.contentWrapper = {
+    marginRight: Spacing[8],
+  };
+
+  computedStyle.imageWrapper = {
+    display: IconComponent ? 'flex' : 'none',
+    alignSelf: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'white',
+    borderRadius: Spacing[32],
+    padding: 6,
+  };
+
+  computedStyle.textWrapper = {
+    flex: 1,
+    flexWrap: 'wrap',
+  };
+
+  computedStyle.buttonWrapper = {
+    display: buttonComponent ? 'flex' : 'none',
+  };
+
+  computedStyle.closeButtonWrapper = {
+    display: onClose ? 'flex' : 'none',
+    borderWidth: 2,
+    borderRadius: 12,
+    borderColor: Palettes.black[900],
+    borderStyle: 'solid',
+    padding: 2,
+  };
+
+  return StyleSheet.create(computedStyle);
+};

package/src/components/StickyBar/StickyBar.type.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+import { GestureResponderEvent } from 'react-native-modal';
+
+export interface StickyBarProps extends ViewProps {
+  /**
+   * State to show or hide the component
+   */
+  show: boolean;
+
+  /**
+   * Text to display
+   */
+  text: string;
+
+  /**
+   * Small icon to the left of the displayed text
+   */
+  iconComponent?: React.ReactNode;
+
+  /**
+   * CTA Button to the right of the displayed text
+   */
+  buttonComponent?: React.ReactNode;
+
+  /**
+   * Close button handler
+   */
+  onClose?: (event: GestureResponderEvent) => void;
+
+  /**
+   *test ID
+   */
+  testID?: string;
+}

package/src/components/index.ts

@@ -39,6 +39,7 @@ export { RoundedTab } from './rounded-tab/rounded-tab.component';
 export { Countdown } from './countdown/countdown.component';
 export { Loader } from './Loader/loader.component';
 export { Notification } from './Notification/notification.component';
+export { Pagination } from './Pagination/pagination.component';
 export {
   Mask,
   MaskArray,
@@ -52,6 +53,7 @@ export {
 } from 'react-native-mask-input';
 export { SelectionCard } from './selection-card/SelectionCard.component';
 export { Ribbon } from './Ribbon/Ribbon.component';
+export { StickyBar } from './StickyBar/StickyBar.component';
 export { View } from './View/View.component';
 
 export type { ActionListProps } from './ActionList/ActionList.type';
@@ -81,6 +83,7 @@ export type { TabsProps } from './Tabs/Tabs.type';
 export type { SearchInputProps } from './search-input/search-input.type';
 export type { SelectionCardProps } from './selection-card/SelectionCard.type';
 export type { RibbonProps } from './Ribbon/Ribbon.type';
+export type { StickyBarProps } from './StickyBar/StickyBar.type';
 export type { ViewProps } from './View/View.type';
 export type {
   RadioInputProps,