react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Text/index.js");
+var _index2 = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const sizes = {
+  xs: (0, _rem.rem)(16),
+  sm: (0, _rem.rem)(26),
+  md: (0, _rem.rem)(38),
+  lg: (0, _rem.rem)(56),
+  xl: (0, _rem.rem)(84)
+};
+const useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeValue = typeof size === 'number' ? (0, _rem.rem)(size) : sizes[size] || sizes.md;
+  return {
+    root: {
+      width: sizeValue,
+      height: sizeValue,
+      borderRadius: theme.fn.radius(radius),
+      overflow: 'hidden',
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    image: {
+      width: '100%',
+      height: '100%'
+    },
+    placeholder: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: '100%',
+      height: '100%'
+    },
+    placeholderText: {
+      color: theme.white,
+      fontSize: typeof size === 'number' ? size / 2.5 : sizeValue / 2.5,
+      fontWeight: '700',
+      textTransform: 'uppercase'
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  radius: 'xl',
+  color: 'gray'
+};
+const getInitials = name => {
+  const names = name.trim().split(' ');
+  if (names.length === 1) {
+    return names[0]?.substring(0, 2).toUpperCase() || '';
+  }
+  return ((names[0]?.[0] || '') + (names[names.length - 1]?.[0] || '')).toUpperCase();
+};
+const Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    src,
+    alt,
+    size,
+    radius,
+    color,
+    children,
+    imageProps,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Avatar', defaultProps, props);
+  const [imageError, setImageError] = (0, _react.useState)(false);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    size
+  }, {
+    name: 'Avatar'
+  });
+  const shouldShowImage = src && !imageError;
+  const renderPlaceholder = () => {
+    if (children) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.placeholder,
+        children: children
+      });
+    }
+    if (alt) {
+      const initials = getInitials(alt);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.placeholder,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+          style: styles.placeholderText,
+          children: initials
+        })
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: shouldShowImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: src || ''
+      },
+      style: styles.image,
+      onError: () => setImageError(true),
+      ...imageProps
+    }) : renderPlaceholder()
+  });
+});
+Avatar.displayName = 'Avatar';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","color","radius","size","colors","primaryColor","sizeValue","root","width","height","borderRadius","fn","overflow","backgroundColor","primaryBgColor","justifyContent","alignItems","image","placeholder","placeholderText","white","fontSize","fontWeight","textTransform","defaultProps","getInitials","name","names","trim","split","length","substring","toUpperCase","Avatar","exports","forwardRef","props","ref","src","alt","children","imageProps","style","others","useComponentDefaultProps","imageError","setImageError","useState","styles","sx","shouldShowImage","renderPlaceholder","jsx","BoxView","initials","Text","Image","source","uri","onError","displayName"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAOA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AAA4C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,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;AA4B5C,MAAMkB,KAAK,GAAG;EACZC,EAAE,EAAE,IAAAC,QAAG,EAAC,EAAE,CAAC;EACXC,EAAE,EAAE,IAAAD,QAAG,EAAC,EAAE,CAAC;EACXE,EAAE,EAAE,IAAAF,QAAG,EAAC,EAAE,CAAC;EACXG,EAAE,EAAE,IAAAH,QAAG,EAAC,EAAE,CAAC;EACXI,EAAE,EAAE,IAAAJ,QAAG,EAAC,EAAE;AACZ,CAAC;AAED,MAAMK,SAAS,GAAG,IAAAC,oBAAY,EAC5B,CACEC,KAAK,EACL;EACEC,KAAK;EACLC,MAAM;EACNC;AAKF,CAAC,KACE;EACH,MAAMC,MAAM,GAAGJ,KAAK,CAACI,MAAM,CAACH,KAAK,CAAC,IAAID,KAAK,CAACI,MAAM,CAACJ,KAAK,CAACK,YAAY,CAAC;EACtE,MAAMC,SAAS,GAAG,OAAOH,IAAI,KAAK,QAAQ,GAAG,IAAAV,QAAG,EAACU,IAAI,CAAC,GAAGZ,KAAK,CAACY,IAAI,CAAuB,IAAIZ,KAAK,CAACI,EAAE;EAEtG,OAAO;IACLY,IAAI,EAAE;MACJC,KAAK,EAAEF,SAAgB;MACvBG,MAAM,EAAEH,SAAgB;MACxBI,YAAY,EAAEV,KAAK,CAACW,EAAE,CAACT,MAAM,CAACA,MAAM,CAAC;MACrCU,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAET,MAAM,GAAG,CAAC,CAAC,IAAIA,MAAM,GAAG,CAAC,CAAC,IAAIJ,KAAK,CAACc,cAAc;MACnEC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAQ;IACRC,KAAK,EAAE;MACLT,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDS,WAAW,EAAE;MACXH,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBR,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDU,eAAe,EAAE;MACflB,KAAK,EAAED,KAAK,CAACoB,KAAK;MAClBC,QAAQ,EAAE,OAAOlB,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,GAAG,GAAGG,SAAS,GAAG,GAAG;MACjEgB,UAAU,EAAE,KAAK;MACjBC,aAAa,EAAE;IACjB;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMC,YAAkC,GAAG;EACzCrB,IAAI,EAAE,IAAI;EACVD,MAAM,EAAE,IAAI;EACZD,KAAK,EAAE;AACT,CAAC;AAED,MAAMwB,WAAW,GAAIC,IAAY,IAAa;EAC5C,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EACpC,IAAIF,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOH,KAAK,CAAC,CAAC,CAAC,EAAEI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,EAAE;EACtD;EACA,OAAO,CAAC,CAACL,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAKA,KAAK,CAACA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAEE,WAAW,CAAC,CAAC;AACrF,CAAC;AAEM,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAAmB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjE,MAAM;IACJC,GAAG;IACHC,GAAG;IACHpC,IAAI;IACJD,MAAM;IACND,KAAK;IACLuC,QAAQ;IACRC,UAAU;IACVC,KAAK;IACL,GAAGC;EACL,CAAC,GAAG,IAAAC,uCAAwB,EAAC,QAAQ,EAAEpB,YAAY,EAAEY,KAAK,CAAC;EAE3D,MAAM,CAACS,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAM;IAAEC,MAAM;IAAEC;EAAE,CAAC,GAAGnD,SAAS,CAC7B;IAAEG,KAAK;IAAEC,MAAM;IAAEC;EAAK,CAAC,EACvB;IAAEuB,IAAI,EAAE;EAAS,CACnB,CAAQ;EAER,MAAMwB,eAAe,GAAGZ,GAAG,IAAI,CAACO,UAAU;EAE1C,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAIX,QAAQ,EAAE;MACZ,oBAAO,IAAArE,WAAA,CAAAiF,GAAA,EAACrF,OAAA,CAAAsF,OAAO;QAACX,KAAK,EAAEM,MAAM,CAAC9B,WAAY;QAAAsB,QAAA,EAAEA;MAAQ,CAAU,CAAC;IACjE;IAEA,IAAID,GAAG,EAAE;MACP,MAAMe,QAAQ,GAAG7B,WAAW,CAACc,GAAG,CAAC;MACjC,oBACE,IAAApE,WAAA,CAAAiF,GAAA,EAACrF,OAAA,CAAAsF,OAAO;QAACX,KAAK,EAAEM,MAAM,CAAC9B,WAAY;QAAAsB,QAAA,eACjC,IAAArE,WAAA,CAAAiF,GAAA,EAACtF,MAAA,CAAAyF,IAAI;UAACb,KAAK,EAAEM,MAAM,CAAC7B,eAAgB;UAAAqB,QAAA,EAAEc;QAAQ,CAAO;MAAC,CAC/C,CAAC;IAEd;IAEA,OAAO,IAAI;EACb,CAAC;EAED,oBACE,IAAAnF,WAAA,CAAAiF,GAAA,EAACrF,OAAA,CAAAsF,OAAO;IAAChB,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAEO,EAAE,CAACD,MAAM,CAACzC,IAAI,EAAEmC,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACzDU,eAAe,gBACd,IAAA/E,WAAA,CAAAiF,GAAA,EAACvF,YAAA,CAAA2F,KAAK;MACJC,MAAM,EAAE;QAAEC,GAAG,EAAEpB,GAAG,IAAI;MAAG,CAAE;MAC3BI,KAAK,EAAEM,MAAM,CAAC/B,KAAa;MAC3B0C,OAAO,EAAEA,CAAA,KAAMb,aAAa,CAAC,IAAI,CAAE;MAAA,GAC/BL;IAAU,CACf,CAAC,GAEFU,iBAAiB,CAAC;EACnB,CACM,CAAC;AAEd,CAAC,CAAC;AAEFlB,MAAM,CAAC2B,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackgroundImage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useStyles = (0, _index.createStyles)((theme, {
+  radius
+}) => ({
+  root: {
+    borderRadius: theme.fn.radius(radius),
+    overflow: 'hidden'
+  },
+  imageStyle: {
+    borderRadius: theme.fn.radius(radius)
+  }
+}));
+const defaultProps = {
+  radius: 0,
+  resizeMode: 'cover'
+};
+const BackgroundImage = exports.BackgroundImage = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    source,
+    radius,
+    children,
+    style,
+    imageStyle,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('BackgroundImage', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    radius
+  }, {
+    name: 'BackgroundImage'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+    ref: ref,
+    source: source,
+    style: sx(styles.root, style),
+    imageStyle: [styles.imageStyle, imageStyle],
+    ...others,
+    children: children
+  });
+});
+BackgroundImage.displayName = 'BackgroundImage';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themeProvider","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","radius","root","borderRadius","fn","overflow","imageStyle","defaultProps","resizeMode","BackgroundImage","exports","forwardRef","props","ref","source","children","style","others","useComponentDefaultProps","styles","sx","name","jsx","ImageBackground","displayName"],"sourceRoot":"../../../../src","sources":["components/BackgroundImage/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,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;AAgB3C,MAAMkB,SAAS,GAAG,IAAAC,mBAAY,EAC5B,CACEC,KAAK,EACL;EACEC;AAGF,CAAC,MACG;EACJC,IAAI,EAAE;IACJC,YAAY,EAAEH,KAAK,CAACI,EAAE,CAACH,MAAM,CAACA,MAAM,CAAC;IACrCI,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVH,YAAY,EAAEH,KAAK,CAACI,EAAE,CAACH,MAAM,CAACA,MAAM;EACtC;AACF,CAAC,CACH,CAAC;AAED,MAAMM,YAA2C,GAAG;EAClDN,MAAM,EAAE,CAAC;EACTO,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;IACJC,MAAM;IACNb,MAAM;IACNc,QAAQ;IACRC,KAAK;IACLV,UAAU;IACV,GAAGW;EACL,CAAC,GAAG,IAAAC,uCAAwB,EAAC,iBAAiB,EAAEX,YAAY,EAAEK,KAAK,CAAC;EAEpE,MAAM;IAAEO,MAAM;IAAEC;EAAE,CAAC,GAAGtB,SAAS,CAC7B;IAAEG;EAAO,CAAC,EACV;IAAEoB,IAAI,EAAE;EAAkB,CAC5B,CAAQ;EAER,oBACE,IAAA3C,WAAA,CAAA4C,GAAA,EAAC/C,YAAA,CAAAgD,eAAe;IACdV,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,KAAK,EAAEI,EAAE,CAACD,MAAM,CAACjB,IAAI,EAAEc,KAAK,CAAE;IAC9BV,UAAU,EAAE,CAACa,MAAM,CAACb,UAAU,EAAEA,UAAU,CAAE;IAAA,GACxCW,MAAM;IAAAF,QAAA,EAETA;EAAQ,CACM,CAAC;AAEtB,CAAC,CAAC;AAEFN,eAAe,CAACe,WAAW,GAAG,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Badge = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../Text/index.js");
+var _index2 = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const sizes = {
+  xs: {
+    fontSize: (0, _rem.rem)(9),
+    height: (0, _rem.rem)(16),
+    paddingHorizontal: (0, _rem.rem)(6)
+  },
+  sm: {
+    fontSize: (0, _rem.rem)(10),
+    height: (0, _rem.rem)(18),
+    paddingHorizontal: (0, _rem.rem)(8)
+  },
+  md: {
+    fontSize: (0, _rem.rem)(11),
+    height: (0, _rem.rem)(20),
+    paddingHorizontal: (0, _rem.rem)(10)
+  },
+  lg: {
+    fontSize: (0, _rem.rem)(13),
+    height: (0, _rem.rem)(26),
+    paddingHorizontal: (0, _rem.rem)(12)
+  },
+  xl: {
+    fontSize: (0, _rem.rem)(16),
+    height: (0, _rem.rem)(32),
+    paddingHorizontal: (0, _rem.rem)(16)
+  }
+};
+const dotSizes = {
+  xs: (0, _rem.rem)(4),
+  sm: (0, _rem.rem)(4),
+  md: (0, _rem.rem)(6),
+  lg: (0, _rem.rem)(8),
+  xl: (0, _rem.rem)(10)
+};
+const useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  fullWidth
+}, {
+  variant,
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeStyles = sizes[size] || sizes.md;
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'filled':
+        return {
+          backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          color: theme.white
+        };
+      case 'light':
+        return {
+          backgroundColor: colors?.[0] || colors?.[1] || (theme.colors.gray || [])[0],
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+      case 'outline':
+        return {
+          backgroundColor: 'transparent',
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          borderWidth: 1,
+          borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+      case 'dot':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : theme.white,
+          color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+          borderWidth: 1,
+          borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3]
+        };
+      default:
+        return {
+          backgroundColor: colors?.[6] || theme.primaryBgColor,
+          color: theme.white
+        };
+    }
+  };
+  return {
+    root: {
+      ...sizeStyles,
+      ...getVariantStyles(),
+      borderRadius: theme.fn.radius(radius),
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontWeight: '700',
+      textTransform: 'uppercase',
+      overflow: 'hidden',
+      ...(fullWidth && {
+        width: '100%'
+      })
+    },
+    inner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden'
+    },
+    leftSection: {
+      marginRight: theme.spacing.xs / 2
+    },
+    rightSection: {
+      marginLeft: theme.spacing.xs / 2
+    },
+    dot: {
+      width: dotSizes[size] || dotSizes.md,
+      height: dotSizes[size] || dotSizes.md,
+      borderRadius: dotSizes[size] || dotSizes.md,
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      marginRight: theme.spacing.xs
+    },
+    label: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: '700',
+      textTransform: 'uppercase',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden'
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  variant: 'light',
+  size: 'md',
+  radius: 'xl',
+  fullWidth: false
+};
+const Badge = exports.Badge = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    variant,
+    size,
+    radius,
+    fullWidth,
+    leftSection,
+    rightSection,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Badge', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    fullWidth
+  }, {
+    name: 'Badge',
+    variant,
+    size
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.BoxView, {
+      style: styles.inner,
+      children: [variant === 'dot' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.dot
+      }), leftSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.leftSection,
+        children: leftSection
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        style: styles.label,
+        children: children
+      }), rightSection && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+        style: styles.rightSection,
+        children: rightSection
+      })]
+    })
+  });
+});
+Badge.displayName = 'Badge';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","fontSize","rem","height","paddingHorizontal","sm","md","lg","xl","dotSizes","useStyles","createStyles","theme","color","radius","fullWidth","variant","size","colors","primaryColor","sizeStyles","getVariantStyles","backgroundColor","primaryBgColor","white","gray","borderWidth","borderColor","colorScheme","dark","black","root","borderRadius","fn","flexDirection","alignItems","justifyContent","fontWeight","textTransform","overflow","width","inner","leftSection","marginRight","spacing","rightSection","marginLeft","dot","label","whiteSpace","defaultProps","Badge","exports","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","jsx","BoxView","jsxs","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Badge/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Blockquote = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  return {
+    root: {
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] || theme.colors.gray?.[8] : theme.colors.gray?.[0] || theme.colors.gray?.[1],
+      borderLeftWidth: 4,
+      borderLeftColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      borderRadius: theme.fn.radius(radius),
+      padding: theme.spacing.md
+    },
+    inner: {
+      flexDirection: 'row'
+    },
+    icon: {
+      marginRight: theme.spacing.md,
+      marginTop: (0, _rem.rem)(2)
+    },
+    body: {
+      flex: 1
+    },
+    content: {
+      fontSize: (0, _rem.rem)(16),
+      lineHeight: (0, _rem.rem)(24),
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[0] || theme.white : theme.black,
+      marginBottom: 0
+    },
+    cite: {
+      fontSize: (0, _rem.rem)(14),
+      marginTop: theme.spacing.xs,
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] || theme.colors.gray?.[5] : theme.colors.gray?.[6] || theme.colors.gray?.[7]
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  radius: 'sm'
+};
+const Blockquote = exports.Blockquote = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    color,
+    icon,
+    cite,
+    radius,
+    children,
+    style
+  } = (0, _themeProvider.useComponentDefaultProps)('Blockquote', defaultProps, props);
+  const {
+    styles,
+    sx,
+    ...others
+  } = useStyles({
+    color,
+    radius
+  }, {
+    name: 'Blockquote'
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+      style: styles.inner,
+      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        style: styles.icon,
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+        style: styles.body,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          style: styles.content,
+          children: children
+        }), cite && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          style: styles.cite,
+          children: cite
+        })]
+      })]
+    })
+  });
+});
+Blockquote.displayName = 'Blockquote';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","color","radius","colors","primaryColor","root","backgroundColor","colorScheme","dark","gray","borderLeftWidth","borderLeftColor","primaryBgColor","borderRadius","fn","padding","spacing","md","inner","flexDirection","icon","marginRight","marginTop","rem","body","flex","content","fontSize","lineHeight","white","black","marginBottom","cite","xs","defaultProps","Blockquote","exports","forwardRef","props","ref","children","style","useComponentDefaultProps","styles","sx","others","name","jsx","BoxView","jsxs","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Blockquote/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAsB5C,MAAMkB,SAAS,GAAG,IAAAC,oBAAY,EAC5B,CACEC,KAAK,EACL;EACEC,KAAK;EACLC;AAIF,CAAC,KACE;EACH,MAAMC,MAAM,GAAGH,KAAK,CAACG,MAAM,CAACF,KAAK,CAAC,IAAID,KAAK,CAACG,MAAM,CAACH,KAAK,CAACI,YAAY,CAAC;EAEtE,OAAO;IACLC,IAAI,EAAE;MACJC,eAAe,EACbN,KAAK,CAACO,WAAW,KAAK,MAAM,GAAGP,KAAK,CAACG,MAAM,CAACK,IAAI,GAAG,CAAC,CAAC,IAAIR,KAAK,CAACG,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC,GAAGT,KAAK,CAACG,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC,IAAIT,KAAK,CAACG,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC;MACpIC,eAAe,EAAE,CAAC;MAClBC,eAAe,EAAER,MAAM,GAAG,CAAC,CAAC,IAAIA,MAAM,GAAG,CAAC,CAAC,IAAIH,KAAK,CAACY,cAAc;MACnEC,YAAY,EAAEb,KAAK,CAACc,EAAE,CAACZ,MAAM,CAACA,MAAM,CAAC;MACrCa,OAAO,EAAEf,KAAK,CAACgB,OAAO,CAACC;IACzB,CAAC;IACDC,KAAK,EAAE;MACLC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,WAAW,EAAErB,KAAK,CAACgB,OAAO,CAACC,EAAE;MAC7BK,SAAS,EAAE,IAAAC,QAAG,EAAC,CAAC;IAClB,CAAC;IACDC,IAAI,EAAE;MACJC,IAAI,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,IAAAJ,QAAG,EAAC,EAAE,CAAC;MACjBK,UAAU,EAAE,IAAAL,QAAG,EAAC,EAAE,CAAC;MACnBtB,KAAK,EAAED,KAAK,CAACO,WAAW,KAAK,MAAM,GAAGP,KAAK,CAACG,MAAM,CAACK,IAAI,GAAG,CAAC,CAAC,IAAIR,KAAK,CAAC6B,KAAK,GAAG7B,KAAK,CAAC8B,KAAK;MACzFC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJL,QAAQ,EAAE,IAAAJ,QAAG,EAAC,EAAE,CAAC;MACjBD,SAAS,EAAEtB,KAAK,CAACgB,OAAO,CAACiB,EAAE;MAC3BhC,KAAK,EAAED,KAAK,CAACO,WAAW,KAAK,MAAM,GAAGP,KAAK,CAACG,MAAM,CAACK,IAAI,GAAG,CAAC,CAAC,IAAIR,KAAK,CAACG,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC,GAAGT,KAAK,CAACG,MAAM,CAACM,IAAI,GAAG,CAAC,CAAC,IAAIT,KAAK,CAACG,MAAM,CAACM,IAAI,GAAG,CAAC;IAC1I;EACF,CAAC;AACH,CACF,CAAC;AAED,MAAMyB,YAAsC,GAAG;EAC7CjC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;AACV,CAAC;AAEM,MAAMiC,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAAuB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEtC,KAAK;IAAEmB,IAAI;IAAEY,IAAI;IAAE9B,MAAM;IAAEsC,QAAQ;IAAEC;EAAK,CAAC,GACjD,IAAAC,uCAAwB,EAAC,YAAY,EAAER,YAAY,EAAEI,KAAK,CAAC;EAE7D,MAAM;IAAEK,MAAM;IAAEC,EAAE;IAAE,GAAGC;EAAM,CAAC,GAAG/C,SAAS,CAAC;IAAEG,KAAK;IAAEC;EAAM,CAAC,EAAE;IAAE4C,IAAI,EAAE;EAAa,CAAC,CAAQ;EAE3F,oBACE,IAAApE,WAAA,CAAAqE,GAAA,EAAC1E,MAAA,CAAA2E,OAAO;IAACT,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAEG,EAAE,CAACD,MAAM,CAACtC,IAAI,EAAEoC,KAAK,CAAE;IAAA,GAAKI,MAAM;IAAAL,QAAA,eAC1D,IAAA9D,WAAA,CAAAuE,IAAA,EAAC5E,MAAA,CAAA2E,OAAO;MAACP,KAAK,EAAEE,MAAM,CAACzB,KAAM;MAAAsB,QAAA,GAC1BpB,IAAI,iBAAI,IAAA1C,WAAA,CAAAqE,GAAA,EAAC1E,MAAA,CAAA2E,OAAO;QAACP,KAAK,EAAEE,MAAM,CAACvB,IAAK;QAAAoB,QAAA,EAAEpB;MAAI,CAAU,CAAC,eACtD,IAAA1C,WAAA,CAAAuE,IAAA,EAAC5E,MAAA,CAAA2E,OAAO;QAACP,KAAK,EAAEE,MAAM,CAACnB,IAAK;QAAAgB,QAAA,gBAC1B,IAAA9D,WAAA,CAAAqE,GAAA,EAACzE,OAAA,CAAA4E,IAAI;UAACT,KAAK,EAAEE,MAAM,CAACjB,OAAQ;UAAAc,QAAA,EAAEA;QAAQ,CAAO,CAAC,EAC7CR,IAAI,iBAAI,IAAAtD,WAAA,CAAAqE,GAAA,EAACzE,OAAA,CAAA4E,IAAI;UAACT,KAAK,EAAEE,MAAM,CAACX,IAAK;UAAAQ,QAAA,EAAER;QAAI,CAAO,CAAC;MAAA,CACzC,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEd,CAAC,CAAC;AAEFG,UAAU,CAACgB,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -7,22 +7,86 @@ exports.BoxView = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _jsxRuntime = require("react/jsx-runtime");
+// Spacing value mapping
+const spacingMap = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20
+};
+const getSpacingValue = value => {
+  if (value === undefined) return undefined;
+  if (typeof value === 'number') return value;
+  return spacingMap[value] || 0;
+};
 const BoxView = exports.BoxView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     style,
     fullWidth,
     fullHeight,
+    p,
+    px,
+    py,
+    pt,
+    pb,
+    pl,
+    pr,
+    m,
+    mx,
+    my,
+    mt,
+    mb,
+    ml,
+    mr,
     ...otherProps
   } = props;
+  const spacingStyle = {};
+
+  // Padding
+  if (p !== undefined) {
+    const value = getSpacingValue(p);
+    spacingStyle.padding = value;
+  }
+  if (px !== undefined) {
+    const value = getSpacingValue(px);
+    spacingStyle.paddingHorizontal = value;
+  }
+  if (py !== undefined) {
+    const value = getSpacingValue(py);
+    spacingStyle.paddingVertical = value;
+  }
+  if (pt !== undefined) spacingStyle.paddingTop = getSpacingValue(pt);
+  if (pb !== undefined) spacingStyle.paddingBottom = getSpacingValue(pb);
+  if (pl !== undefined) spacingStyle.paddingLeft = getSpacingValue(pl);
+  if (pr !== undefined) spacingStyle.paddingRight = getSpacingValue(pr);
+
+  // Margin
+  if (m !== undefined) {
+    const value = getSpacingValue(m);
+    spacingStyle.margin = value;
+  }
+  if (mx !== undefined) {
+    const value = getSpacingValue(mx);
+    spacingStyle.marginHorizontal = value;
+  }
+  if (my !== undefined) {
+    const value = getSpacingValue(my);
+    spacingStyle.marginVertical = value;
+  }
+  if (mt !== undefined) spacingStyle.marginTop = getSpacingValue(mt);
+  if (mb !== undefined) spacingStyle.marginBottom = getSpacingValue(mb);
+  if (ml !== undefined) spacingStyle.marginLeft = getSpacingValue(ml);
+  if (mr !== undefined) spacingStyle.marginRight = getSpacingValue(mr);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [style, {
+    style: [{
       ...(fullWidth ? {
         width: '100%'
       } : {}),
       ...(fullHeight ? {
         height: '100%'
       } : {})
-    }],
+    }, spacingStyle, style],
     ref: ref,
     ...otherProps
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","BoxView","exports","forwardRef","props","ref","style","fullWidth","fullHeight","otherProps","jsx","View","width","height"],"sourceRoot":"../../../../src","sources":["components/BoxView/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAa5C,MAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAAgB,EAAEC,GAAQ,KAAK;EAChE,MAAM;IAAEC,KAAK;IAAEC,SAAS;IAAEC,UAAU;IAAE,GAAGC;EAAW,CAAC,GAAGL,KAAK;EAC7D,oBACE,IAAAJ,WAAA,CAAAU,GAAA,EAACX,YAAA,CAAAY,IAAW;IACVL,KAAK,EAAE,CACLA,KAAK,EACL;MACE,IAAIC,SAAS,GAAG;QAAEK,KAAK,EAAE;MAAO,CAAC,GAAG,CAAC,CAAC,CAAC;MACvC,IAAIJ,UAAU,GAAG;QAAEK,MAAM,EAAE;MAAO,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC,CACD;IACFR,GAAG,EAAEA,GAAI;IAAA,GACLI;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","spacingMap","xs","sm","md","lg","xl","getSpacingValue","value","undefined","BoxView","exports","forwardRef","props","ref","style","fullWidth","fullHeight","p","px","py","pt","pb","pl","pr","m","mx","my","mt","mb","ml","mr","otherProps","spacingStyle","padding","paddingHorizontal","paddingVertical","paddingTop","paddingBottom","paddingLeft","paddingRight","margin","marginHorizontal","marginVertical","marginTop","marginBottom","marginLeft","marginRight","jsx","View","width","height"],"sourceRoot":"../../../../src","sources":["components/BoxView/index.tsx"],"mappings":"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","ignoreList":[]}