@grupalia/rn-ui-kit 0.13.0 → 0.14.0

package/lib/commonjs/components/BaseConfirmationModal.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BaseConfirmationModal;
+var _reactNative = require("react-native");
+var _BaseButton = _interopRequireDefault(require("./BaseButton"));
+var _BaseText = _interopRequireDefault(require("./BaseText"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function BaseConfirmationModal({
+  visible,
+  title,
+  body,
+  confirmText = 'Aceptar',
+  cancelText = 'Cancelar',
+  onConfirm,
+  onCancel,
+  countdownSecs = 0,
+  loading = false,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: visible,
+    onRequestClose: () => onCancel(),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "flex-1 items-center justify-center bg-overlay",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        className: "m-4 flex flex-col space-y-4 rounded-lg bg-primary p-8",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+          className: "mb-4 text-lg font-semibold",
+          children: title
+        }), typeof body === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
+          className: "text-base",
+          children: body
+        }) : body, /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
+          text: confirmText,
+          onPress: onConfirm,
+          loading: loading,
+          countdownSecs: countdownSecs
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
+          variant: "secondary",
+          text: cancelText,
+          onPress: onCancel
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=BaseConfirmationModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_BaseButton","_interopRequireDefault","_BaseText","_jsxRuntime","e","__esModule","default","BaseConfirmationModal","visible","title","body","confirmText","cancelText","onConfirm","onCancel","countdownSecs","loading","props","jsx","Modal","animationType","transparent","onRequestClose","children","View","className","jsxs","text","onPress","variant"],"sourceRoot":"../../../src","sources":["components/BaseConfirmationModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAcnB,SAASG,qBAAqBA,CAAC;EAC5CC,OAAO;EACPC,KAAK;EACLC,IAAI;EACJC,WAAW,GAAG,SAAS;EACvBC,UAAU,GAAG,UAAU;EACvBC,SAAS;EACTC,QAAQ;EACRC,aAAa,GAAG,CAAC;EACjBC,OAAO,GAAG,KAAK;EACf,GAAGC;AACE,CAAC,EAAE;EACR,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAqB,KAAK;IACJC,aAAa,EAAC,MAAM;IACpBC,WAAW;IACXb,OAAO,EAAEA,OAAQ;IACjBc,cAAc,EAAEA,CAAA,KAAMR,QAAQ,CAAC,CAAE;IAAA,GAC7BG,KAAK;IAAAM,QAAA,eAET,IAAApB,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAA0B,IAAI;MAACC,SAAS,EAAC,+CAA+C;MAAAF,QAAA,eAC7D,IAAApB,WAAA,CAAAuB,IAAA,EAAC5B,YAAA,CAAA0B,IAAI;QAACC,SAAS,EAAC,uDAAuD;QAAAF,QAAA,gBACrE,IAAApB,WAAA,CAAAe,GAAA,EAAChB,SAAA,CAAAI,OAAQ;UAACmB,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EAC7Cd;QAAK,CACE,CAAC,EACV,OAAOC,IAAI,KAAK,QAAQ,gBACvB,IAAAP,WAAA,CAAAe,GAAA,EAAChB,SAAA,CAAAI,OAAQ;UAACmB,SAAS,EAAC,WAAW;UAAAF,QAAA,EAC5Bb;QAAI,CACG,CAAC,GACTA,IAAI,eACR,IAAAP,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAAM,OAAU;UACTqB,IAAI,EAAEhB,WAAY;UAClBiB,OAAO,EAAEf,SAAU;UACnBG,OAAO,EAAEA,OAAQ;UACjBD,aAAa,EAAEA;QAAc,CAC9B,CAAC,eACF,IAAAZ,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAAM,OAAU;UACTuB,OAAO,EAAC,WAAW;UACnBF,IAAI,EAAEf,UAAW;UACjBgB,OAAO,EAAEd;QAAS,CACnB,CAAC;MAAA,CACE;IAAC,CACH;EAAC,CACF,CAAC;AAEZ","ignoreList":[]}

package/lib/commonjs/components/BaseIconBox.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BaseIconBox;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function getColorClasses(color) {
+  switch (color) {
+    case 'primary':
+      return {
+        box: 'bg-brand-solid',
+        icon: 'text-primary_on-brand'
+      };
+    case 'light-blue':
+      return {
+        box: 'bg-utility-blue-100',
+        icon: 'text-utility-blue-700'
+      };
+    case 'green':
+      return {
+        box: 'bg-success-primary',
+        icon: 'text-success-primary'
+      };
+    case 'white':
+    default:
+      return {
+        box: 'bg-transparent',
+        icon: 'text-primary'
+      };
+  }
+}
+function getSizeClasses(size) {
+  switch (size) {
+    case 'xxs':
+      return {
+        box: 'h-6 w-6'
+      };
+    case 'xs':
+      return {
+        box: 'w-8 h-8'
+      };
+    case 'sm':
+      return {
+        box: 'w-12 h-12'
+      };
+    case 'lg':
+      return {
+        box: 'w-16 h-16'
+      };
+    case 'md':
+    default:
+      return {
+        box: 'w-20 h-20'
+      };
+  }
+}
+function BaseIconBox({
+  color = 'primary',
+  size = 'sm',
+  Icon,
+  style = {},
+  ...iconProps
+}) {
+  const colorClasses = getColorClasses(color);
+  const sizeClasses = getSizeClasses(size);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    className: `${colorClasses.box} ${sizeClasses.box} flex shrink-0 items-center justify-center rounded-md p-1`,
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      className: colorClasses.icon,
+      ...iconProps
+    })
+  });
+}
+//# sourceMappingURL=BaseIconBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","getColorClasses","color","box","icon","getSizeClasses","size","BaseIconBox","Icon","style","iconProps","colorClasses","sizeClasses","jsx","View","className","children"],"sourceRoot":"../../../src","sources":["components/BaseIconBox.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAoC,IAAAC,WAAA,GAAAD,OAAA;AAapC,SAASE,eAAeA,CAACC,KAAgB,EAAiC;EACxE,QAAQA,KAAK;IACX,KAAK,SAAS;MACZ,OAAO;QAAEC,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACjE,KAAK,YAAY;MACf,OAAO;QAAED,GAAG,EAAE,qBAAqB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACtE,KAAK,OAAO;MACV,OAAO;QAAED,GAAG,EAAE,oBAAoB;QAAEC,IAAI,EAAE;MAAuB,CAAC;IACpE,KAAK,OAAO;IACZ;MACE,OAAO;QAAED,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAe,CAAC;EAC1D;AACF;AAEA,SAASC,cAAcA,CAACC,IAAc,EAAmB;EACvD,QAAQA,IAAI;IACV,KAAK,KAAK;MACR,OAAO;QAAEH,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;IACT;MACE,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;EAC/B;AACF;AAEe,SAASI,WAAWA,CAAC;EAClCL,KAAK,GAAG,SAAS;EACjBI,IAAI,GAAG,IAAI;EACXE,IAAI;EACJC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,YAAY,GAAGV,eAAe,CAACC,KAAK,CAAC;EAC3C,MAAMU,WAAW,GAAGP,cAAc,CAACC,IAAI,CAAC;EAExC,oBACE,IAAAN,WAAA,CAAAa,GAAA,EAACf,YAAA,CAAAgB,IAAI;IACHC,SAAS,EAAE,GAAGJ,YAAY,CAACR,GAAG,IAAIS,WAAW,CAACT,GAAG,2DAA4D;IAC7GM,KAAK,EAAEA,KAAM;IAAAO,QAAA,eAEb,IAAAhB,WAAA,CAAAa,GAAA,EAACL,IAAI;MACHO,SAAS,EAAEJ,YAAY,CAACP,IAAK;MAAA,GACzBM;IAAS,CACd;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "BaseButton", {
     return _BaseButton.default;
   }
 });
+Object.defineProperty(exports, "BaseConfirmationModal", {
+  enumerable: true,
+  get: function () {
+    return _BaseConfirmationModal.default;
+  }
+});
 Object.defineProperty(exports, "BaseDateInput", {
   enumerable: true,
   get: function () {
@@ -39,6 +45,12 @@ Object.defineProperty(exports, "BaseIcon", {
     return _BaseIcon.default;
   }
 });
+Object.defineProperty(exports, "BaseIconBox", {
+  enumerable: true,
+  get: function () {
+    return _BaseIconBox.default;
+  }
+});
 Object.defineProperty(exports, "BaseRadioGroup", {
   enumerable: true,
   get: function () {
@@ -119,6 +131,8 @@ Object.defineProperty(exports, "Tab", {
 });
 var _BaseButton = _interopRequireDefault(require("./BaseButton"));
 var _BaseBadge = _interopRequireDefault(require("./BaseBadge"));
+var _BaseConfirmationModal = _interopRequireDefault(require("./BaseConfirmationModal"));
+var _BaseIconBox = _interopRequireDefault(require("./BaseIconBox"));
 var _BaseSpinner = _interopRequireDefault(require("./BaseSpinner"));
 var _BaseStackedList = _interopRequireDefault(require("./BaseStackedList"));
 var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));

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

@@ -1 +1 @@
-{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","_BaseSelect","_interopRequireWildcard","_FormikSelect","_BaseHorizontalTabs","_BaseSelectionItem","_BaseRadioGroup","_FormikRadioGroup","_BaseDateInput","_FormikDateInput","_BaseSwitch","_PressableOpacity","_BaseText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAC,uBAAA,CAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,mBAAA,GAAAF,uBAAA,CAAAP,OAAA;AACA,IAAAU,kBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,eAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,iBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,cAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,gBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,WAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,iBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,SAAA,GAAAlB,sBAAA,CAAAC,OAAA;AAAiD,SAAAO,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAApB,uBAAAmB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA","ignoreList":[]}
+{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseConfirmationModal","_BaseIconBox","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","_BaseSelect","_interopRequireWildcard","_FormikSelect","_BaseHorizontalTabs","_BaseSelectionItem","_BaseRadioGroup","_FormikRadioGroup","_BaseDateInput","_FormikDateInput","_BaseSwitch","_PressableOpacity","_BaseText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,sBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAC,uBAAA,CAAAT,OAAA;AACA,IAAAU,aAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,mBAAA,GAAAF,uBAAA,CAAAT,OAAA;AACA,IAAAY,kBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,eAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,iBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,cAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,gBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,WAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,iBAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,SAAA,GAAApB,sBAAA,CAAAC,OAAA;AAAiD,SAAAS,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAtB,uBAAAqB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA","ignoreList":[]}

package/lib/module/components/BaseConfirmationModal.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { View, Modal } from 'react-native';
+import BaseButton from "./BaseButton.js";
+import BaseText from "./BaseText.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function BaseConfirmationModal({
+  visible,
+  title,
+  body,
+  confirmText = 'Aceptar',
+  cancelText = 'Cancelar',
+  onConfirm,
+  onCancel,
+  countdownSecs = 0,
+  loading = false,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: visible,
+    onRequestClose: () => onCancel(),
+    ...props,
+    children: /*#__PURE__*/_jsx(View, {
+      className: "flex-1 items-center justify-center bg-overlay",
+      children: /*#__PURE__*/_jsxs(View, {
+        className: "m-4 flex flex-col space-y-4 rounded-lg bg-primary p-8",
+        children: [/*#__PURE__*/_jsx(BaseText, {
+          className: "mb-4 text-lg font-semibold",
+          children: title
+        }), typeof body === 'string' ? /*#__PURE__*/_jsx(BaseText, {
+          className: "text-base",
+          children: body
+        }) : body, /*#__PURE__*/_jsx(BaseButton, {
+          text: confirmText,
+          onPress: onConfirm,
+          loading: loading,
+          countdownSecs: countdownSecs
+        }), /*#__PURE__*/_jsx(BaseButton, {
+          variant: "secondary",
+          text: cancelText,
+          onPress: onCancel
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=BaseConfirmationModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Modal","BaseButton","BaseText","jsx","_jsx","jsxs","_jsxs","BaseConfirmationModal","visible","title","body","confirmText","cancelText","onConfirm","onCancel","countdownSecs","loading","props","animationType","transparent","onRequestClose","children","className","text","onPress","variant"],"sourceRoot":"../../../src","sources":["components/BaseConfirmationModal.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAE1C,OAAOC,UAAU,MAAM,iBAAc;AACrC,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAclC,eAAe,SAASC,qBAAqBA,CAAC;EAC5CC,OAAO;EACPC,KAAK;EACLC,IAAI;EACJC,WAAW,GAAG,SAAS;EACvBC,UAAU,GAAG,UAAU;EACvBC,SAAS;EACTC,QAAQ;EACRC,aAAa,GAAG,CAAC;EACjBC,OAAO,GAAG,KAAK;EACf,GAAGC;AACE,CAAC,EAAE;EACR,oBACEb,IAAA,CAACJ,KAAK;IACJkB,aAAa,EAAC,MAAM;IACpBC,WAAW;IACXX,OAAO,EAAEA,OAAQ;IACjBY,cAAc,EAAEA,CAAA,KAAMN,QAAQ,CAAC,CAAE;IAAA,GAC7BG,KAAK;IAAAI,QAAA,eAETjB,IAAA,CAACL,IAAI;MAACuB,SAAS,EAAC,+CAA+C;MAAAD,QAAA,eAC7Df,KAAA,CAACP,IAAI;QAACuB,SAAS,EAAC,uDAAuD;QAAAD,QAAA,gBACrEjB,IAAA,CAACF,QAAQ;UAACoB,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EAC7CZ;QAAK,CACE,CAAC,EACV,OAAOC,IAAI,KAAK,QAAQ,gBACvBN,IAAA,CAACF,QAAQ;UAACoB,SAAS,EAAC,WAAW;UAAAD,QAAA,EAC5BX;QAAI,CACG,CAAC,GACTA,IAAI,eACRN,IAAA,CAACH,UAAU;UACTsB,IAAI,EAAEZ,WAAY;UAClBa,OAAO,EAAEX,SAAU;UACnBG,OAAO,EAAEA,OAAQ;UACjBD,aAAa,EAAEA;QAAc,CAC9B,CAAC,eACFX,IAAA,CAACH,UAAU;UACTwB,OAAO,EAAC,WAAW;UACnBF,IAAI,EAAEX,UAAW;UACjBY,OAAO,EAAEV;QAAS,CACnB,CAAC;MAAA,CACE;IAAC,CACH;EAAC,CACF,CAAC;AAEZ","ignoreList":[]}

package/lib/module/components/BaseIconBox.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+function getColorClasses(color) {
+  switch (color) {
+    case 'primary':
+      return {
+        box: 'bg-brand-solid',
+        icon: 'text-primary_on-brand'
+      };
+    case 'light-blue':
+      return {
+        box: 'bg-utility-blue-100',
+        icon: 'text-utility-blue-700'
+      };
+    case 'green':
+      return {
+        box: 'bg-success-primary',
+        icon: 'text-success-primary'
+      };
+    case 'white':
+    default:
+      return {
+        box: 'bg-transparent',
+        icon: 'text-primary'
+      };
+  }
+}
+function getSizeClasses(size) {
+  switch (size) {
+    case 'xxs':
+      return {
+        box: 'h-6 w-6'
+      };
+    case 'xs':
+      return {
+        box: 'w-8 h-8'
+      };
+    case 'sm':
+      return {
+        box: 'w-12 h-12'
+      };
+    case 'lg':
+      return {
+        box: 'w-16 h-16'
+      };
+    case 'md':
+    default:
+      return {
+        box: 'w-20 h-20'
+      };
+  }
+}
+export default function BaseIconBox({
+  color = 'primary',
+  size = 'sm',
+  Icon,
+  style = {},
+  ...iconProps
+}) {
+  const colorClasses = getColorClasses(color);
+  const sizeClasses = getSizeClasses(size);
+  return /*#__PURE__*/_jsx(View, {
+    className: `${colorClasses.box} ${sizeClasses.box} flex shrink-0 items-center justify-center rounded-md p-1`,
+    style: style,
+    children: /*#__PURE__*/_jsx(Icon, {
+      className: colorClasses.icon,
+      ...iconProps
+    })
+  });
+}
+//# sourceMappingURL=BaseIconBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","jsx","_jsx","getColorClasses","color","box","icon","getSizeClasses","size","BaseIconBox","Icon","style","iconProps","colorClasses","sizeClasses","className","children"],"sourceRoot":"../../../src","sources":["components/BaseIconBox.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAapC,SAASC,eAAeA,CAACC,KAAgB,EAAiC;EACxE,QAAQA,KAAK;IACX,KAAK,SAAS;MACZ,OAAO;QAAEC,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACjE,KAAK,YAAY;MACf,OAAO;QAAED,GAAG,EAAE,qBAAqB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACtE,KAAK,OAAO;MACV,OAAO;QAAED,GAAG,EAAE,oBAAoB;QAAEC,IAAI,EAAE;MAAuB,CAAC;IACpE,KAAK,OAAO;IACZ;MACE,OAAO;QAAED,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAe,CAAC;EAC1D;AACF;AAEA,SAASC,cAAcA,CAACC,IAAc,EAAmB;EACvD,QAAQA,IAAI;IACV,KAAK,KAAK;MACR,OAAO;QAAEH,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;IACT;MACE,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;EAC/B;AACF;AAEA,eAAe,SAASI,WAAWA,CAAC;EAClCL,KAAK,GAAG,SAAS;EACjBI,IAAI,GAAG,IAAI;EACXE,IAAI;EACJC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,YAAY,GAAGV,eAAe,CAACC,KAAK,CAAC;EAC3C,MAAMU,WAAW,GAAGP,cAAc,CAACC,IAAI,CAAC;EAExC,oBACEN,IAAA,CAACF,IAAI;IACHe,SAAS,EAAE,GAAGF,YAAY,CAACR,GAAG,IAAIS,WAAW,CAACT,GAAG,2DAA4D;IAC7GM,KAAK,EAAEA,KAAM;IAAAK,QAAA,eAEbd,IAAA,CAACQ,IAAI;MACHK,SAAS,EAAEF,YAAY,CAACP,IAAK;MAAA,GACzBM;IAAS,CACd;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/index.js

@@ -2,6 +2,8 @@
 
 export { default as BaseButton } from "./BaseButton.js";
 export { default as BaseBadge } from "./BaseBadge.js";
+export { default as BaseConfirmationModal } from "./BaseConfirmationModal.js";
+export { default as BaseIconBox } from "./BaseIconBox.js";
 export { default as BaseSpinner } from "./BaseSpinner.js";
 export { default as BaseStackedList } from "./BaseStackedList.js";
 export { default as BaseIcon } from "./BaseIcon.js";

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

@@ -1 +1 @@
-{"version":3,"names":["default","BaseButton","BaseBadge","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,WAAW,QAAQ,kBAAe;AACtD,SAASH,OAAO,IAAII,eAAe,QAAQ,sBAAmB;AAC9D,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,eAAY;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,gBAAa;AAClD,SAASN,OAAO,IAAIO,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASR,OAAO,IAAIS,YAAY,QAAQ,mBAAgB;AACxD,SAAST,OAAO,IAAIU,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASX,OAAO,IAAIY,iBAAiB,QAAQ,wBAAqB;AAClE,SAASZ,OAAO,IAAIa,cAAc,QAAQ,qBAAkB;AAC5D,SAASb,OAAO,IAAIc,gBAAgB,QAAQ,uBAAoB;AAChE,SAASd,OAAO,IAAIe,aAAa,QAAQ,oBAAiB;AAC1D,SAASf,OAAO,IAAIgB,eAAe,QAAQ,sBAAmB;AAC9D,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,iBAAc;AACpD,SAASjB,OAAO,IAAIkB,gBAAgB,QAAQ,uBAAoB;AAChE,SAASlB,OAAO,IAAImB,QAAQ,QAAQ,eAAY","ignoreList":[]}
+{"version":3,"names":["default","BaseButton","BaseBadge","BaseConfirmationModal","BaseIconBox","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,qBAAqB,QAAQ,4BAAyB;AAC1E,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AACtD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,kBAAe;AACtD,SAASL,OAAO,IAAIM,eAAe,QAAQ,sBAAmB;AAC9D,SAASN,OAAO,IAAIO,QAAQ,QAAQ,eAAY;AAChD,SAASP,OAAO,IAAIQ,SAAS,QAAQ,gBAAa;AAClD,SAASR,OAAO,IAAIS,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASV,OAAO,IAAIW,YAAY,QAAQ,mBAAgB;AACxD,SAASX,OAAO,IAAIY,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,wBAAqB;AAClE,SAASd,OAAO,IAAIe,cAAc,QAAQ,qBAAkB;AAC5D,SAASf,OAAO,IAAIgB,gBAAgB,QAAQ,uBAAoB;AAChE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,oBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,eAAe,QAAQ,sBAAmB;AAC9D,SAASlB,OAAO,IAAImB,UAAU,QAAQ,iBAAc;AACpD,SAASnB,OAAO,IAAIoB,gBAAgB,QAAQ,uBAAoB;AAChE,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/typescript/commonjs/components/BaseConfirmationModal.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Modal } from 'react-native';
+interface Props extends React.ComponentProps<typeof Modal> {
+    visible: boolean;
+    title: string;
+    body: string | React.ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    countdownSecs?: number;
+    loading?: boolean;
+}
+export default function BaseConfirmationModal({ visible, title, body, confirmText, cancelText, onConfirm, onCancel, countdownSecs, loading, ...props }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BaseConfirmationModal.d.ts.map

package/lib/typescript/commonjs/components/BaseConfirmationModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAuB,EACvB,UAAuB,EACvB,SAAS,EACT,QAAQ,EACR,aAAiB,EACjB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,+BAkCP"}

package/lib/typescript/commonjs/components/BaseIconBox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HeroIconProps } from '../types/heroicons';
+type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
+type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+interface BaseIconBoxProps extends HeroIconProps {
+    color?: ColorType;
+    size?: SizeType;
+    Icon: React.ComponentType;
+}
+export default function BaseIconBox({ color, size, Icon, style, ...iconProps }: BaseIconBoxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BaseIconBox.d.ts.map

package/lib/typescript/commonjs/components/BaseIconBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAC;AAC9D,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAgCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,IAAW,EACX,IAAI,EACJ,KAAU,EACV,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAelB"}

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

@@ -1,5 +1,7 @@
 export { default as BaseButton } from './BaseButton';
 export { default as BaseBadge } from './BaseBadge';
+export { default as BaseConfirmationModal } from './BaseConfirmationModal';
+export { default as BaseIconBox } from './BaseIconBox';
 export { default as BaseSpinner } from './BaseSpinner';
 export { default as BaseStackedList } from './BaseStackedList';
 export { default as BaseIcon } from './BaseIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/module/components/BaseConfirmationModal.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Modal } from 'react-native';
+interface Props extends React.ComponentProps<typeof Modal> {
+    visible: boolean;
+    title: string;
+    body: string | React.ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    countdownSecs?: number;
+    loading?: boolean;
+}
+export default function BaseConfirmationModal({ visible, title, body, confirmText, cancelText, onConfirm, onCancel, countdownSecs, loading, ...props }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BaseConfirmationModal.d.ts.map

package/lib/typescript/module/components/BaseConfirmationModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAuB,EACvB,UAAuB,EACvB,SAAS,EACT,QAAQ,EACR,aAAiB,EACjB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,+BAkCP"}

package/lib/typescript/module/components/BaseIconBox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HeroIconProps } from '../types/heroicons';
+type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
+type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+interface BaseIconBoxProps extends HeroIconProps {
+    color?: ColorType;
+    size?: SizeType;
+    Icon: React.ComponentType;
+}
+export default function BaseIconBox({ color, size, Icon, style, ...iconProps }: BaseIconBoxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BaseIconBox.d.ts.map

package/lib/typescript/module/components/BaseIconBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAC;AAC9D,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAgCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,IAAW,EACX,IAAI,EACJ,KAAU,EACV,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAelB"}

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

@@ -1,5 +1,7 @@
 export { default as BaseButton } from './BaseButton';
 export { default as BaseBadge } from './BaseBadge';
+export { default as BaseConfirmationModal } from './BaseConfirmationModal';
+export { default as BaseIconBox } from './BaseIconBox';
 export { default as BaseSpinner } from './BaseSpinner';
 export { default as BaseStackedList } from './BaseStackedList';
 export { default as BaseIcon } from './BaseIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grupalia/rn-ui-kit",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Grupalia React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/module/index.d.ts",
@@ -17,7 +17,8 @@
     "build": "bob build",
     "typecheck": "tsc --noEmit",
     "prepare": "bob build",
-    "publish-local": "npx yalc publish"
+    "publish-local": "npx yalc publish",
+    "bump-version": "npm version minor --message 'chore(release): bump version'"
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": "^5",

package/src/components/BaseConfirmationModal.tsx

@@ -0,0 +1,63 @@
+import { View, Modal } from 'react-native';
+
+import BaseButton from './BaseButton';
+import BaseText from './BaseText';
+
+interface Props extends React.ComponentProps<typeof Modal> {
+  visible: boolean;
+  title: string;
+  body: string | React.ReactNode;
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+  countdownSecs?: number;
+  loading?: boolean;
+}
+
+export default function BaseConfirmationModal({
+  visible,
+  title,
+  body,
+  confirmText = 'Aceptar',
+  cancelText = 'Cancelar',
+  onConfirm,
+  onCancel,
+  countdownSecs = 0,
+  loading = false,
+  ...props
+}: Props) {
+  return (
+    <Modal
+      animationType="fade"
+      transparent
+      visible={visible}
+      onRequestClose={() => onCancel()}
+      {...props}
+    >
+      <View className="flex-1 items-center justify-center bg-overlay">
+        <View className="m-4 flex flex-col space-y-4 rounded-lg bg-primary p-8">
+          <BaseText className="mb-4 text-lg font-semibold">
+            {title}
+          </BaseText>
+          {typeof body === 'string' ? (
+            <BaseText className="text-base">
+              {body}
+            </BaseText>
+          ) : body}
+          <BaseButton
+            text={confirmText}
+            onPress={onConfirm}
+            loading={loading}
+            countdownSecs={countdownSecs}
+          />
+          <BaseButton
+            variant="secondary"
+            text={cancelText}
+            onPress={onCancel}
+          />
+        </View>
+      </View>
+    </Modal>
+  );
+}

package/src/components/BaseIconBox.tsx

@@ -0,0 +1,65 @@
+import { View } from 'react-native';
+
+import { HeroIconProps } from '../types/heroicons';
+
+type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
+type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+
+interface BaseIconBoxProps extends HeroIconProps {
+  color?: ColorType;
+  size?: SizeType;
+  Icon: React.ComponentType;
+}
+
+function getColorClasses(color: ColorType): { box: string; icon: string } {
+  switch (color) {
+    case 'primary':
+      return { box: 'bg-brand-solid', icon: 'text-primary_on-brand' };
+    case 'light-blue':
+      return { box: 'bg-utility-blue-100', icon: 'text-utility-blue-700' };
+    case 'green':
+      return { box: 'bg-success-primary', icon: 'text-success-primary' };
+    case 'white':
+    default:
+      return { box: 'bg-transparent', icon: 'text-primary' };
+  }
+}
+
+function getSizeClasses(size: SizeType): { box: string } {
+  switch (size) {
+    case 'xxs':
+      return { box: 'h-6 w-6' };
+    case 'xs':
+      return { box: 'w-8 h-8' };
+    case 'sm':
+      return { box: 'w-12 h-12' };
+    case 'lg':
+      return { box: 'w-16 h-16' };
+    case 'md':
+    default:
+      return { box: 'w-20 h-20' };
+  }
+}
+
+export default function BaseIconBox({
+  color = 'primary',
+  size = 'sm',
+  Icon,
+  style = {},
+  ...iconProps
+}: BaseIconBoxProps) {
+  const colorClasses = getColorClasses(color);
+  const sizeClasses = getSizeClasses(size);
+
+  return (
+    <View
+      className={`${colorClasses.box} ${sizeClasses.box} flex shrink-0 items-center justify-center rounded-md p-1`}
+      style={style}
+    >
+      <Icon
+        className={colorClasses.icon}
+        {...iconProps}
+      />
+    </View>
+  );
+}

package/src/components/index.ts

@@ -1,5 +1,7 @@
 export { default as BaseButton } from './BaseButton';
 export { default as BaseBadge } from './BaseBadge';
+export { default as BaseConfirmationModal } from './BaseConfirmationModal';
+export { default as BaseIconBox } from './BaseIconBox';
 export { default as BaseSpinner } from './BaseSpinner';
 export { default as BaseStackedList } from './BaseStackedList';
 export { default as BaseIcon } from './BaseIcon';