ripal-ui 1.1.394 → 2.0.0

package/dist/Tab.js

@@ -1,85 +0,0 @@
-"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

@@ -1,96 +0,0 @@
-"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

@@ -1,78 +0,0 @@
-"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/Toast.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _Inline = _interopRequireDefault(require("./Inline"));
-var _Text = _interopRequireDefault(require("./Text"));
-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 _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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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); }
-var Toast = function Toast(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "Percakapan berhasil dihapus" : _ref$label,
-    _ref$right = _ref.right,
-    right = _ref$right === void 0 ? null : _ref$right,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    setVisible = _ref.setVisible,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout,
-    containerStyle = _ref.containerStyle,
-    style = _ref.style,
-    textProps = _ref.textProps;
-  (0, _react.useEffect)(function () {
-    if (visible) {
-      var to = setTimeout(function () {
-        setVisible(false);
-      }, timeout);
-      return function () {
-        return clearTimeout(to);
-      };
-    }
-  }, [visible]);
-  return visible ? /*#__PURE__*/_react["default"].createElement(_reactNative.View, {
-    style: _objectSpread(_objectSpread({}, styles.container), containerStyle)
-  }, /*#__PURE__*/_react["default"].createElement(_Inline["default"], {
-    style: styles.area
-  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({
-    size: 12,
-    style: {
-      flexGrow: 1
-    },
-    color: "#fff"
-  }, textProps), label), right)) : null;
-};
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    right: 0,
-    padding: 20
-  },
-  area: {
-    backgroundColor: _config["default"].colors.slate[800],
-    borderRadius: 999,
-    padding: 20,
-    paddingHorizontal: 30
-  }
-});
-var _default = exports["default"] = Toast;

package/dist/Toggle.js

@@ -1,54 +0,0 @@
-"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

@@ -1,96 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-Object.defineProperty(exports, "Dialog", {
-  enumerable: true,
-  get: function get() {
-    return _Dialog.Dialog;
-  }
-});
-Object.defineProperty(exports, "DialogActions", {
-  enumerable: true,
-  get: function get() {
-    return _Dialog.DialogActions;
-  }
-});
-Object.defineProperty(exports, "Dropdown", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown["default"];
-  }
-});
-Object.defineProperty(exports, "Inline", {
-  enumerable: true,
-  get: function get() {
-    return _Inline["default"];
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _Input["default"];
-  }
-});
-Object.defineProperty(exports, "ProgressBar", {
-  enumerable: true,
-  get: function get() {
-    return _ProgressBar["default"];
-  }
-});
-Object.defineProperty(exports, "Separator", {
-  enumerable: true,
-  get: function get() {
-    return _Separator["default"];
-  }
-});
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton["default"];
-  }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function get() {
-    return _Switch["default"];
-  }
-});
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function get() {
-    return _Text["default"];
-  }
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function get() {
-    return _Toast["default"];
-  }
-});
-Object.defineProperty(exports, "Toggle", {
-  enumerable: true,
-  get: function get() {
-    return _Toggle["default"];
-  }
-});
-var _Button = _interopRequireDefault(require("./Button"));
-var _Dialog = require("./Dialog");
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-var _Inline = _interopRequireDefault(require("./Inline"));
-var _Input = _interopRequireDefault(require("./Input"));
-var _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
-var _Separator = _interopRequireDefault(require("./Separator"));
-var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-var _Switch = _interopRequireDefault(require("./Switch"));
-var _Text = _interopRequireDefault(require("./Text"));
-var _Toast = _interopRequireDefault(require("./Toast"));
-var _Toggle = _interopRequireDefault(require("./Toggle"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/elements/Button.tsx

@@ -1,121 +0,0 @@
-import React, { FC } from 'react';
-import { TouchableOpacity, StyleSheet, ViewStyle } from 'react-native';
-import config from '../config';
-import Text from './Text';
-
-interface ButtonProps {
-    children: React.ReactNode;
-    accent?: 'primary' | 'secondary' | 'tertiary';
-    onPress?: () => void;
-    onLongPress?: () => void;
-    color?: string;
-    height?: number;
-    circle?: boolean;
-    justifyContent?: ViewStyle['justifyContent'];
-    style?: ViewStyle;
-    textProps?: Record<string, unknown>;
-}
-
-const Button: FC<ButtonProps> = ({
-    children,
-    accent = 'primary',
-    onPress,
-    onLongPress,
-    color = config.colors.primary,
-    height = 50,
-    circle = false,
-    justifyContent = 'center',
-    style,
-    textProps
-}) => {
-    const getAccentStyle = (): ViewStyle => {
-        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 = (): ViewStyle => {
-        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 : undefined,
-                    borderRadius: circle ? 999 : 12,
-                    justifyContent: justifyContent,
-                    ...style,
-                }
-            ]}
-        >
-            {
-                typeof children === "string" ? 
-                <Text
-                    {...textProps}
-                    color={accent === "primary" ? "#fff" : color}
-                    style={styles.text}
-                    weight='600SemiBold'
-                >
-                    {children}
-                </Text>
-                :
-                children
-            }
-        </TouchableOpacity>
-    );
-};
-
-const styles = StyleSheet.create({
-    button: {
-        paddingHorizontal: 20,
-        height: 50,
-        borderRadius: 12,
-        fontWeight: '600',
-        fontSize: 14,
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderWidth: 1,
-    },
-    text: {
-        // Adjust text style here if necessary
-    }
-});
-
-export default Button;

package/elements/ColorPicker.tsx

@@ -1,70 +0,0 @@
-import React, { useState } from 'react';
-import { View, Pressable } from 'react-native';
-import Inline from './Inline';
-import Text from './Text';
-import config from '../config';
-
-type ColorPickerProps = {
-	value?: string;
-	label?: string;
-	onChange?: (color: string) => void;
-};
-
-const ColorPicker: React.FC<ColorPickerProps> = ({
-	value = '#fff',
-	label = 'Pilih Warna',
-	onChange = () => {}
-}) => {
-	const [isPicking, setPicking] = useState(false);
-
-	return (
-		<View style={{ gap: 5 }}>
-			<Inline>
-				<Text style={{ flexGrow: 1, fontSize: 11 }}>{label}</Text>
-				<Pressable
-					style={{
-						backgroundColor: value,
-						height: 24,
-						aspectRatio: 16 / 9,
-						borderRadius: 8,
-						borderWidth: 1,
-						borderColor: '#ddd',
-						padding: 4
-					}}
-					onPress={() => setPicking(true)}
-				/>
-			</Inline>
-
-			{isPicking && (
-				<View style={{ marginTop: 20 }}>
-					{Object.entries(config.colors).map((item, i) => {
-						if (typeof item[1] === 'object') {
-							return (
-								<Inline key={i} gap={0}>
-									{Object.entries(item[1] as Record<string, string>).map((sub, s) => (
-										<Pressable
-											key={s}
-											style={{
-												flexBasis: 30,
-												flexGrow: 1,
-												aspectRatio: 1,
-												backgroundColor: sub[1]
-											}}
-											onPress={() => {
-												onChange(sub[1]);
-												setPicking(false);
-											}}
-										/>
-									))}
-								</Inline>
-							);
-						}
-						return null;
-					})}
-				</View>
-			)}
-		</View>
-	);
-};
-
-export default ColorPicker;