@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Calendar/helper.js

@@ -3,78 +3,66 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIntervalValues = exports.getConcreteTimes = exports.getTimes = exports.getYears = exports.getDays = exports.calcHeaderWidth = exports.formatTitle = exports.formatDate = void 0;
-var local_1 = require("./local");
+exports.getYears = exports.getTimes = exports.getIntervalValues = exports.getDays = exports.getConcreteTimes = exports.formatTitle = exports.formatDate = exports.calcHeaderWidth = void 0;
+var _local = require("./local");
 /**
  * Formats a date into a string in the format "YYYY-MM-DD".
  * @param date - The date to be formatted.
  * @returns The formatted date string.
  */
-var formatDate = function (date) {
-  return "".concat(date.getFullYear(), "-").concat((date.getMonth() + 1).toString().padStart(2, '0'), "-").concat(date.getDate().toString().padStart(2, '0'));
-};
-exports.formatDate = formatDate;
+const formatDate = date => `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
+
 /**
  * Formats a date string into a title string based on the language code.
  * @param dateStr - The date string to be formatted.
  * @param languageCode - The language code used to determine the month name.
  * @returns The formatted title string.
  */
-var formatTitle = function (dateStr, languageCode) {
-  var _a, _b, _c;
-  var date = new Date(dateStr);
+exports.formatDate = formatDate;
+const formatTitle = (dateStr, languageCode) => {
+  const date = new Date(dateStr);
   if (date.toString() === "Invalid Date") return "";
-  var month = date.getMonth();
-  var year = date.getFullYear();
-  return "".concat((_c = (_b = (_a = local_1.locales[languageCode]) === null || _a === void 0 ? void 0 : _a.monthNamesShort) === null || _b === void 0 ? void 0 : _b[month]) !== null && _c !== void 0 ? _c : "", " ").concat(year !== null && year !== void 0 ? year : "");
+  const month = date.getMonth();
+  const year = date.getFullYear();
+  return `${_local.locales[languageCode]?.monthNamesShort?.[month] ?? ""} ${year ?? ""}`;
 };
 exports.formatTitle = formatTitle;
-var calcHeaderWidth = function (width) {
-  var main = width - 10;
+const calcHeaderWidth = width => {
+  const main = width - 10;
   return main - 10 - (main / 7 - 32);
 };
 exports.calcHeaderWidth = calcHeaderWidth;
-var getDays = function (date, languageCode) {
-  var days = Array.from({
-    length: new Date(date.getFullYear(), date === null || date === void 0 ? void 0 : date.getMonth(), 0).getDate()
-  }, function (_, index) {
-    return "".concat(index + 1);
-  });
-  days.unshift(local_1.locales[languageCode].any);
+const getDays = (date, languageCode) => {
+  const days = Array.from({
+    length: new Date(date.getFullYear(), date?.getMonth(), 0).getDate()
+  }, (_, index) => `${index + 1}`);
+  days.unshift(_local.locales[languageCode].any);
   return days;
 };
 exports.getDays = getDays;
-var getYears = function (date, languageCode) {
-  var currentYear = date.getFullYear();
-  var years = Array.from({
+const getYears = (date, languageCode) => {
+  const currentYear = date.getFullYear();
+  const years = Array.from({
     length: currentYear - 1899
-  }, function (_, index) {
-    return "".concat(1900 + index);
-  });
-  years.push(local_1.locales[languageCode].any);
+  }, (_, index) => `${1900 + index}`);
+  years.push(_local.locales[languageCode].any);
   return years;
 };
-exports.getYears = getYears;
+
 /**
  * Generates a list of times in HH:MM format based on the start time and interval.
  * @param startTime - The start time in HH:MM format.
  * @param interval - The time interval in minutes.
  * @returns The list of times in HH:MM format.
  */
-var getTimes = function (startTime, interval) {
-  if (interval === void 0) {
-    interval = 30;
-  }
-  var _a = startTime.split(":").map(Number),
-    _b = _a[0],
-    startHour = _b === void 0 ? 0 : _b,
-    _c = _a[1],
-    startMinute = _c === void 0 ? 0 : _c;
-  var times = [];
-  var currentHour = startHour;
-  var currentMinute = startMinute;
+exports.getYears = getYears;
+const getTimes = (startTime, interval = 30) => {
+  const [startHour = 0, startMinute = 0] = startTime.split(":").map(Number);
+  const times = [];
+  let currentHour = startHour;
+  let currentMinute = startMinute;
   while (currentHour < 24) {
-    times.push("".concat(currentHour.toString().padStart(2, "0"), ":").concat(currentMinute.toString().padStart(2, "0")));
+    times.push(`${currentHour.toString().padStart(2, "0")}:${currentMinute.toString().padStart(2, "0")}`);
     currentMinute += interval;
     if (currentMinute >= 60) {
       currentHour++;
@@ -83,44 +71,32 @@ var getTimes = function (startTime, interval) {
   }
   return times;
 };
-exports.getTimes = getTimes;
+
 /**
  * Generates a list of times in HH:MM format based on the start time and interval.
  * @param startTime - The start time in HH:MM format.
  * @param entdTime - The end time in HH:MM format.
  * @returns The list of times in HH:MM format.
  */
-var getConcreteTimes = function (startTime, endTime, returnType) {
-  if (startTime === void 0) {
-    startTime = "00:00";
-  }
-  if (endTime === void 0) {
-    endTime = "23:59";
-  }
-  if (returnType === void 0) {
-    returnType = "time";
-  }
-  var regex = /^([01]?[0-9]|2[0-3]):([0-5][0-9])$/;
+exports.getTimes = getTimes;
+const getConcreteTimes = (startTime = "00:00", endTime = "23:59", returnType = "time") => {
+  const regex = /^([01]?[0-9]|2[0-3]):([0-5][0-9])$/;
   if (!regex.test(startTime) || !regex.test(endTime)) {
     return [];
   }
-  var _a = startTime.split(":").map(Number),
-    startH = _a[0],
-    startM = _a[1];
-  var _b = endTime.split(":").map(Number),
-    endH = _b[0],
-    endM = _b[1];
-  var start = (startH !== null && startH !== void 0 ? startH : 0) * 60 + (startM !== null && startM !== void 0 ? startM : 0);
-  var end = (endH !== null && endH !== void 0 ? endH : 23) * 60 + (endM !== null && endM !== void 0 ? endM : 59);
+  const [startH, startM] = startTime.split(":").map(Number);
+  const [endH, endM] = endTime.split(":").map(Number);
+  const start = (startH ?? 0) * 60 + (startM ?? 0);
+  const end = (endH ?? 23) * 60 + (endM ?? 59);
   if (start > end) {
     return [];
   }
-  var times = [];
-  for (var i = start; i <= end; i++) {
-    var hours = Math.floor(i / 60).toString().padStart(2, '0');
-    var minutes = (i % 60).toString().padStart(2, '0');
+  const times = [];
+  for (let i = start; i <= end; i++) {
+    const hours = Math.floor(i / 60).toString().padStart(2, '0');
+    const minutes = (i % 60).toString().padStart(2, '0');
     if (returnType === "time") {
-      times.push("".concat(hours, ":").concat(minutes));
+      times.push(`${hours}:${minutes}`);
     } else if (returnType === "hours") {
       times.push(hours);
     } else if (returnType === "minutes") {
@@ -129,10 +105,34 @@ var getConcreteTimes = function (startTime, endTime, returnType) {
   }
   return Array.from(new Set(times));
 };
-exports.getConcreteTimes = getConcreteTimes;
+
 /**
  * Generates a list of interval values starting from the minimum time and incrementing by 30 minutes, up to the maximum time.
  * @param minTime - The minimum time in minutes.
+ * @param maxTime - The maximum time in minutes.
+ * @returns The list of interval values.
+ */
+exports.getConcreteTimes = getConcreteTimes;
+const getIntervalValues = (minTime, maxTime) => {
+  const intervals = [];
+  const [minH = '0', minM = '0'] = minTime.split(":");
+  const min = parseInt(minH) * 60 + parseInt(minM);
+  const [maxH = '0', maxM = '0'] = maxTime.split(":");
+  const max = parseInt(maxH) * 60 + parseInt(maxM);
+  let currentInterval = 30;
+  while (currentInterval + min <= max) {
+    const minutes = currentInterval % 60;
+    const hours = (currentInterval - minutes) / 60;
+    intervals.push({
+      text: `${hours > 0 ? `${hours} hr` : ''}${minutes > 0 ? ` ${minutes} min` : ""}`,
+      time: currentInterval
+    });
+    currentInterval += 30;
+  }
+  return intervals;
+};
+exports.getIntervalValues = getIntervalValues;
+
  * @param maxTime - The maximum time in minutes.
  * @returns The list of interval values.
  */
@@ -163,4 +163,3 @@ var getIntervalValues = function (minTime, maxTime) {
   return intervals;
 };
 exports.getIntervalValues = getIntervalValues;
-//# sourceMappingURL=helper.js.map

package/commonjs/Calendar/local.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.locales = void 0;
-const locales = exports.locales = {
+exports.locales = {
   en: {
     monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
@@ -75,4 +75,3 @@ const locales = exports.locales = {
     minute: "分钟"
   }
 };
-//# sourceMappingURL=local.js.map

package/commonjs/Calendar/types.js

@@ -3,24 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Column = exports.SupportLanguage = exports.CalendarMode = void 0;
-var CalendarMode;
-(function (CalendarMode) {
+exports.SupportLanguage = exports.Column = exports.CalendarMode = void 0;
+let CalendarMode = exports.CalendarMode = /*#__PURE__*/function (CalendarMode) {
   CalendarMode["Month"] = "month";
   CalendarMode["Week"] = "week";
   CalendarMode["Day"] = "day";
   CalendarMode["Range"] = "range";
-})(CalendarMode || (exports.CalendarMode = CalendarMode = {}));
-var SupportLanguage;
-(function (SupportLanguage) {
+  return CalendarMode;
+}({});
+let SupportLanguage = exports.SupportLanguage = /*#__PURE__*/function (SupportLanguage) {
   SupportLanguage["zh"] = "zh";
   SupportLanguage["en"] = "en";
   SupportLanguage["es"] = "es";
-})(SupportLanguage || (exports.SupportLanguage = SupportLanguage = {}));
-var Column;
-(function (Column) {
+  return SupportLanguage;
+}({});
+let Column = exports.Column = /*#__PURE__*/function (Column) {
   Column["Year"] = "year";
   Column["Month"] = "month";
   Column["Day"] = "day";
-})(Column || (exports.Column = Column = {}));
-//# sourceMappingURL=types.js.mapes.js.map
+  return Column;
+}({});

package/commonjs/Card/Card.js

@@ -1,39 +1,100 @@
 "use strict";
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function () {
+  var ownKeys = function (o) {
+    ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-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 (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 _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); }
-const Card = ({
-  style,
-  icon,
-  state,
-  stateText,
-  showMore,
-  title,
-  subTitle,
-  moreBtnIcon = "more_vert",
-  actions,
-  cardId,
-  path,
-  showNavBtn,
-  width = 285,
-  navBtnIcon = "back",
-  onPress,
-  showMoreOptions,
-  ...otherProps
-}) => {
-  const theme = (0, _themed.useTheme)();
-  const styles = useStyles();
-  const stateColors = {
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var Card = function (_a) {
+  var style = _a.style,
+    icon = _a.icon,
+    state = _a.state,
+    stateText = _a.stateText,
+    showMore = _a.showMore,
+    title = _a.title,
+    subTitle = _a.subTitle,
+    _b = _a.moreBtnIcon,
+    moreBtnIcon = _b === void 0 ? "more_vert" : _b,
+    actions = _a.actions,
+    cardId = _a.cardId,
+    path = _a.path,
+    showNavBtn = _a.showNavBtn,
+    _c = _a.width,
+    width = _c === void 0 ? 285 : _c,
+    _d = _a.navBtnIcon,
+    navBtnIcon = _d === void 0 ? "back" : _d,
+    onPress = _a.onPress,
+    showMoreOptions = _a.showMoreOptions,
+    otherProps = __rest(_a, ["style", "icon", "state", "stateText", "showMore", "title", "subTitle", "moreBtnIcon", "actions", "cardId", "path", "showNavBtn", "width", "navBtnIcon", "onPress", "showMoreOptions"]);
+  var theme = (0, themed_1.useTheme)();
+  var styles = useStyles();
+  var stateColors = {
     error_bg: theme.theme.colors.colorStatusErrorBg || "#FFE6E6",
     error_text: theme.theme.colors.colorStatusError || "#FF4444",
     warning_bg: theme.theme.colors.colorStatusWarningBg || "#FFF3E0",
@@ -41,70 +102,80 @@ const Card = ({
     success_bg: theme.theme.colors.colorStatusSuccessBg || "#E8F5E8",
     success_text: theme.theme.colors.colorStatusSuccess || "#4CAF50"
   };
-  const [hover, setHover] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
-    onPressIn: () => setHover(true),
-    onPressOut: () => setHover(false),
-    onPress: () => onPress && onPress(`${path}--${cardId}`)
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+  var _e = (0, react_1.useState)(false),
+    hover = _e[0],
+    setHover = _e[1];
+  return react_1.default.createElement(react_native_1.TouchableWithoutFeedback, {
+    onPressIn: function () {
+      return setHover(true);
+    },
+    onPressOut: function () {
+      return setHover(false);
+    },
+    onPress: function () {
+      return onPress && onPress("".concat(path, "--").concat(cardId));
+    }
+  }, react_1.default.createElement(react_native_1.View, __assign({}, otherProps, {
     style: [styles.container, style, {
       width: width || 285
     }, hover && styles.hoverStyle]
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), react_1.default.createElement(react_native_1.View, {
     style: styles.inner
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.header
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.left
-  }, icon && /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, icon && react_1.default.createElement(TapasIcon_1.default, {
     size: 24,
     color: theme.theme.colors.primary,
     name: icon
-  }), state && stateText && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), state && stateText && react_1.default.createElement(react_native_1.View, {
     style: [styles.stateCon, {
       backgroundColor: stateColors[state + "_bg"]
     }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: [styles.stateText, {
       color: stateColors[state + "_text"]
     }]
-  }, stateText))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, stateText))), react_1.default.createElement(react_native_1.View, {
     style: styles.right
-  }, showMore && moreBtnIcon && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    onPress: e => {
+  }, showMore && moreBtnIcon && react_1.default.createElement(react_native_1.Pressable, {
+    onPress: function (e) {
       e.stopPropagation();
       if (showMoreOptions) {
         showMoreOptions(cardId);
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     size: 20,
     color: theme.theme.colors.primary,
     name: moreBtnIcon
-  })))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })))), react_1.default.createElement(react_native_1.View, {
     style: styles.main
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: [styles.left, {
       flexDirection: "column",
       width: width - 32 - (showNavBtn ? 38 : 0),
       overflow: "hidden"
     }]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, react_1.default.createElement(react_native_1.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: styles.subTitle
-  }, subTitle || ""), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, subTitle || ""), react_1.default.createElement(react_native_1.Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
     style: styles.title
-  }, title || "")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, title || "")), react_1.default.createElement(react_native_1.View, {
     style: styles.right
-  }, showNavBtn && /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    onPress: () => onPress && onPress(cardId),
+  }, showNavBtn && react_1.default.createElement(react_native_1.Pressable, {
+    onPress: function () {
+      return onPress && onPress(cardId);
+    },
     style: styles.navBtn
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
+  }, react_1.default.createElement(TapasIcon_1.default, {
     size: 20,
     style: {
       alignSelf: "center"
@@ -113,111 +184,31 @@ const Card = ({
     name: navBtnIcon
   })))))));
 };
-const useStyles = (0, _themed.makeStyles)(theme => ({
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    width: 285,
-    height: 128,
-    borderRadius: 12,
-    overflow: "hidden",
-    backgroundColor: theme.colors.white,
-    cursor: "pointer"
-  },
-  hoverStyle: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 8
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    container: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "flex-start",
+      width: 285,
+      height: 128,
+      borderRadius: 12,
+      overflow: "hidden",
+      backgroundColor: theme.colors.white,
+      cursor: "pointer"
     },
-    shadowOpacity: 0.08,
-    shadowRadius: 24,
-    elevation: 12
-  },
-  inner: {
-    marginTop: 10,
-    marginBottom: 16,
-    marginRight: 16,
-    marginLeft: 16,
-    display: "flex",
-    flexGrow: 1,
-    overflow: "hidden",
-    flexDirection: "column",
-    justifyContent: "space-between"
-  },
-  header: {
-    height: 32,
-    display: "flex",
-    flexDirection: "row",
-    width: "100%",
-    overflow: "hidden",
-    justifyContent: "space-between",
-    gap: 8
-  },
-  left: {
-    display: "flex",
-    flexDirection: "row",
-    flexGrow: 1,
-    overflow: "hidden",
-    justifyContent: "flex-start"
-  },
-  right: {
-    display: "flex",
-    flexDirection: "row",
-    overflow: "hidden",
-    justifyContent: "flex-end"
-  },
-  stateCon: {
-    display: "flex",
-    flexDirection: "row",
-    height: 24,
-    alignSelf: "center",
-    paddingLeft: 8,
-    paddingRight: 8,
-    borderRadius: 12
-  },
-  stateText: {
-    fontSize: 10,
-    fontWeight: "700",
-    lineHeight: 24
-  },
-  main: {
-    display: "flex",
-    flexDirection: "row",
-    height: 40,
-    justifyContent: "space-between",
-    overflow: "hidden",
-    width: "100%",
-    gap: 8
-  },
-  navBtn: {
-    display: "flex",
-    flexDirection: "column",
-    width: 28,
-    height: 28,
-    justifyContent: "center",
-    alignSelf: "center",
-    borderRadius: 14,
-    borderColor: theme.colors.greyOutline,
-    borderWidth: 1,
-    transform: "rotate(180deg)",
-    borderStyle: "solid"
-  },
-  subTitle: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: theme.colors.grey1
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "700",
-    color: theme.colors.primary,
-    overflow: "hidden"
-  }
-}));
-var _default = exports.default = (0, _themed.withTheme)(Card);
-//# sourceMappingURL=Card.js.mapTop: 10,
+    hoverStyle: {
+      shadowColor: "#000",
+      shadowOffset: {
+        width: 0,
+        height: 8
+      },
+      shadowOpacity: 0.08,
+      shadowRadius: 24,
+      elevation: 12
+    },
+    inner: {
+      marginTop: 10,
       marginBottom: 16,
       marginRight: 16,
       marginLeft: 16,
@@ -299,4 +290,3 @@ var _default = exports.default = (0, _themed.withTheme)(Card);
   };
 });
 exports.default = (0, themed_1.withTheme)(Card);
-//# sourceMappingURL=Card.js.map

package/commonjs/CheckBox/CheckBox.js

@@ -153,7 +153,7 @@ const CheckBox = props => {
   }, renderText()) : renderText();
 };
 var _default = exports.default = (0, _themed.withTheme)(CheckBox);
-//# sourceMappingURL=CheckBox.js.map full ? 'check_box' : 'indeterminate_check_box' : 'check_box_outline_blank',
+
       size: 20
     }), label, children)) : react_1.default.createElement(themed_1.Text, __assign({
       style: [
@@ -180,4 +180,3 @@ var _default = exports.default = (0, _themed.withTheme)(CheckBox);
   }, renderText()) : renderText();
 };
 exports.default = (0, themed_1.withTheme)(CheckBox);
-//# sourceMappingURL=CheckBox.js.map

package/commonjs/CheckBox/CheckBoxItem.js

@@ -130,7 +130,7 @@ const CheckBoxItem = ({
   }, item.title))));
 };
 var _default = exports.default = (0, _themed.withTheme)(CheckBoxItem);
-//# sourceMappingURL=CheckBoxItem.js.mapct_1.default.createElement(themed_1.ListItem, {
+
     containerStyle: [styles.listItemContainer, disabled && styles.disabled, selected && disabled && styles.disabledSelectedContainer],
     style: {
       width: '100%'
@@ -159,4 +159,3 @@ var _default = exports.default = (0, _themed.withTheme)(CheckBoxItem);
   }, item.title))));
 };
 exports.default = (0, themed_1.withTheme)(CheckBoxItem);
-//# sourceMappingURL=CheckBoxItem.js.map