@chem-po/react-native 0.0.4 → 0.0.6

package/lib/commonjs/components/form/input/time/index.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeInput = void 0;
+var _core = require("@chem-po/core");
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativePaperDates = require("react-native-paper-dates");
+var _InputClearButton = require("../common/InputClearButton");
+var _useInputColor = require("../hooks/useInputColor");
+const TimeInput = exports.TimeInput = /*#__PURE__*/(0, _react2.forwardRef)(({
+  input: {
+    onChange,
+    value,
+    onFocus,
+    onBlur
+  },
+  field: {
+    placeholder,
+    optional
+  }
+}, ref) => {
+  const [visible, setVisible] = (0, _react2.useState)(false);
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      setVisible(true);
+      onFocus();
+    },
+    blur: () => {
+      setVisible(false);
+      onBlur();
+    }
+  }));
+  const handleTimeChange = ({
+    hours,
+    minutes
+  }) => {
+    setVisible(false);
+    const timeString = `${(0, _core.padZeros)(hours)}:${(0, _core.padZeros)(minutes)}`;
+    onChange(timeString);
+    onBlur();
+  };
+  const handleDismiss = () => {
+    setVisible(false);
+    onBlur();
+  };
+  const formattedValue = (0, _react2.useMemo)(() => {
+    if (!value) return null;
+    const [hours, minutes] = value.split(':').map(Number);
+    const amPm = hours >= 12 ? 'PM' : 'AM';
+    const formattedHours = hours % 12 === 0 ? 12 : hours % 12;
+    return `${formattedHours}:${(0, _core.padZeros)(minutes)} ${amPm}`;
+  }, [value]);
+  const {
+    hours,
+    minutes
+  } = (0, _react2.useMemo)(() => {
+    if (!value) return {
+      hours: 0,
+      minutes: 0
+    };
+    const [h, m] = value.split(':').map(Number);
+    return {
+      hours: h,
+      minutes: m
+    };
+  }, [value]);
+  const iconColor = (0, _react.useIconColor)();
+  const inputColor = (0, _useInputColor.useInputColor)(value);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    onPress: () => {
+      setVisible(true);
+      onFocus();
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.text, {
+      color: inputColor
+    }]
+  }, formattedValue ?? placeholder), /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "time",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), optional && value ? /*#__PURE__*/React.createElement(_InputClearButton.DateInputClearButton, {
+    onPress: () => onChange(null),
+    isActive: !!value
+  }) : null), /*#__PURE__*/React.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/React.createElement(_reactNativePaperDates.TimePickerModal, {
+    visible: visible,
+    onDismiss: handleDismiss,
+    onConfirm: handleTimeChange,
+    hours: hours,
+    minutes: minutes
+  })));
+});
+TimeInput.displayName = 'TimeInput';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    height: 40,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  text: {
+    fontSize: 16,
+    flex: 1
+  },
+  icon: {
+    marginRight: 10
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/input/time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","TimeInput","exports","forwardRef","input","onChange","value","onFocus","onBlur","field","placeholder","optional","ref","visible","setVisible","useState","useImperativeHandle","focus","blur","handleTimeChange","hours","minutes","timeString","padZeros","handleDismiss","formattedValue","useMemo","split","map","Number","amPm","formattedHours","h","m","iconColor","useIconColor","inputColor","useInputColor","React","createElement","View","style","styles","container","TouchableOpacity","button","onPress","Text","text","color","Ionicons","name","size","icon","DateInputClearButton","isActive","Portal","TimePickerModal","onDismiss","onConfirm","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","height","paddingHorizontal","paddingVertical","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/time/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/form/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/form/view/file.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileFieldView = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _file = require("../input/file");
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'column'
+  },
+  rowContainer: {
+    flexDirection: 'row'
+  },
+  label: {
+    paddingRight: 8,
+    opacity: 0.7,
+    fontWeight: '600'
+  },
+  emptyText: {
+    opacity: 0.7
+  },
+  fileContainer: {
+    padding: 4
+  }
+});
+const FileFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    imageOptions,
+    placeholder
+  } = field;
+  const options = (0, _react.useMemo)(() => ({
+    height: 150,
+    ...imageOptions
+  }), [imageOptions]);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [value ? styles.container : styles.rowContainer, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, placeholder), value ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.fileContainer
+  }, /*#__PURE__*/React.createElement(_file.FileView, {
+    imageOptions: options,
+    value: value
+  })) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.emptyText
+  }, "None"));
+};
+exports.FileFieldView = FileFieldView;
+//# sourceMappingURL=file.js.map

package/lib/commonjs/components/form/view/file.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_file","styles","StyleSheet","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","FileFieldView","field","value","noLabel","style","imageOptions","placeholder","options","useMemo","height","React","createElement","View","Text","FileView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEK,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAC3C,MAAMM,OAAO,GAAG,IAAAC,cAAO,EACrB,OAAO;IACLC,MAAM,EAAE,GAAG;IACX,GAAGJ;EACL,CAAC,CAAC,EACF,CAACA,YAAY,CACf,CAAC;EAED,oBACEK,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;IAACR,KAAK,EAAE,CAACF,KAAK,GAAGf,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACK,YAAY,EAAEY,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIO,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA4B,IAAI;IAACT,KAAK,EAAEjB,MAAM,CAACM;EAAM,GAAEa,WAAkB,CAAC,EAC3DJ,KAAK,gBACJQ,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;IAACR,KAAK,EAAEjB,MAAM,CAACW;EAAc,gBAChCY,KAAA,CAAAC,aAAA,CAACzB,KAAA,CAAA4B,QAAQ;IAACT,YAAY,EAAEE,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPQ,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA4B,IAAI;IAACT,KAAK,EAAEjB,MAAM,CAACU;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC;AAAAkB,OAAA,CAAAf,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/components/form/view/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldView = void 0;
+var _core = require("@chem-po/core");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _file = require("./file");
+var _multipleSelect = require("./multipleSelect");
+var _select = require("./select");
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  label: {
+    paddingRight: 8,
+    opacity: 0.7,
+    fontWeight: '600'
+  },
+  value: {
+    opacity: 1
+  },
+  valueEmpty: {
+    opacity: 0.6
+  }
+});
+const DefaultFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    placeholder
+  } = field;
+  const formatted = (0, _react.useMemo)(() => {
+    const format = _core.formatField[field._type];
+    if (!format) return value;
+    return format(field, value);
+  }, [value, field]);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, placeholder), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: value !== undefined && value !== null ? styles.value : styles.valueEmpty
+  }, formatted ?? 'None'));
+};
+const FieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  switch (field._type) {
+    case 'select':
+      return /*#__PURE__*/React.createElement(_select.SelectFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+    case 'multipleSelect':
+      return /*#__PURE__*/React.createElement(_multipleSelect.MultipleSelectFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+    case 'file':
+      return /*#__PURE__*/React.createElement(_file.FileFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+    default:
+      return /*#__PURE__*/React.createElement(DefaultFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+  }
+};
+exports.FieldView = FieldView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_reactNative","_file","_multipleSelect","_select","styles","StyleSheet","create","container","flexDirection","alignItems","label","paddingRight","opacity","fontWeight","value","valueEmpty","DefaultFieldView","field","noLabel","style","placeholder","formatted","useMemo","format","formatField","_type","React","createElement","View","Text","undefined","FieldView","SelectFieldView","MultipleSelectFieldView","FileFieldView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/view/multipleSelect.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleSelectFieldView = void 0;
+var _reactNative = require("react-native");
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    maxWidth: '100%'
+  },
+  label: {
+    paddingRight: 8,
+    opacity: 0.7,
+    fontWeight: '600'
+  },
+  optionContainer: {
+    padding: 2
+  },
+  emptyText: {
+    opacity: 0.6
+  }
+});
+const MultipleSelectFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    placeholder,
+    renderOption,
+    getOptionKey
+  } = field;
+  const colorScheme = (0, _reactNative.useColorScheme)() ?? 'light';
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, placeholder), value ? value.map(v => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: getOptionKey ? getOptionKey(v) : v,
+    style: styles.optionContainer
+  }, renderOption(v, colorScheme, true))) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.emptyText
+  }, "None"));
+};
+exports.MultipleSelectFieldView = MultipleSelectFieldView;
+//# sourceMappingURL=multipleSelect.js.map

package/lib/commonjs/components/form/view/multipleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","styles","StyleSheet","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionContainer","padding","emptyText","MultipleSelectFieldView","field","value","noLabel","style","placeholder","renderOption","getOptionKey","colorScheme","useColorScheme","React","createElement","View","Text","map","v","key","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,eAAe,EAAE;IACfC,OAAO,EAAE;EACX,CAAC;EACDC,SAAS,EAAE;IACTJ,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEK,MAAMK,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,WAAW,GAAG,IAAAC,2BAAc,EAAC,CAAC,IAAI,OAAO;EAE/C,oBACEC,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACR,KAAK,EAAE,CAACnB,MAAM,CAACG,SAAS,EAAEgB,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIO,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA8B,IAAI;IAACT,KAAK,EAAEnB,MAAM,CAACQ;EAAM,GAAEY,WAAkB,CAAC,EAC3DH,KAAK,GACJA,KAAK,CAACY,GAAG,CAAEC,CAAM,iBACfL,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA6B,IAAI;IAACI,GAAG,EAAET,YAAY,GAAGA,YAAY,CAACQ,CAAC,CAAC,GAAGA,CAAE;IAACX,KAAK,EAAEnB,MAAM,CAACY;EAAgB,GAC1ES,YAAY,CAACS,CAAC,EAAEP,WAAW,EAAE,IAAI,CAC9B,CACP,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAAC5B,YAAA,CAAA8B,IAAI;IAACT,KAAK,EAAEnB,MAAM,CAACc;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC;AAAAkB,OAAA,CAAAjB,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/lib/commonjs/components/form/view/select.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectFieldView = void 0;
+var _react = require("@chem-po/react");
+var _reactNative = require("react-native");
+var _text = require("../../text");
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  label: {
+    paddingRight: 10,
+    fontWeight: '600'
+  }
+});
+const DefaultRenderOption = value => {
+  return /*#__PURE__*/React.createElement(_text.Txt, null, typeof value === 'string' ? value : JSON.stringify(value));
+};
+const SelectFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    placeholder,
+    renderOption: customRender
+  } = field;
+  const colorScheme = (0, _reactNative.useColorScheme)() ?? 'light';
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const renderOption = customRender ?? DefaultRenderOption;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.label, {
+      color: placeholderColor
+    }]
+  }, placeholder), value ? renderOption(value, colorScheme, true) : 'None');
+};
+exports.SelectFieldView = SelectFieldView;
+//# sourceMappingURL=select.js.map

package/lib/commonjs/components/form/view/select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_text","styles","StyleSheet","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","value","React","createElement","Txt","JSON","stringify","SelectFieldView","field","noLabel","style","placeholder","renderOption","customRender","colorScheme","useColorScheme","placeholderColor","usePlaceholderColor","View","Text","color","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,mBAAmB,GAAIC,KAAU,IAAK;EAC1C,oBAAOC,KAAA,CAAAC,aAAA,CAACb,KAAA,CAAAc,GAAG,QAAE,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGI,IAAI,CAACC,SAAS,CAACL,KAAK,CAAO,CAAC;AAC/E,CAAC;AAEM,MAAMM,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLP,KAAK;EACLQ,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGL,KAAK;EACzD,MAAMM,WAAW,GAAG,IAAAC,2BAAc,EAAC,CAAC,IAAI,OAAO;EAC/C,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAML,YAAY,GAAGC,YAAY,IAAIb,mBAAmB;EACxD,oBACEE,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAA6B,IAAI;IAACR,KAAK,EAAE,CAACnB,MAAM,CAACG,SAAS,EAAEgB,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIP,KAAA,CAAAC,aAAA,CAACd,YAAA,CAAA8B,IAAI;IAACT,KAAK,EAAE,CAACnB,MAAM,CAACM,KAAK,EAAE;MAAEuB,KAAK,EAAEJ;IAAiB,CAAC;EAAE,GAAEL,WAAkB,CAAC,EAC1FV,KAAK,GAAGW,YAAY,CAACX,KAAK,EAAEa,WAAW,EAAE,IAAI,CAAC,GAAG,MAC9C,CAAC;AAEX,CAAC;AAAAO,OAAA,CAAAd,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TrashIcon = exports.ChevronUpIcon = exports.ChevronDownIcon = void 0;
+var _reactNativeSvg = require("react-native-svg");
+const ChevronDownIcon = ({
+  size = 24,
+  color = '#000'
+}) => /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+  d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
+  fill: color
+}));
+exports.ChevronDownIcon = ChevronDownIcon;
+const ChevronUpIcon = ({
+  size = 24,
+  color = '#000'
+}) => /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+  d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6 1.41 1.41z",
+  fill: color
+}));
+exports.ChevronUpIcon = ChevronUpIcon;
+const TrashIcon = ({
+  size = 24,
+  color = '#000'
+}) => /*#__PURE__*/React.createElement(_reactNativeSvg.Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, /*#__PURE__*/React.createElement(_reactNativeSvg.Path, {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z",
+  fill: color
+}));
+exports.TrashIcon = TrashIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","ChevronDownIcon","size","color","React","createElement","Svg","width","height","viewBox","fill","Path","d","exports","ChevronUpIcon","TrashIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/icons/index.tsx"],"mappings":";;;;;;AACA,IAAAA,eAAA,GAAAC,OAAA;AAOO,MAAMC,eAA8B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,kBAC1EC,KAAA,CAAAC,aAAA,CAACN,eAAA,CAAAO,GAAG;EAACC,KAAK,EAAEL,IAAK;EAACM,MAAM,EAAEN,IAAK;EAACO,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,gBAC7DN,KAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,IAAI;EAACC,CAAC,EAAC,yDAAyD;EAACF,IAAI,EAAEP;AAAM,CAAE,CAC7E,CACN;AAAAU,OAAA,CAAAZ,eAAA,GAAAA,eAAA;AAEM,MAAMa,aAA4B,GAAGA,CAAC;EAAEZ,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,kBACxEC,KAAA,CAAAC,aAAA,CAACN,eAAA,CAAAO,GAAG;EAACC,KAAK,EAAEL,IAAK;EAACM,MAAM,EAAEN,IAAK;EAACO,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,gBAC7DN,KAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,IAAI;EAACC,CAAC,EAAC,0DAA0D;EAACF,IAAI,EAAEP;AAAM,CAAE,CAC9E,CACN;AAAAU,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEM,MAAMC,SAAwB,GAAGA,CAAC;EAAEb,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,kBACpEC,KAAA,CAAAC,aAAA,CAACN,eAAA,CAAAO,GAAG;EAACC,KAAK,EAAEL,IAAK;EAACM,MAAM,EAAEN,IAAK;EAACO,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,gBAC7DN,KAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,IAAI;EACHC,CAAC,EAAC,+EAA+E;EACjFF,IAAI,EAAEP;AAAM,CACb,CACE,CACN;AAAAU,OAAA,CAAAE,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _box = require("./box");
+Object.keys(_box).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _box[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _box[key];
+    }
+  });
+});
+var _button = require("./button");
+Object.keys(_button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[key];
+    }
+  });
+});
+var _feed = require("./feed");
+Object.keys(_feed).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _feed[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _feed[key];
+    }
+  });
+});
+var _form = require("./form");
+Object.keys(_form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _form[key];
+    }
+  });
+});
+var _loading = require("./loading");
+Object.keys(_loading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _loading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _loading[key];
+    }
+  });
+});
+var _overlay = require("./overlay");
+Object.keys(_overlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _overlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _overlay[key];
+    }
+  });
+});
+var _text = require("./text");
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _text[key];
+    }
+  });
+});
+var _theme = require("./theme");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _theme[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_box","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_button","_feed","_form","_loading","_overlay","_text","_theme"],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":";;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,IAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,IAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,IAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,KAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,KAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,KAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,KAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,KAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,KAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,KAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,KAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,QAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,QAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,QAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,QAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,QAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,QAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,QAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,QAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,KAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,KAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,KAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,KAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,MAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,MAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,MAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAO,MAAA,CAAAX,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/loading/CircularProgress.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircularProgress = void 0;
+var _react = require("@chem-po/react");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+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 CircularProgress = ({
+  color,
+  trackColor,
+  animating,
+  visible = true,
+  viewStyle,
+  ...props
+}) => {
+  const defaultTrackColor = (0, _react.useColorModeValue)('#959595', '#575757');
+  const opacity = (0, _react2.useRef)(new _reactNative.Animated.Value(visible ? 1 : 0)).current;
+  (0, _react2.useEffect)(() => {
+    _reactNative.Animated.timing(opacity, {
+      toValue: visible ? 1 : 0,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+  }, [visible, opacity]);
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.container, {
+      opacity
+    }, viewStyle]
+  }, /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, _extends({
+    color: trackColor ?? defaultTrackColor // Lighter version of your color
+    ,
+    style: _reactNative.StyleSheet.absoluteFill,
+    animating: false
+  }, props)), /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, _extends({
+    animating: animating,
+    color: color ?? '#575757'
+  }, props)));
+};
+exports.CircularProgress = CircularProgress;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=CircularProgress.js.map

package/lib/commonjs/components/loading/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_reactNative","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","CircularProgress","color","trackColor","animating","visible","viewStyle","props","defaultTrackColor","useColorModeValue","opacity","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","React","createElement","View","style","styles","container","ActivityIndicator","StyleSheet","absoluteFill","exports","create","alignItems","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/CircularProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOqB,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,CAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAL,CAAA,CAAAK,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAL,CAAA,KAAAJ,QAAA,CAAAY,KAAA,OAAAN,SAAA;AAEd,MAAMO,gBAAgB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,UAAU;EACVC,SAAS;EACTC,OAAO,GAAG,IAAI;EACdC,SAAS;EACT,GAAGC;AAKL,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAG,IAAAC,wBAAiB,EAAC,SAAS,EAAE,SAAS,CAAC;EACjE,MAAMC,OAAO,GAAG,IAAAC,cAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAACR,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACS,OAAO;EAEnE,IAAAC,iBAAS,EAAC,MAAM;IACdH,qBAAQ,CAACI,MAAM,CAACN,OAAO,EAAE;MACvBO,OAAO,EAAEZ,OAAO,GAAG,CAAC,GAAG,CAAC;MACxBa,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACf,OAAO,EAAEK,OAAO,CAAC,CAAC;EACtB,oBACEW,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAyB,QAAQ,CAACW,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEhB;IAAQ,CAAC,EAAEJ,SAAS;EAAE,gBAC/De,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAwC,iBAAiB,EAAAvC,QAAA;IAChBc,KAAK,EAAEC,UAAU,IAAIK,iBAAkB,CAAC;IAAA;IACxCgB,KAAK,EAAEI,uBAAU,CAACC,YAAa;IAC/BzB,SAAS,EAAE;EAAM,GACbG,KAAK,CACV,CAAC,eAEFc,KAAA,CAAAC,aAAA,CAACnC,YAAA,CAAAwC,iBAAiB,EAAAvC,QAAA;IAACgB,SAAS,EAAEA,SAAU;IAACF,KAAK,EAAEA,KAAK,IAAI;EAAU,GAAKK,KAAK,CAAG,CACnE,CAAC;AAEpB,CAAC;AAAAuB,OAAA,CAAA7B,gBAAA,GAAAA,gBAAA;AAED,MAAMwB,MAAM,GAAGG,uBAAU,CAACG,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}