@nexara/nativeflow 0.1.1

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2025 yash
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,67 @@
+# @nexara/nativeflow
+
+## 🚀 Features 🚀
+
+✔️ Stunning, modern UI components 🎨✨\
+✔️ Fully customizable with props and theming 🎧🎨\
+✔️ Blazing-fast ⚡ performance\
+✔️ Strong type safety with TypeScript 🛡️📚\
+✔️ Smooth animations powered by React Native Reanimated 🎭🌀
+
+---
+
+## 📦 Installation 📦
+
+### Step 1: Install the packages
+
+#### Install rn-nativeflow
+```sh
+npm install rn-nativeflow
+```
+
+#### Install react-native-reanimated
+```sh
+npm install react-native-reanimated
+```
+
+#### Install react-native-gesture-handler
+```sh
+npm install react-native-gesture-handler
+```
+
+### Step 2: Add Reanimated's Babel plugin
+
+Add `react-native-reanimated/plugin` to your `babel.config.js`
+
+#### `babel.config.js`
+```js
+module.exports = {
+  presets: [
+    ... // don't add it here :)
+  ],
+  plugins: [
+    ...
+    'react-native-reanimated/plugin',
+  ],
+};
+```
+
+### Step 3: Clear Metro bundler cache (recommended)
+```sh
+npx expo start -c
+```
+
+---
+
+## 📚 Documentation 📚
+
+Check out the **[📝 full documentation](https://rn-nativeflow-docs.onrender.com/docs/getting-started)** for more details on usage, customization, and API references.
+
+---
+
+## 📝 License 📝
+
+This project is licensed under the **MIT License**. See the [LICENSE](LICENSE) file for details.
+
+---
+

package/lib/commonjs/assets/svg/Check.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+const Check = ({
+  size = 24,
+  color = '#000'
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Svg, {
+      height: size,
+      viewBox: "0 -960 960 960",
+      width: size,
+      fill: color,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"
+      })
+    })
+  });
+};
+var _default = exports.default = Check;
+//# sourceMappingURL=Check.js.map

package/lib/commonjs/assets/svg/Check.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","_jsxRuntime","Check","size","color","jsx","Fragment","children","Svg","height","viewBox","width","fill","Path","d","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["assets/svg/Check.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAE7C,MAAME,KAAK,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,KAAK;EAC7C,oBAAQ,IAAAH,WAAA,CAAAI,GAAA,EAAAJ,WAAA,CAAAK,QAAA;IAAAC,QAAA,eACJ,IAAAN,WAAA,CAAAI,GAAA,EAACN,eAAA,CAAAS,GAAG;MACAC,MAAM,EAAEN,IAAK;MACbO,OAAO,EAAC,gBAAgB;MACxBC,KAAK,EAAER,IAAK;MACZS,IAAI,EAAER,KAAM;MAAAG,QAAA,eAEZ,IAAAN,WAAA,CAAAI,GAAA,EAACN,eAAA,CAAAc,IAAI;QAAEC,CAAC,EAAC;MAAuD,CAAE;IAAC,CAClE;EAAC,CAER,CAAC;AACP,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcf,KAAK","ignoreList":[]}

package/lib/commonjs/assets/svg/X.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+const X = ({
+  size = 24,
+  color = '#000'
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Svg, {
+    height: size,
+    viewBox: "0 -960 960 960",
+    width: size,
+    fill: color,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"
+    })
+  });
+};
+var _default = exports.default = X;
+//# sourceMappingURL=X.js.map

package/lib/commonjs/assets/svg/X.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","_jsxRuntime","X","size","color","jsx","Svg","height","viewBox","width","fill","children","Path","d","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["assets/svg/X.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAE7C,MAAME,CAAC,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,KAAK;EACzC,oBACI,IAAAH,WAAA,CAAAI,GAAA,EAACN,eAAA,CAAAO,GAAG;IACAC,MAAM,EAAEJ,IAAK;IACbK,OAAO,EAAC,gBAAgB;IACxBC,KAAK,EAAEN,IAAK;IACZO,IAAI,EAAEN,KAAM;IAAAO,QAAA,eAEZ,IAAAV,WAAA,CAAAI,GAAA,EAACN,eAAA,CAAAa,IAAI;MAACC,CAAC,EAAC;IAAmG,CAAE;EAAC,CAC7G,CAAC;AAEd,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcd,CAAC","ignoreList":[]}

package/lib/commonjs/assets/svg/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Check", {
+  enumerable: true,
+  get: function () {
+    return _Check.default;
+  }
+});
+Object.defineProperty(exports, "X", {
+  enumerable: true,
+  get: function () {
+    return _X.default;
+  }
+});
+var _X = _interopRequireDefault(require("./X.js"));
+var _Check = _interopRequireDefault(require("./Check.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/assets/svg/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_X","_interopRequireDefault","require","_Check","e","__esModule","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["assets/svg/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,EAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA2C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/Avatar/AvatarImage.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../StyledComponents/index.js");
+var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
+var _index2 = require("../../hooks/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AvatarImage = ({
+  size = 70,
+  source,
+  bg,
+  resizeMode = 'cover',
+  containerStyle,
+  imageStyle
+}) => {
+  const theme = (0, _index2.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+      backgroundColor: bg ?? theme.colors.primary
+      // alignSelf='flex-start'
+      ,
+      height: (0, _ResponsiveCalculations.verticalScale)(size),
+      width: (0, _ResponsiveCalculations.verticalScale)(size),
+      borderRadius: (0, _ResponsiveCalculations.verticalScale)(size),
+      overflow: "hidden",
+      style: containerStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: source,
+        style: [{
+          height: '100%',
+          width: '100%'
+        }, imageStyle],
+        resizeMode: resizeMode
+      })
+    })
+  });
+};
+var _default = exports.default = AvatarImage;
+//# sourceMappingURL=AvatarImage.js.map

package/lib/commonjs/components/Avatar/AvatarImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_ResponsiveCalculations","_index2","_jsxRuntime","e","__esModule","default","AvatarImage","size","source","bg","resizeMode","containerStyle","imageStyle","theme","useTheme","jsx","Fragment","children","StyledView","backgroundColor","colors","primary","height","verticalScale","width","borderRadius","overflow","style","Image","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/AvatarImage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIvC,MAAMG,WAAuC,GAAGA,CAAC;EAC7CC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,EAAE;EACFC,UAAU,GAAG,OAAO;EACpBC,cAAc;EACdC;AACJ,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAE7B,oBAAQ,IAAAZ,WAAA,CAAAa,GAAA,EAAAb,WAAA,CAAAc,QAAA;IAAAC,QAAA,eACJ,IAAAf,WAAA,CAAAa,GAAA,EAAChB,MAAA,CAAAmB,UAAU;MACPC,eAAe,EAAEV,EAAE,IAAII,KAAK,CAACO,MAAM,CAACC;MACpC;MAAA;MACAC,MAAM,EAAE,IAAAC,qCAAa,EAAChB,IAAI,CAAE;MAC5BiB,KAAK,EAAE,IAAAD,qCAAa,EAAChB,IAAI,CAAE;MAC3BkB,YAAY,EAAE,IAAAF,qCAAa,EAAChB,IAAI,CAAE;MAClCmB,QAAQ,EAAC,QAAQ;MACjBC,KAAK,EAAEhB,cAAe;MAAAM,QAAA,eAEtB,IAAAf,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAA8B,KAAK;QACFpB,MAAM,EAAEA,MAAO;QACfmB,KAAK,EAAE,CAAC;UAAEL,MAAM,EAAE,MAAM;UAAEE,KAAK,EAAE;QAAO,CAAC,EAAEZ,UAAU,CAAE;QACvDF,UAAU,EAAEA;MAAW,CAC1B;IAAC,CACM;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAmB,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GACcC,WAAW","ignoreList":[]}

package/lib/commonjs/components/Avatar/AvatarText.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../StyledComponents/index.js");
+var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
+var _index2 = require("../../hooks/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AvatarText = ({
+  size = 70,
+  fs,
+  text = 'YH',
+  bg,
+  containerStyle,
+  textStyle
+}) => {
+  text = text.slice(0, 2).toUpperCase();
+  const theme = (0, _index2.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+      bg: bg ?? theme.colors.primary
+      // alignSelf='flex-start'
+      ,
+      h: (0, _ResponsiveCalculations.verticalScale)(size),
+      w: (0, _ResponsiveCalculations.verticalScale)(size),
+      align: "center",
+      justify: "center",
+      borderRadius: (0, _ResponsiveCalculations.verticalScale)(size),
+      style: containerStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
+        secondary: true,
+        fw: "bold",
+        fs: fs ?? size / 3,
+        style: textStyle,
+        children: text
+      })
+    })
+  });
+};
+var _default = exports.default = AvatarText;
+//# sourceMappingURL=AvatarText.js.map

package/lib/commonjs/components/Avatar/AvatarText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_index","_ResponsiveCalculations","_index2","_jsxRuntime","e","__esModule","default","AvatarText","size","fs","text","bg","containerStyle","textStyle","slice","toUpperCase","theme","useTheme","jsx","Fragment","children","StyledView","colors","primary","h","verticalScale","w","align","justify","borderRadius","style","StyledText","secondary","fw","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/AvatarText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAuC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIvC,MAAMG,UAAqC,GAAGA,CAAC;EAC3CC,IAAI,GAAG,EAAE;EACTC,EAAE;EACFC,IAAI,GAAG,IAAI;EACXC,EAAE;EACFC,cAAc;EACdC;AACJ,CAAC,KAAK;EACFH,IAAI,GAAGA,IAAI,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;EACrC,MAAMC,KAAU,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAE7B,oBAAQ,IAAAd,WAAA,CAAAe,GAAA,EAAAf,WAAA,CAAAgB,QAAA;IAAAC,QAAA,eACJ,IAAAjB,WAAA,CAAAe,GAAA,EAAClB,MAAA,CAAAqB,UAAU;MACPV,EAAE,EAAEA,EAAE,IAAIK,KAAK,CAACM,MAAM,CAACC;MACvB;MAAA;MACAC,CAAC,EAAE,IAAAC,qCAAa,EAACjB,IAAI,CAAE;MACvBkB,CAAC,EAAE,IAAAD,qCAAa,EAACjB,IAAI,CAAE;MACvBmB,KAAK,EAAC,QAAQ;MACdC,OAAO,EAAC,QAAQ;MAChBC,YAAY,EAAE,IAAAJ,qCAAa,EAACjB,IAAI,CAAE;MAClCsB,KAAK,EAAElB,cAAe;MAAAQ,QAAA,eAEtB,IAAAjB,WAAA,CAAAe,GAAA,EAAClB,MAAA,CAAA+B,UAAU;QAACC,SAAS;QAACC,EAAE,EAAC,MAAM;QAACxB,EAAE,EAAEA,EAAE,IAAKD,IAAI,GAAG,CAAG;QAACsB,KAAK,EAAEjB,SAAU;QAAAO,QAAA,EAAEV;MAAI,CAAa;IAAC,CACnF;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAwB,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GACcC,UAAU","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _AvatarImage = _interopRequireDefault(require("./AvatarImage.js"));
+var _AvatarText = _interopRequireDefault(require("./AvatarText.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Avatar = {
+  Image: _AvatarImage.default,
+  Text: _AvatarText.default
+};
+var _default = exports.default = Avatar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_AvatarImage","_interopRequireDefault","require","_AvatarText","e","__esModule","default","Avatar","Image","AvatarImage","Text","AvatarText","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/index.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AACtC,MAAMG,MAAM,GAAG;EACXC,KAAK,EAAEC,oBAAW;EAClBC,IAAI,EAAEC;AACV,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAGaC,MAAM","ignoreList":[]}

package/lib/commonjs/components/Button/Button.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
+var _index = require("../StyledComponents/index.js");
+var _index2 = require("../../hooks/index.js");
+var _utils = require("./utils.js");
+var _TouchableRipple = _interopRequireDefault(require("../TouchableRipple/TouchableRipple.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Button = ({
+  variant = 'contained',
+  type = 'flat',
+  fullWidth = false,
+  paddingH = 19,
+  paddingV = 14,
+  bg,
+  br = 5,
+  stroke = 1,
+  strokeColor,
+  titleColor,
+  title = 'Button',
+  titleFS,
+  titleVariant = 'h5',
+  titleFF,
+  size = 50,
+  rippleColor,
+  renderIcon,
+  renderLeftIcon,
+  renderRightIcon,
+  disabled = false,
+  buttonContainerStyle,
+  textStyle,
+  onPress,
+  ...props
+}) => {
+  const theme = (0, _index2.useTheme)();
+  const {
+    backgroundColor,
+    buttonTextColor,
+    buttonBorderColor,
+    buttonIconColor
+  } = (0, _utils.getButtonColors)({
+    theme,
+    variant,
+    bg,
+    titleColor,
+    strokeColor,
+    disabled
+  });
+  const STYLES = _reactNative.StyleSheet.create({
+    BUTTON_CONT: {
+      backgroundColor: backgroundColor,
+      borderWidth: variant === 'contained' ? 0 : stroke,
+      borderColor: buttonBorderColor,
+      maxWidth: '100%'
+    },
+    BUTTON_TEXT: {
+      color: buttonTextColor,
+      textAlign: 'center',
+      fontFamily: titleFF ?? ''
+    },
+    FLAT_BTN_CONT: {
+      borderRadius: (0, _ResponsiveCalculations.verticalScale)(br),
+      overflow: 'hidden',
+      alignSelf: fullWidth ? 'stretch' : 'flex-start'
+    },
+    FLAT_BUTTON_CONT: {
+      paddingVertical: (0, _ResponsiveCalculations.verticalScale)(paddingV),
+      paddingHorizontal: (0, _ResponsiveCalculations.horizontalScale)(!fullWidth ? paddingH : 30),
+      borderRadius: (0, _ResponsiveCalculations.verticalScale)(br),
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: (0, _ResponsiveCalculations.horizontalScale)(10)
+    },
+    ROUND_BUTTON_CONT: {
+      borderRadius: (0, _ResponsiveCalculations.verticalScale)(100),
+      height: (0, _ResponsiveCalculations.verticalScale)(size),
+      width: (0, _ResponsiveCalculations.verticalScale)(size),
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [type === 'flat' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+      style: STYLES.FLAT_BTN_CONT,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TouchableRipple.default, {
+        onPress: onPress,
+        rippleColor: rippleColor,
+        disabled: disabled
+        // ref={ref}
+        ,
+        ...props,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.StyledView, {
+          style: [STYLES.FLAT_BUTTON_CONT, STYLES.BUTTON_CONT, buttonContainerStyle],
+          children: [(renderLeftIcon || fullWidth && renderRightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+            f: fullWidth ? 1 : undefined,
+            children: renderLeftIcon && /*#__PURE__*/_react.default.cloneElement(renderLeftIcon, {
+              color: buttonIconColor
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+            flexShrink: 1,
+            f: fullWidth ? 8 : undefined,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
+              numberOfLines: 1,
+              fs: titleFS,
+              variant: titleVariant,
+              style: [STYLES.BUTTON_TEXT, textStyle],
+              children: title
+            })
+          }), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+            alignItems: "flex-end",
+            f: fullWidth ? 1 : undefined,
+            children: renderRightIcon && /*#__PURE__*/_react.default.cloneElement(renderRightIcon, {
+              color: buttonIconColor
+            })
+          })]
+        })
+      })
+    }), type === 'round' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+      alignSelf: "flex-start",
+      borderRadius: (0, _ResponsiveCalculations.verticalScale)(100),
+      overflow: "hidden",
+      style: {
+        overflow: 'hidden',
+        borderRadius: (0, _ResponsiveCalculations.verticalScale)(100),
+        alignSelf: 'flex-start'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TouchableRipple.default, {
+        onPress: onPress,
+        rippleColor: rippleColor,
+        ...props,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+          style: [STYLES.BUTTON_CONT, STYLES.ROUND_BUTTON_CONT, buttonContainerStyle],
+          children: renderIcon
+        })
+      })
+    })]
+  });
+};
+var _default = exports.default = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_TouchableRipple","_jsxRuntime","e","__esModule","default","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","titleFS","titleVariant","titleFF","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","buttonContainerStyle","textStyle","onPress","props","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","buttonIconColor","getButtonColors","STYLES","StyleSheet","create","BUTTON_CONT","borderWidth","borderColor","maxWidth","BUTTON_TEXT","color","textAlign","fontFamily","FLAT_BTN_CONT","borderRadius","verticalScale","overflow","alignSelf","FLAT_BUTTON_CONT","paddingVertical","paddingHorizontal","horizontalScale","flexDirection","alignItems","justifyContent","gap","ROUND_BUTTON_CONT","height","width","jsxs","Fragment","children","jsx","StyledView","style","f","undefined","React","cloneElement","flexShrink","StyledText","numberOfLines","fs","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Button/utils.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getButtonColors = void 0;
+const getButtonBorderColor = ({
+  theme,
+  strokeColor,
+  disabled
+}) => {
+  if (disabled) {
+    return theme.colors.outline;
+  }
+  if (strokeColor) {
+    return strokeColor;
+  }
+  return theme.colors.outline;
+};
+const getButtonTextColor = ({
+  theme,
+  checkVariant,
+  titleColor,
+  disabled
+}) => {
+  if (disabled) {
+    return theme.colors.textDisable;
+  } else if (titleColor) {
+    return titleColor;
+  } else if (checkVariant('outlined')) {
+    return theme.colors.textPrimary;
+  }
+  return theme.colors.textSecondary;
+};
+const getButtonBackgroundColor = ({
+  theme,
+  checkVariant,
+  bg,
+  disabled
+}) => {
+  if (disabled) {
+    return theme.colors.disable;
+  } else if (bg) {
+    return bg;
+  } else if (checkVariant('contained')) {
+    return theme.colors.primary;
+  } else if (checkVariant('outlined')) {
+    return 'transparent';
+  }
+  return theme.colors.primary;
+};
+const getButtonIconColor = ({
+  theme,
+  checkVariant,
+  disabled
+}) => {
+  if (disabled) {
+    return theme.colors.iconDisable;
+  } else if (checkVariant('outlined')) {
+    return theme.colors.iconPrimary;
+  }
+  return theme.colors.iconSecondary;
+};
+const getButtonColors = ({
+  theme,
+  variant,
+  bg,
+  titleColor,
+  strokeColor,
+  disabled
+}) => {
+  const checkVariant = variantToCompare => {
+    return variant === variantToCompare;
+  };
+  const backgroundColor = getButtonBackgroundColor({
+    theme,
+    checkVariant,
+    bg,
+    disabled
+  });
+  const buttonTextColor = getButtonTextColor({
+    theme,
+    checkVariant,
+    titleColor,
+    disabled
+  });
+  const buttonBorderColor = getButtonBorderColor({
+    theme,
+    strokeColor,
+    disabled
+  });
+  const buttonIconColor = getButtonIconColor({
+    checkVariant,
+    theme,
+    disabled
+  });
+  return {
+    backgroundColor,
+    buttonTextColor,
+    buttonBorderColor,
+    buttonIconColor
+  };
+};
+exports.getButtonColors = getButtonColors;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/components/Button/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","outline","getButtonTextColor","checkVariant","titleColor","textDisable","textPrimary","textSecondary","getButtonBackgroundColor","bg","disable","primary","getButtonIconColor","iconDisable","iconPrimary","iconSecondary","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","buttonIconColor","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/utils.ts"],"mappings":";;;;;;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,OAAO;EAC/B;EACA,IAAIH,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACC,OAAO;AAC/B,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBL,KAAK;EACLM,YAAY;EACZC,UAAU;EACVL;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACK,WAAW;EACnC,CAAC,MACI,IAAID,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAON,KAAK,CAACG,MAAM,CAACM,WAAW;EACnC;EACA,OAAOT,KAAK,CAACG,MAAM,CAACO,aAAa;AACrC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLM,YAAY;EACZM,EAAE;EACFV;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACU,OAAO;EAC/B,CAAC,MACI,IAAID,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIN,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAON,KAAK,CAACG,MAAM,CAACW,OAAO;EAC/B,CAAC,MACI,IAAIR,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAON,KAAK,CAACG,MAAM,CAACW,OAAO;AAC/B,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBf,KAAK;EACLM,YAAY;EACZJ;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACa,WAAW;EACnC,CAAC,MAAM,IAAIV,YAAY,CAAC,UAAU,CAAC,EAAE;IACjC,OAAON,KAAK,CAACG,MAAM,CAACc,WAAW;EACnC;EACA,OAAOjB,KAAK,CAACG,MAAM,CAACe,aAAa;AACrC,CAAC;AAED,MAAMC,eAAe,GAAGA,CAAC;EACrBnB,KAAK;EACLoB,OAAO;EACPR,EAAE;EACFL,UAAU;EACVN,WAAW;EACXC;AAQJ,CAAC,KAAK;EAEF,MAAMI,YAAY,GAAIe,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGX,wBAAwB,CAAC;IAC7CX,KAAK;IACLM,YAAY;IACZM,EAAE;IACFV;EACJ,CAAC,CAAC;EACF,MAAMqB,eAAe,GAAGlB,kBAAkB,CAAC;IACvCL,KAAK;IACLM,YAAY;IACZC,UAAU;IACVL;EACJ,CAAC,CAAC;EACF,MAAMsB,iBAAiB,GAAGzB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EACF,MAAMuB,eAAe,GAAGV,kBAAkB,CAAC;IACvCT,YAAY;IACZN,KAAK;IACLE;EACJ,CAAC,CAAC;EAEF,OAAO;IACHoB,eAAe;IACfC,eAAe;IACfC,iBAAiB;IACjBC;EACJ,CAAC;AACL,CAAC;AAACC,OAAA,CAAAP,eAAA,GAAAA,eAAA","ignoreList":[]}