ripal-ui 1.0.0

package/dist/Skeleton.js

@@ -0,0 +1,62 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _config = _interopRequireDefault(require("../config"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var Skeleton = function Skeleton(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? _config["default"].colors.slate[200] : _ref$color,
+    _ref$rounded = _ref.rounded,
+    rounded = _ref$rounded === void 0 ? 8 : _ref$rounded,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? "".concat(Math.floor(Math.random() * (99 - 11 + 1)) + 11, "%") : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 20 : _ref$height,
+    _ref$aspectRatio = _ref.aspectRatio,
+    aspectRatio = _ref$aspectRatio === void 0 ? null : _ref$aspectRatio;
+  var aspectRatioStyles = {
+    aspectRatio: aspectRatio
+  };
+  var heightStyles = {
+    height: height
+  };
+  var opacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  var defaultStyles = {
+    backgroundColor: color,
+    width: width,
+    borderRadius: rounded,
+    opacity: opacity
+  };
+  (0, _react.useEffect)(function () {
+    var _bounce = function bounce() {
+      opacity.setValue(1);
+      _reactNative.Animated.timing(opacity, {
+        toValue: 0.4,
+        duration: 1000,
+        useNativeDriver: true
+      }).start(function () {
+        _reactNative.Animated.timing(opacity, {
+          toValue: 0.8,
+          duration: 1000,
+          useNativeDriver: true
+        }).start(_bounce);
+      });
+    };
+    _bounce();
+  }, [opacity]);
+  return /*#__PURE__*/_react["default"].createElement(_reactNative.Animated.View, {
+    style: aspectRatio === null ? [defaultStyles, heightStyles] : [defaultStyles, aspectRatioStyles]
+  });
+};
+var styles = _reactNative.StyleSheet.create({
+  // 
+});
+var _default = exports["default"] = Skeleton;

package/dist/Switch.js

@@ -0,0 +1,74 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _config = _interopRequireDefault(require("../config"));
+var _Inline = _interopRequireDefault(require("./Inline"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var Switch = function Switch(_ref) {
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$spacer = _ref.spacer,
+    spacer = _ref$spacer === void 0 ? 5 : _ref$spacer,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange;
+  var _useState = (0, _react.useState)(active),
+    _useState2 = _slicedToArray(_useState, 2),
+    isActive = _useState2[0],
+    setActive = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
+    onPress: function onPress() {
+      setActive(!isActive);
+      if (onChange !== null) {
+        onChange();
+      }
+      console.log('hehe');
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
+    style: {
+      backgroundColor: isActive ? _config["default"].colors.green[500] : _config["default"].colors.slate[200],
+      padding: spacer,
+      borderRadius: 999,
+      width: size * 2 + spacer + 5
+    }
+  }, isActive && /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
+    style: {
+      flexGrow: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
+    style: _objectSpread({
+      height: size
+    }, styles.circle)
+  })));
+};
+var styles = _reactNative.StyleSheet.create({
+  area: {
+    backgroundColor: _config["default"].colors.slate[100]
+  },
+  circle: {
+    backgroundColor: '#fff',
+    aspectRatio: 1,
+    borderRadius: 9999
+  }
+});
+var _default = exports["default"] = Switch;

package/dist/Tab.js

@@ -0,0 +1,85 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabScreen = exports.Tab = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Text = _interopRequireDefault(require("../elements/Text"));
+var _Inline = _interopRequireDefault(require("../elements/Inline"));
+var _config = _interopRequireDefault(require("../config"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var TabScreen = exports.TabScreen = function TabScreen(_ref) {
+  var children = _ref.children;
+  return children;
+};
+var Tab = exports.Tab = function Tab(_ref2) {
+  var children = _ref2.children;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_reactNative.View, null, children.length > 3 ? /*#__PURE__*/_react["default"].createElement(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.tab_area
+  }, children.map(function (child, c) {
+    var isActive = c === index;
+    return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
+      key: c,
+      style: _objectSpread(_objectSpread({}, styles.tab_item), {}, {
+        borderBottomColor: isActive ? _config["default"].colors.primary : _config["default"].colors.slate[200]
+      }),
+      onPress: function onPress() {
+        return setIndex(c);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+      color: isActive ? _config["default"].colors.primary : _config["default"].colors.slate[500],
+      weight: isActive ? "600SemiBold" : "400Regular"
+    }, child.props.title));
+  })) : /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
+    style: styles.tab_area,
+    gap: 0
+  }, children.map(function (child, c) {
+    var isActive = c === index;
+    return /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
+      justifyContent: "center",
+      key: c,
+      style: _objectSpread(_objectSpread({}, styles.tab_item), {}, {
+        borderBottomColor: isActive ? _config["default"].colors.primary : _config["default"].colors.slate[200]
+      }),
+      onPress: function onPress() {
+        return setIndex(c);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+      color: isActive ? _config["default"].colors.primary : _config["default"].colors.slate[500],
+      weight: isActive ? "600SemiBold" : "400Regular"
+    }, child.props.title));
+  })), children[index]);
+};
+var styles = _reactNative.StyleSheet.create({
+  tab_area: {
+    marginBottom: 10
+  },
+  tab_item: {
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    flexGrow: 1,
+    borderBottomWidth: 1
+  }
+});

package/dist/Table.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = exports.Row = exports.Cell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _Text = _interopRequireDefault(require("../elements/Text"));
+var _config = _interopRequireDefault(require("../config"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+// Cell component
+var Cell = exports.Cell = function Cell(_ref) {
+  var children = _ref.children,
+    isHeader = _ref.isHeader,
+    width = _ref.width,
+    flexible = _ref.flexible;
+  return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
+    style: [styles.cell, {
+      width: flexible ? 'auto' : width,
+      flex: flexible ? 1 : undefined
+    }]
+  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+    weight: isHeader ? '600SemiBold' : '400Regular'
+  }, children));
+};
+
+// Row component
+var Row = exports.Row = function Row(_ref2) {
+  var children = _ref2.children,
+    isHeader = _ref2.isHeader,
+    cellWidth = _ref2.cellWidth,
+    flexible = _ref2.flexible;
+  return /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
+    style: styles.row
+  }, _react["default"].Children.map(children, function (child) {
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      isHeader: isHeader,
+      width: cellWidth,
+      flexible: flexible
+    });
+  }));
+};
+
+// Table component with dynamic width adjustment and scroll if more than 3 cells
+var Table = exports.Table = function Table(_ref3) {
+  var children = _ref3.children,
+    _ref3$cellWidth = _ref3.cellWidth,
+    cellWidth = _ref3$cellWidth === void 0 ? 100 : _ref3$cellWidth;
+  // Determine if any row has more than 3 cells
+  var hasManyCells = _react["default"].Children.toArray(children).some(function (child) {
+    return _react["default"].Children.count(child.props.children) > 3;
+  });
+  return hasManyCells ? /*#__PURE__*/_react["default"].createElement(_reactNative.ScrollView, {
+    horizontal: true
+  }, /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
+    style: styles.table
+  }, _react["default"].Children.map(children, function (child, index) {
+    return (
+      /*#__PURE__*/
+      // Automatically pass `isHeader` for the first row (index 0)
+      _react["default"].cloneElement(child, {
+        isHeader: index === 0,
+        cellWidth: cellWidth,
+        flexible: false
+      })
+    );
+  }))) : /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
+    style: styles.table
+  }, _react["default"].Children.map(children, function (child, index) {
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      isHeader: index === 0,
+      cellWidth: cellWidth,
+      flexible: true
+    });
+  }));
+};
+var styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    borderBottomWidth: 1,
+    borderColor: _config["default"].colors.slate[200]
+  },
+  cell: {
+    padding: 10,
+    borderColor: _config["default"].colors.slate[200],
+    justifyContent: 'center'
+  },
+  cellText: {
+    fontSize: 16
+  },
+  headerText: {
+    fontSize: 16,
+    fontWeight: 'bold'
+  }
+});

package/dist/Text.js

@@ -0,0 +1,78 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _poppins = require("@expo-google-fonts/poppins");
+var _config = _interopRequireDefault(require("../config"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var Text = function Text(_ref) {
+  var children = _ref.children,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "400Regular" : _ref$weight,
+    size = _ref.size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? _config["default"].colors.slate[500] : _ref$color,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "left" : _ref$align,
+    _ref$limit = _ref.limit,
+    limit = _ref$limit === void 0 ? 0 : _ref$limit,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 0 : _ref$spacing,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? null : _ref$lineHeight,
+    style = _ref.style;
+  var fontName = "Poppins";
+  var _useFonts = (0, _poppins.useFonts)({
+      Poppins_300Light: _poppins.Poppins_300Light,
+      Poppins_400Regular: _poppins.Poppins_400Regular,
+      Poppins_500Medium: _poppins.Poppins_500Medium,
+      Poppins_600SemiBold: _poppins.Poppins_600SemiBold,
+      Poppins_700Bold: _poppins.Poppins_700Bold,
+      Poppins_900Black: _poppins.Poppins_900Black
+    }),
+    _useFonts2 = _slicedToArray(_useFonts, 1),
+    fontsLoaded = _useFonts2[0];
+  if (_config["default"].appLangs["default"] !== null) {
+    // children = config.appLangs[config.appLangs.default][children];
+    var ogChildren = children;
+    if (typeof children === "string") {
+      children = children.split('.').reduce(function (acc, key) {
+        return acc && acc[key] !== undefined ? acc[key] : ogChildren;
+      }, _config["default"].appLangs[_config["default"].appLangs["default"]]);
+    }
+  }
+  if (!fontsLoaded) {
+    /*#__PURE__*/_react["default"].createElement(_reactNative.Text, null, children);
+  }
+  if (limit > 0 && children.length > limit) {
+    children = children.substr(0, limit) + '...';
+  }
+  return /*#__PURE__*/_react["default"].createElement(_reactNative.Text, {
+    style: _objectSpread(_objectSpread({
+      fontSize: size,
+      color: color,
+      letterSpacing: spacing,
+      lineHeight: lineHeight
+    }, style), {}, {
+      fontFamily: "".concat(fontName, "_").concat(weight),
+      textAlign: align
+    })
+  }, children);
+};
+var _default = exports["default"] = Text;

package/dist/Toggle.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _config = _interopRequireDefault(require("../config"));
+var _Text = _interopRequireDefault(require("./Text"));
+var _Inline = _interopRequireDefault(require("./Inline"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Toggle = function Toggle(_ref) {
+  var options = _ref.options,
+    value = _ref.value,
+    setValue = _ref.setValue;
+  return /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
+    style: styles.area
+  }, options.map(function (opt, o) {
+    var isActive = value === opt;
+    return /*#__PURE__*/_react["default"].createElement(_reactNative.Pressable, {
+      key: o,
+      style: [styles.item, isActive ? styles.item_active : null],
+      onPress: function onPress() {
+        return setValue(opt);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
+      color: isActive ? _config["default"].colors.primary : _config["default"].colors.slate[500],
+      weight: isActive ? '600SemiBold' : '400Regular'
+    }, opt));
+  }));
+};
+var styles = _reactNative.StyleSheet.create({
+  area: {
+    padding: 10,
+    backgroundColor: _config["default"].colors.slate[100],
+    borderRadius: 12
+  },
+  item: {
+    flexGrow: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 10,
+    borderRadius: 12
+  },
+  item_active: {
+    backgroundColor: '#fff',
+    shadowColor: _config["default"].colors.slate[300],
+    shadowOpacity: 0.4,
+    shadowRadius: 12
+  }
+});
+var _default = exports["default"] = Toggle;

package/dist/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function get() {
+    return _Circle["default"];
+  }
+});
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function get() {
+    return _DatePicker["default"];
+  }
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function get() {
+    return _Tab["default"];
+  }
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table["default"];
+  }
+});
+var _Circle = _interopRequireDefault(require("./Circle"));
+var _DatePicker = _interopRequireDefault(require("./DatePicker"));
+var _Tab = _interopRequireDefault(require("./Tab"));
+var _Table = _interopRequireDefault(require("./Table"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/elements/Button.jsx

@@ -0,0 +1,91 @@
+import React from 'react';
+import { TouchableOpacity, StyleSheet } from 'react-native';
+import config from '../config';
+import Text from './Text';
+
+const Button = ({
+    children, 
+    accent = 'primary', 
+    onPress, onLongPress,
+    color = config.colors.primary, 
+    height = 50, 
+    circle = false, 
+    justifyContent = 'center', 
+    style, textProps
+}) => {
+    const getAccentStyle = () => {
+        switch (accent) {
+            case 'primary':
+                return {
+                    backgroundColor: color,
+                    borderColor: color,
+                    color: '#fff',
+                };
+            case 'secondary':
+                return {
+                    backgroundColor: '#fff',
+                    borderColor: color,
+                    color: color,
+                };
+            case 'tertiary':
+                return {
+                    backgroundColor: '#fff',
+                    color: color,
+                    borderColor: config.colors.transparent
+                };
+            default:
+                return {};
+        }
+    };
+
+    const getColorStyle = () => {
+        switch (color) {
+            case 'red':
+                return { backgroundColor: '#e74c3c', borderColor: '#e74c3c' };
+            case 'green':
+                return { backgroundColor: '#2ecc71', borderColor: '#2ecc71' };
+            case 'white':
+                return { backgroundColor: '#fff', borderColor: '#fff' };
+            default:
+                return {};
+        }
+    };
+
+    return (
+        <TouchableOpacity
+            onPress={onPress}
+            onLongPress={onLongPress}
+            style={[
+                styles.button, 
+                getAccentStyle(), 
+                getColorStyle(),
+                { 
+                    height: height, 
+                    aspectRatio: circle ? 1 : 'auto', 
+                    borderRadius: circle ? 999 : 12, 
+                    justifyContent: justifyContent, 
+                    ...style 
+                }
+            ]}
+        >
+            <Text {...textProps} color={accent === "primary" ? "#fff" : color} style={styles.text} weight='600SemiBold'>{children}</Text>
+        </TouchableOpacity>
+    );
+};
+
+const styles = StyleSheet.create({
+    button: {
+        paddingHorizontal: 20,
+        height: 50,
+        borderRadius: 8,
+        fontWeight: '600',
+        fontSize: 14,
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 1,
+    },
+});
+
+export default Button;

package/elements/Dialog.jsx

@@ -0,0 +1,64 @@
+import React from "react";
+import { Pressable, StyleSheet, View } from "react-native";
+import config from "../config";
+import Text from "./Text";
+import Inline from "./Inline";
+import { TouchableOpacity } from "react-native";
+
+const DialogActions = ({children}) => {
+    return (
+        <Inline justifyContent="flex-end" gap={0} style={{
+            ...styles.action_area,
+            paddingTop: 20,
+            marginTop: 20 / 2,
+        }}>{children}</Inline>
+    )
+}
+
+const Dialog = ({spacer = 20, children, visible, onDismiss}) => {
+    if (visible) {
+        return (
+            <>
+                <TouchableOpacity style={styles.overlay}></TouchableOpacity>
+                <Pressable style={styles.container} onPress={() => {
+                    onDismiss();
+                }}>
+                    <Pressable style={{
+                        ...styles.content,
+                        padding: spacer,
+                        gap: spacer / 2,
+                    }}>
+                        {children}
+                    </Pressable>
+                </Pressable>
+            </>
+        )
+    }
+}
+
+const styles = StyleSheet.create({
+    overlay: {
+        backgroundColor: `#000000aa`,
+        position: 'absolute',
+        top: 0, left: 0, right: 0, bottom: 0,
+        zIndex: 10,
+    },
+    container: {
+        position: 'absolute',
+        top: 0, left: 0, right: 0, bottom: 0,
+        zIndex: 15,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    content: {
+        backgroundColor: '#fff',
+        width: '90%',
+        borderRadius: 12,
+    },
+    action_area: {
+        borderTopWidth: 1,
+        borderTopColor: config.colors.slate[200],
+    }
+})
+
+export {Dialog, DialogActions}