react-native-mantine 0.1.15 → 0.2.0

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

@@ -0,0 +1,217 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem = exports.List = 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ListContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useListContext = () => {
+  const context = (0, _react.useContext)(ListContext);
+  if (!context) {
+    throw new Error('List components must be used within List');
+  }
+  return context;
+};
+const fontSizes = {
+  xs: (0, _rem.rem)(10),
+  sm: (0, _rem.rem)(12),
+  md: (0, _rem.rem)(14),
+  lg: (0, _rem.rem)(16),
+  xl: (0, _rem.rem)(18)
+};
+const useListStyles = (0, _index3.createStyles)((theme, {
+  withPadding,
+  spacing
+}) => {
+  const getSpacing = () => {
+    if (typeof spacing === 'number') return (0, _rem.rem)(spacing);
+    return theme.spacing[spacing] || theme.spacing.md;
+  };
+  return {
+    root: {
+      ...(withPadding && {
+        paddingLeft: theme.spacing.md
+      })
+    },
+    item: {
+      marginBottom: getSpacing()
+    }
+  };
+});
+const useListItemStyles = (0, _index3.createStyles)((theme, {
+  size,
+  center
+}) => ({
+  item: {
+    flexDirection: 'row',
+    alignItems: center ? 'center' : 'flex-start'
+  },
+  icon: {
+    marginRight: theme.spacing.xs,
+    marginTop: center ? 0 : (0, _rem.rem)(2)
+  },
+  iconText: {
+    fontSize: fontSizes[size],
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6],
+    fontWeight: '600',
+    minWidth: (0, _rem.rem)(20)
+  },
+  content: {
+    flex: 1
+  },
+  contentText: {
+    fontSize: fontSizes[size],
+    color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+    lineHeight: fontSizes[size] * 1.5
+  }
+}));
+const defaultProps = {
+  type: 'unordered',
+  size: 'md',
+  spacing: 'xs',
+  center: false,
+  withPadding: false,
+  listStyleType: 'decimal',
+  startIndex: 1
+};
+const defaultItemProps = {};
+const getListMarker = (type, index, listStyleType, startIndex) => {
+  if (type === 'unordered') {
+    return '•';
+  }
+  const actualIndex = index + startIndex;
+  switch (listStyleType) {
+    case 'decimal':
+      return `${actualIndex}.`;
+    case 'lower-alpha':
+      return `${String.fromCharCode(96 + actualIndex)}.`;
+    case 'upper-alpha':
+      return `${String.fromCharCode(64 + actualIndex)}.`;
+    case 'lower-roman':
+      {
+        const romanNumerals = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix', 'x'];
+        return `${romanNumerals[actualIndex - 1] || actualIndex}.`;
+      }
+    case 'upper-roman':
+      {
+        const romanNumerals = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X'];
+        return `${romanNumerals[actualIndex - 1] || actualIndex}.`;
+      }
+    default:
+      return `${actualIndex}.`;
+  }
+};
+const ListRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    type,
+    size,
+    spacing,
+    center,
+    icon,
+    withPadding,
+    listStyleType,
+    startIndex,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('List', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useListStyles({
+    withPadding,
+    spacing
+  }, {
+    name: 'List'
+  });
+  const childrenArray = _react.default.Children.toArray(children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListContext.Provider, {
+    value: {
+      type: type || 'unordered',
+      size: size || 'md',
+      spacing: spacing || 'md',
+      center: center || false,
+      icon,
+      withPadding: withPadding || false,
+      listStyleType: listStyleType || 'disc',
+      startIndex: startIndex || 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: childrenArray.map((child, index) => {
+        if (! /*#__PURE__*/_react.default.isValidElement(child)) return child;
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          key: index,
+          __index: index
+        });
+      })
+    })
+  });
+});
+const ListItem = exports.ListItem = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    icon: itemIcon,
+    style,
+    __index,
+    ...others
+  } = {
+    ...defaultItemProps,
+    ...props
+  };
+  const context = useListContext();
+  const {
+    styles,
+    sx
+  } = useListItemStyles({
+    size: context.size,
+    center: context.center
+  }, {
+    name: 'ListItem'
+  });
+  const index = __index ?? 0;
+  const renderIcon = () => {
+    if (itemIcon) return itemIcon;
+    if (context.icon) return context.icon;
+    const marker = getListMarker(context.type, index, context.listStyleType, context.startIndex);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: styles.iconText,
+      children: marker
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.icon,
+      children: renderIcon()
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.content,
+      children: typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.contentText,
+        children: children
+      }) : children
+    })]
+  });
+});
+ListRoot.displayName = 'List';
+ListItem.displayName = 'List.Item';
+
+// Create a properly typed List component with Item subcomponent
+
+// Attach sub-components and export with proper typing
+const List = exports.List = ListRoot;
+List.Item = ListItem;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ListContext","createContext","useListContext","context","useContext","Error","fontSizes","xs","rem","sm","md","lg","xl","useListStyles","createStyles","theme","withPadding","spacing","getSpacing","root","paddingLeft","item","marginBottom","useListItemStyles","size","center","flexDirection","alignItems","icon","marginRight","marginTop","iconText","fontSize","color","colorScheme","colors","dark","gray","fontWeight","minWidth","content","flex","contentText","white","black","lineHeight","defaultProps","type","listStyleType","startIndex","defaultItemProps","getListMarker","index","actualIndex","String","fromCharCode","romanNumerals","ListRoot","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","childrenArray","React","Children","toArray","jsx","Provider","value","BoxView","map","child","isValidElement","cloneElement","key","__index","ListItem","exports","itemIcon","renderIcon","marker","Text","jsxs","displayName","List","Item"],"sourceRoot":"../../../../src","sources":["components/List/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Loader/Loader.js

@@ -6,35 +6,42 @@ Object.defineProperty(exports, "__esModule", {
 exports.Loader = Loader;
 var _reactNative = require("react-native");
 var _themeProvider = require("../../theme/theme-provider.js");
+var _index = require("../../theme/get-size/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
-// const sizes = {
-//   xs: 18,
-//   sm: 22,
-//   md: 36,
-//   lg: 44,
-//   xl: 58,
-// };
-
+const sizes = {
+  xs: 18,
+  sm: 22,
+  md: 36,
+  lg: 44,
+  xl: 58
+};
 const defaultProps = {
   size: 'md'
 };
 function Loader(props) {
+  const theme = (0, _themeProvider.useTheme)();
   const {
     size,
     color,
     variant,
     ...others
   } = (0, _themeProvider.useComponentDefaultProps)('Loader', defaultProps, props);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator
-  // size={getSize({ size, sizes })}
-  // color={
-  //   theme.fn.variant({
-  //     variant: 'filled',
-  //     primaryFallback: false,
-  //     color: color || theme.primaryColor,
-  //   }).background
-  // }
-  , {
+  const loaderSize = (0, _index.getSize)({
+    size: size || 'md',
+    sizes
+  });
+  const loaderColor = color ? theme.fn.variant({
+    variant: 'filled',
+    primaryFallback: false,
+    color: color
+  }).background : theme.fn.variant({
+    variant: 'filled',
+    primaryFallback: false,
+    color: theme.primaryColor
+  }).background;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+    size: loaderSize,
+    color: loaderColor,
     ...others
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_themeProvider","_jsxRuntime","defaultProps","size","Loader","props","color","variant","others","useComponentDefaultProps","jsx","ActivityIndicator","displayName"],"sourceRoot":"../../../../src","sources":["components/Loader/Loader.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,YAAkC,GAAG;EACzCC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEF,IAAI;IAAEG,KAAK;IAAEC,OAAO;IAAE,GAAGC;EAAO,CAAC,GAAG,IAAAC,uCAAwB,EAClE,QAAQ,EACRP,YAAY,EACZG,KACF,CAAC;EACD,oBACE,IAAAJ,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAa;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;IAAA,GACIH;EAAM,CACX,CAAC;AAEN;AAEAJ,MAAM,CAACQ,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_themeProvider","_index","_jsxRuntime","sizes","xs","sm","md","lg","xl","defaultProps","size","Loader","props","theme","useTheme","color","variant","others","useComponentDefaultProps","loaderSize","getSize","loaderColor","fn","primaryFallback","background","primaryColor","jsx","ActivityIndicator","displayName"],"sourceRoot":"../../../../src","sources":["components/Loader/Loader.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAE/C,MAAMI,KAAK,GAAG;EACZC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAaD,MAAMC,YAAkC,GAAG;EACzCC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAMC,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEJ,IAAI;IAAEK,KAAK;IAAEC,OAAO;IAAE,GAAGC;EAAO,CAAC,GAAG,IAAAC,uCAAwB,EAClE,QAAQ,EACRT,YAAY,EACZG,KACF,CAAC;EAED,MAAMO,UAAU,GAAG,IAAAC,cAAO,EAAC;IAAEV,IAAI,EAAEA,IAAI,IAAI,IAAI;IAAEP;EAAM,CAAC,CAAW;EACnE,MAAMkB,WAAW,GAAGN,KAAK,GACrBF,KAAK,CAACS,EAAE,CAACN,OAAO,CAAC;IACfA,OAAO,EAAE,QAAQ;IACjBO,eAAe,EAAE,KAAK;IACtBR,KAAK,EAAEA;EACT,CAAC,CAAC,CAACS,UAAU,GACbX,KAAK,CAACS,EAAE,CAACN,OAAO,CAAC;IACfA,OAAO,EAAE,QAAQ;IACjBO,eAAe,EAAE,KAAK;IACtBR,KAAK,EAAEF,KAAK,CAACY;EACf,CAAC,CAAC,CAACD,UAAU;EAEjB,oBACE,IAAAtB,WAAA,CAAAwB,GAAA,EAAC5B,YAAA,CAAA6B,iBAAiB;IAChBjB,IAAI,EAAES,UAAW;IACjBJ,KAAK,EAAEM,WAAY;IAAA,GACfJ;EAAM,CACX,CAAC;AAEN;AAEAN,MAAM,CAACiB,WAAW,GAAG,sBAAsB","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoadingOverlay = void 0;
+var _react = require("react");
+var _index = require("../Overlay/index.js");
+var _index2 = require("../Loader/index.js");
+var _index3 = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index4 = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const useStyles = (0, _index4.createStyles)(_theme => ({
+  root: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  loader: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{
+      translateX: -20
+    }, {
+      translateY: -20
+    }]
+  }
+}));
+const defaultProps = {
+  visible: false,
+  overlayOpacity: 0.75,
+  overlayColor: '#fff',
+  overlayBlur: 0,
+  loaderSize: 'md',
+  radius: 0,
+  zIndex: 1000,
+  transitionDuration: 200
+};
+const LoadingOverlay = exports.LoadingOverlay = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    visible,
+    overlayOpacity,
+    overlayColor,
+    overlayBlur,
+    loaderSize,
+    radius,
+    zIndex,
+    transitionDuration,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('LoadingOverlay', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'LoadingOverlay'
+  });
+  if (!visible) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Overlay, {
+      opacity: overlayOpacity,
+      color: overlayColor,
+      blur: overlayBlur,
+      radius: radius,
+      zIndex: zIndex
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.BoxView, {
+      style: styles.loader,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Loader, {
+        size: loaderSize
+      })
+    })]
+  });
+});
+LoadingOverlay.displayName = 'LoadingOverlay';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_index2","_index3","_themeProvider","_index4","_jsxRuntime","useStyles","createStyles","_theme","root","position","top","left","right","bottom","loader","transform","translateX","translateY","defaultProps","visible","overlayOpacity","overlayColor","overlayBlur","loaderSize","radius","zIndex","transitionDuration","LoadingOverlay","exports","forwardRef","props","ref","style","others","useComponentDefaultProps","styles","sx","name","jsxs","BoxView","children","jsx","Overlay","opacity","color","blur","Loader","size","displayName"],"sourceRoot":"../../../../src","sources":["components/LoadingOverlay/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AA+B3C,MAAMO,SAAS,GAAG,IAAAC,oBAAY,EAAEC,MAAM,KAAM;EAC1CC,IAAI,EAAE;IACJC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNL,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXI,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAC;IAAG,CAAC,EAAE;MAAEC,UAAU,EAAE,CAAC;IAAG,CAAC;EACtD;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,YAA0C,GAAG;EACjDC,OAAO,EAAE,KAAK;EACdC,cAAc,EAAE,IAAI;EACpBC,YAAY,EAAE,MAAM;EACpBC,WAAW,EAAE,CAAC;EACdC,UAAU,EAAE,IAAI;EAChBC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,IAAI;EACZC,kBAAkB,EAAE;AACtB,CAAC;AAEM,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EACtC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IACJZ,OAAO;IACPC,cAAc;IACdC,YAAY;IACZC,WAAW;IACXC,UAAU;IACVC,MAAM;IACNC,MAAM;IACNC,kBAAkB;IAClBM,KAAK;IACL,GAAGC;EACL,CAAC,GAAG,IAAAC,uCAAwB,EAAC,gBAAgB,EAAEhB,YAAY,EAAEY,KAAK,CAAC;EAEnE,MAAM;IAAEK,MAAM;IAAEC;EAAE,CAAC,GAAG/B,SAAS,CAAC,CAAC,CAAC,EAAE;IAAEgC,IAAI,EAAE;EAAiB,CAAC,CAAQ;EAEtE,IAAI,CAAClB,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACE,IAAAf,WAAA,CAAAkC,IAAA,EAACrC,OAAA,CAAAsC,OAAO;IAACR,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAEI,EAAE,CAACD,MAAM,CAAC3B,IAAI,EAAEwB,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAO,QAAA,gBAC1D,IAAApC,WAAA,CAAAqC,GAAA,EAAC1C,MAAA,CAAA2C,OAAO;MACNC,OAAO,EAAEvB,cAAe;MACxBwB,KAAK,EAAEvB,YAAa;MACpBwB,IAAI,EAAEvB,WAAY;MAClBE,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA;IAAO,CAChB,CAAC,eACF,IAAArB,WAAA,CAAAqC,GAAA,EAACxC,OAAA,CAAAsC,OAAO;MAACP,KAAK,EAAEG,MAAM,CAACrB,MAAO;MAAA0B,QAAA,eAC5B,IAAApC,WAAA,CAAAqC,GAAA,EAACzC,OAAA,CAAA8C,MAAM;QAACC,IAAI,EAAExB;MAAW,CAAE;IAAC,CACrB,CAAC;EAAA,CACH,CAAC;AAEd,CACF,CAAC;AAEDI,cAAc,CAACqB,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Mark = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Mark component renders text with a background color (like HTML mark tag)
+ * Default background is yellow
+ */
+const Mark = exports.Mark = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    color = 'yellow',
+    style,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+
+  // Get background color from theme or use as direct color
+  const getBackgroundColor = () => {
+    // Try to get from theme colors with lighter shade (index 2)
+    if (theme.colors[color]) {
+      return (theme.colors[color] || [])[2] || (theme.colors[color] || [])[0];
+    }
+    // Otherwise use the color directly
+    return color;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    ref: ref,
+    style: [{
+      backgroundColor: getBackgroundColor(),
+      paddingHorizontal: 4,
+      paddingVertical: 2
+    }, style],
+    ...others,
+    children: children
+  });
+});
+Mark.displayName = 'Mark';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_themeProvider","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Mark","exports","forwardRef","props","ref","children","color","style","others","theme","useTheme","getBackgroundColor","colors","jsx","Text","backgroundColor","paddingHorizontal","paddingVertical","displayName"],"sourceRoot":"../../../../src","sources":["components/Mark/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAsD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUtD;AACA;AACA;AACA;AACO,MAAMW,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,iBAAU,EAAiB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7D,MAAM;IAAEC,QAAQ;IAAEC,KAAK,GAAG,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EAE7D,MAAMM,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;;EAExB;EACA,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/B;IACA,IAAIF,KAAK,CAACG,MAAM,CAACN,KAAK,CAAC,EAAE;MACvB,OAAO,CAACG,KAAK,CAACG,MAAM,CAACN,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAACG,KAAK,CAACG,MAAM,CAACN,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACzE;IACA;IACA,OAAOA,KAAK;EACd,CAAC;EAED,oBACE,IAAA3B,WAAA,CAAAkC,GAAA,EAACpC,MAAA,CAAAqC,IAAI;IACHV,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE,CACL;MACEQ,eAAe,EAAEJ,kBAAkB,CAAC,CAAC;MACrCK,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE;IACnB,CAAC,EACDV,KAAK,CACL;IAAA,GACEC,MAAM;IAAAH,QAAA,EAETA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFL,IAAI,CAACkB,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaQuery = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultProps = {
+  query: 'window'
+};
+const getOrientation = dimensions => {
+  return dimensions.width < dimensions.height ? 'portrait' : 'landscape';
+};
+const matchesQuery = (dimensions, {
+  minWidth,
+  maxWidth,
+  minHeight,
+  maxHeight,
+  orientation
+}) => {
+  const {
+    width,
+    height
+  } = dimensions;
+  if (minWidth !== undefined && width < minWidth) {
+    return false;
+  }
+  if (maxWidth !== undefined && width > maxWidth) {
+    return false;
+  }
+  if (minHeight !== undefined && height < minHeight) {
+    return false;
+  }
+  if (maxHeight !== undefined && height > maxHeight) {
+    return false;
+  }
+  if (orientation !== undefined && getOrientation(dimensions) !== orientation) {
+    return false;
+  }
+  return true;
+};
+const MediaQuery = props => {
+  const {
+    minWidth,
+    maxWidth,
+    minHeight,
+    maxHeight,
+    largerThan,
+    smallerThan,
+    orientation,
+    children,
+    query
+  } = (0, _themeProvider.useComponentDefaultProps)('MediaQuery', defaultProps, props);
+  const [dimensions, setDimensions] = (0, _react.useState)(_reactNative.Dimensions.get(query));
+  (0, _react.useEffect)(() => {
+    const subscription = _reactNative.Dimensions.addEventListener('change', ({
+      window,
+      screen
+    }) => {
+      setDimensions(query === 'screen' ? screen : window);
+    });
+    return () => subscription?.remove();
+  }, [query]);
+
+  // Convert largerThan/smallerThan to minWidth/maxWidth
+  const finalMinWidth = largerThan !== undefined ? typeof largerThan === 'number' ? largerThan : parseInt(largerThan, 10) : minWidth;
+  const finalMaxWidth = smallerThan !== undefined ? typeof smallerThan === 'number' ? smallerThan : parseInt(smallerThan, 10) : maxWidth;
+  const matches = matchesQuery(dimensions, {
+    minWidth: finalMinWidth,
+    maxWidth: finalMaxWidth,
+    minHeight,
+    maxHeight,
+    orientation
+  });
+  if (!matches) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+};
+exports.MediaQuery = MediaQuery;
+MediaQuery.displayName = 'MediaQuery';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themeProvider","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultProps","query","getOrientation","dimensions","width","height","matchesQuery","minWidth","maxWidth","minHeight","maxHeight","orientation","undefined","MediaQuery","props","largerThan","smallerThan","children","useComponentDefaultProps","setDimensions","useState","Dimensions","useEffect","subscription","addEventListener","window","screen","remove","finalMinWidth","parseInt","finalMaxWidth","matches","jsx","Fragment","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/MediaQuery/index.tsx"],"mappings":"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","ignoreList":[]}