react-native-mantine 0.1.13 → 0.2.0

package/lib/commonjs/components/Divider/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","sizes","xs","rem","sm","md","lg","xl","useStyles","createStyles","theme","orientation","color","size","variant","labelPosition","lineColor","colors","colorScheme","dark","gray","lineSize","getBorderStyle","isHorizontal","root","flexDirection","alignItems","width","height","line","borderBottomWidth","borderBottomColor","borderStyle","borderLeftWidth","borderLeftColor","withLabel","flex","labelContainer","paddingHorizontal","spacing","paddingVertical","label","fontSize","fontSizes","lineLeft","lineRight","defaultProps","Divider","exports","forwardRef","props","ref","style","others","useComponentDefaultProps","styles","sx","name","jsx","BoxView","jsxs","children","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Divider/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,252 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Drawer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _index3 = require("../Overlay/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index4 = 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 sizes = {
+  xs: 180,
+  sm: 240,
+  md: 320,
+  lg: 420,
+  xl: 560
+};
+const useStyles = (0, _index4.createStyles)((theme, {
+  size,
+  padding,
+  position
+}) => {
+  const getPadding = () => {
+    if (padding === undefined) return theme.spacing.md;
+    if (typeof padding === 'number') return (0, _rem.rem)(padding);
+    return theme.spacing[padding] || theme.spacing.md;
+  };
+  const getSize = () => {
+    if (typeof size === 'number') return (0, _rem.rem)(size);
+    return (0, _rem.rem)(sizes[size] || sizes.md);
+  };
+  const isHorizontal = position === 'left' || position === 'right';
+  const dimensionKey = isHorizontal ? 'width' : 'height';
+  return {
+    overlay: {
+      flex: 1,
+      backgroundColor: 'rgba(0, 0, 0, 0.001)',
+      justifyContent: position === 'bottom' ? 'flex-end' : position === 'top' ? 'flex-start' : 'center',
+      alignItems: position === 'right' ? 'flex-end' : position === 'left' ? 'flex-start' : 'stretch'
+    },
+    container: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[7] : theme.white,
+      [dimensionKey]: getSize(),
+      maxHeight: '100%',
+      maxWidth: '100%',
+      ...(position === 'left' && {
+        borderTopRightRadius: theme.fn.radius('md'),
+        borderBottomRightRadius: theme.fn.radius('md')
+      }),
+      ...(position === 'right' && {
+        borderTopLeftRadius: theme.fn.radius('md'),
+        borderBottomLeftRadius: theme.fn.radius('md')
+      }),
+      ...(position === 'top' && {
+        borderBottomLeftRadius: theme.fn.radius('md'),
+        borderBottomRightRadius: theme.fn.radius('md')
+      }),
+      ...(position === 'bottom' && {
+        borderTopLeftRadius: theme.fn.radius('md'),
+        borderTopRightRadius: theme.fn.radius('md')
+      })
+    },
+    header: {
+      padding: getPadding(),
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[2],
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    title: {
+      fontSize: theme.fontSizes.lg,
+      fontWeight: '600',
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+      flex: 1
+    },
+    closeButton: {
+      width: (0, _rem.rem)(32),
+      height: (0, _rem.rem)(32),
+      borderRadius: (0, _rem.rem)(16),
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1],
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginLeft: theme.spacing.md
+    },
+    closeButtonText: {
+      fontSize: (0, _rem.rem)(20),
+      color: theme.colorScheme === 'dark' ? theme.white : theme.black
+    },
+    body: {
+      padding: getPadding(),
+      flex: 1
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  padding: 'md',
+  position: 'left',
+  closeOnClickOutside: true,
+  withOverlay: true,
+  overlayOpacity: 0.6,
+  overlayColor: '#000',
+  withCloseButton: true,
+  transitionDuration: 250,
+  zIndex: 1000
+};
+const Drawer = exports.Drawer = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    opened,
+    onClose,
+    title,
+    children,
+    size,
+    padding,
+    position,
+    closeOnClickOutside,
+    withOverlay,
+    overlayOpacity,
+    overlayColor,
+    withCloseButton,
+    style,
+    transitionDuration,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Drawer', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size: size,
+    padding: padding,
+    position: position
+  }, {
+    name: 'Drawer'
+  });
+  const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const getSlideValue = () => {
+    const screenWidth = _reactNative.Dimensions.get('window').width;
+    const screenHeight = _reactNative.Dimensions.get('window').height;
+    switch (position) {
+      case 'left':
+        return -screenWidth;
+      case 'right':
+        return screenWidth;
+      case 'top':
+        return -screenHeight;
+      case 'bottom':
+        return screenHeight;
+      default:
+        return -screenWidth;
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (opened) {
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }), _reactNative.Animated.spring(slideAnim, {
+        toValue: 0,
+        useNativeDriver: true,
+        friction: 8
+      })]).start();
+    } else {
+      slideAnim.setValue(getSlideValue());
+      fadeAnim.setValue(0);
+    }
+  }, [opened, fadeAnim, slideAnim, transitionDuration]);
+  const handleOverlayPress = () => {
+    if (closeOnClickOutside) {
+      onClose();
+    }
+  };
+  const getTransform = () => {
+    switch (position) {
+      case 'left':
+      case 'right':
+        return [{
+          translateX: slideAnim
+        }];
+      case 'top':
+      case 'bottom':
+        return [{
+          translateY: slideAnim
+        }];
+      default:
+        return [{
+          translateX: slideAnim
+        }];
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
+    visible: opened,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: [withOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: {
+        flex: 1,
+        opacity: fadeAnim
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Overlay, {
+        opacity: overlayOpacity,
+        color: overlayColor,
+        onPress: handleOverlayPress,
+        style: {
+          position: 'absolute'
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.overlay,
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+        ref: ref,
+        style: [sx(styles.container, style), {
+          opacity: fadeAnim,
+          transform: getTransform()
+        }],
+        ...others,
+        children: [(title || withCloseButton) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+          style: styles.header,
+          children: [typeof title === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            style: styles.title,
+            children: title
+          }) : title, withCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.closeButton,
+            onPress: onClose,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+              style: styles.closeButtonText,
+              children: "\xD7"
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          style: styles.body,
+          showsVerticalScrollIndicator: false,
+          children: children
+        })]
+      })
+    })]
+  });
+});
+Drawer.displayName = 'Drawer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_themeProvider","_index4","_rem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","sizes","xs","sm","md","lg","xl","useStyles","createStyles","theme","size","padding","position","getPadding","undefined","spacing","rem","getSize","isHorizontal","dimensionKey","overlay","flex","backgroundColor","justifyContent","alignItems","container","colorScheme","colors","dark","white","maxHeight","maxWidth","borderTopRightRadius","fn","radius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","header","borderBottomWidth","borderBottomColor","gray","flexDirection","title","fontSize","fontSizes","fontWeight","color","black","closeButton","width","height","borderRadius","marginLeft","closeButtonText","body","defaultProps","closeOnClickOutside","withOverlay","overlayOpacity","overlayColor","withCloseButton","transitionDuration","zIndex","Drawer","exports","forwardRef","props","ref","opened","onClose","children","style","others","useComponentDefaultProps","styles","sx","name","fadeAnim","useRef","Animated","Value","current","slideAnim","getSlideValue","screenWidth","Dimensions","screenHeight","useEffect","parallel","timing","toValue","duration","useNativeDriver","spring","friction","start","setValue","handleOverlayPress","getTransform","translateX","translateY","jsxs","Modal","visible","transparent","animationType","onRequestClose","statusBarTranslucent","jsx","View","opacity","Overlay","onPress","BoxView","pointerEvents","transform","Text","TouchableOpacity","ScrollView","showsVerticalScrollIndicator","displayName"],"sourceRoot":"../../../../src","sources":["components/Drawer/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Flex = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/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; }
+/**
+ * Flex component provides flexible box layout
+ */
+const Flex = exports.Flex = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    style,
+    direction = 'row',
+    wrap = 'nowrap',
+    align,
+    justify,
+    gap,
+    columnGap,
+    rowGap,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+
+  // Get spacing value from theme or use number directly
+  const getSpacing = value => {
+    if (value === undefined) return undefined;
+    if (typeof value === 'number') return value;
+    return theme.spacing[value] || 0;
+  };
+  const gapValue = getSpacing(gap);
+  const columnGapValue = getSpacing(columnGap);
+  const rowGapValue = getSpacing(rowGap);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: [{
+      display: 'flex',
+      flexDirection: direction,
+      flexWrap: wrap,
+      alignItems: align,
+      justifyContent: justify,
+      ...(gapValue !== undefined && {
+        gap: gapValue
+      }),
+      ...(columnGapValue !== undefined && {
+        columnGap: columnGapValue
+      }),
+      ...(rowGapValue !== undefined && {
+        rowGap: rowGapValue
+      })
+    }, style],
+    ...others,
+    children: children
+  });
+});
+Flex.displayName = 'Flex';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Flex/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","Flex","exports","forwardRef","props","ref","children","style","direction","wrap","align","justify","gap","columnGap","rowGap","others","theme","useTheme","getSpacing","value","undefined","spacing","gapValue","columnGapValue","rowGapValue","jsx","BoxView","display","flexDirection","flexWrap","alignItems","justifyContent","displayName"],"sourceRoot":"../../../../src","sources":["components/Flex/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Grid = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.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 useGridStyles = (0, _index2.createStyles)((theme, {
+  gutter,
+  align,
+  justify
+}) => ({
+  root: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: align,
+    justifyContent: justify,
+    margin: -theme.fn.size({
+      size: gutter,
+      sizes: theme.spacing
+    }) / 2
+  }
+}));
+const useColStyles = (0, _index2.createStyles)((theme, {
+  span,
+  offset,
+  order,
+  columns,
+  gutter,
+  grow
+}) => {
+  const gutterSize = theme.fn.size({
+    size: gutter,
+    sizes: theme.spacing
+  });
+  const colSpan = span || columns;
+  const percentage = colSpan / columns * 100;
+  const offsetPercentage = offset ? offset / columns * 100 : 0;
+  return {
+    col: {
+      flexBasis: grow ? 0 : `${percentage}%`,
+      flexGrow: grow ? colSpan : 0,
+      flexShrink: 0,
+      padding: gutterSize / 2,
+      marginLeft: offsetPercentage ? `${offsetPercentage}%` : 0,
+      ...(order && {
+        order
+      })
+    }
+  };
+});
+const defaultGridProps = {
+  columns: 12,
+  gutter: 'md',
+  grow: false,
+  align: 'stretch',
+  justify: 'flex-start'
+};
+const defaultColProps = {
+  span: 12,
+  offset: 0,
+  order: 0
+};
+const Grid = exports.Grid = Object.assign(/*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    columns,
+    gutter,
+    grow,
+    align,
+    justify,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Grid', defaultGridProps, props);
+  const {
+    styles,
+    sx
+  } = useGridStyles({
+    gutter,
+    align,
+    justify
+  }, {
+    name: 'Grid'
+  });
+
+  // Pass columns and gutter to children via context or clone
+  const childrenWithProps = _react.Children.map(children, child => {
+    if (/*#__PURE__*/_react.default.isValidElement(child)) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        columns,
+        gutter,
+        grow
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: childrenWithProps
+  });
+}), {
+  Col: /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+    const {
+      span,
+      offset,
+      order,
+      columns = 12,
+      gutter = 'md',
+      grow = false,
+      children,
+      style,
+      ...others
+    } = (0, _themeProvider.useComponentDefaultProps)('GridCol', defaultColProps, props);
+    const {
+      styles,
+      sx
+    } = useColStyles({
+      span,
+      offset,
+      order,
+      columns,
+      gutter,
+      grow
+    }, {
+      name: 'GridCol'
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.col, style),
+      ...others,
+      children: children
+    });
+  })
+});
+Grid.displayName = 'Grid';
+Grid.Col.displayName = 'Grid.Col';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_themeProvider","_index2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGridStyles","createStyles","theme","gutter","align","justify","root","flexDirection","flexWrap","alignItems","justifyContent","margin","fn","size","sizes","spacing","useColStyles","span","offset","order","columns","grow","gutterSize","colSpan","percentage","offsetPercentage","col","flexBasis","flexGrow","flexShrink","padding","marginLeft","defaultGridProps","defaultColProps","Grid","exports","assign","forwardRef","props","ref","children","style","others","useComponentDefaultProps","styles","sx","name","childrenWithProps","Children","map","child","React","isValidElement","cloneElement","jsx","BoxView","Col","displayName"],"sourceRoot":"../../../../src","sources":["components/Grid/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -10,19 +10,40 @@ const Group = ({
   children,
   position,
   style,
+  align,
   alignCenter = true,
   alignBottom = false,
   noWrap = false,
   spacing = 5,
   ...rest
 }) => {
+  // Map align values to flexbox alignItems
+  const getAlignItems = () => {
+    if (align) {
+      switch (align) {
+        case 'start':
+          return 'flex-start';
+        case 'center':
+          return 'center';
+        case 'end':
+          return 'flex-end';
+        case 'baseline':
+          return 'baseline';
+        case 'stretch':
+          return 'stretch';
+        default:
+          return 'center';
+      }
+    }
+    return alignCenter ? 'center' : alignBottom ? 'flex-end' : 'flex-start';
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
     style: {
       gap: spacing,
       flexDirection: 'row',
       justifyContent: position === 'apart' ? 'space-between' : position === 'center' ? 'center' : position === 'right' ? 'flex-end' : 'flex-start',
       flexWrap: noWrap ? 'nowrap' : 'wrap',
-      alignItems: alignCenter ? 'center' : alignBottom ? 'flex-end' : 'flex-start',
+      alignItems: getAlignItems(),
       ...style
     },
     ...rest,

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

@@ -1 +1 @@
-{"version":3,"names":["_index","require","_jsxRuntime","Group","children","position","style","alignCenter","alignBottom","noWrap","spacing","rest","jsx","BoxView","gap","flexDirection","justifyContent","flexWrap","alignItems","exports"],"sourceRoot":"../../../../src","sources":["components/Group/index.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,WAAA,GAAAD,OAAA;AAG9B,MAAME,KAAK,GAAGA,CAAC;EACpBC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,WAAW,GAAG,IAAI;EAClBC,WAAW,GAAG,KAAK;EACnBC,MAAM,GAAG,KAAK;EACdC,OAAO,GAAG,CAAC;EACX,GAAGC;AAOL,CAAC,KAAyB;EACxB,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,MAAA,CAAAa,OAAO;IACNP,KAAK,EAAE;MACLQ,GAAG,EAAEJ,OAAO;MACZK,aAAa,EAAE,KAAK;MACpBC,cAAc,EACZX,QAAQ,KAAK,OAAO,GAChB,eAAe,GACfA,QAAQ,KAAK,QAAQ,GACnB,QAAQ,GACRA,QAAQ,KAAK,OAAO,GAClB,UAAU,GACV,YAAY;MACtBY,QAAQ,EAAER,MAAM,GAAG,QAAQ,GAAG,MAAM;MACpCS,UAAU,EAAEX,WAAW,GACnB,QAAQ,GACRC,WAAW,GACT,UAAU,GACV,YAAY;MAClB,GAAIF;IACN,CAAE;IAAA,GACEK,IAAI;IAAAP,QAAA,EAEPA;EAAQ,CACF,CAAC;AAEd,CAAC;AAACe,OAAA,CAAAhB,KAAA,GAAAA,KAAA","ignoreList":[]}
+{"version":3,"names":["_index","require","_jsxRuntime","Group","children","position","style","align","alignCenter","alignBottom","noWrap","spacing","rest","getAlignItems","jsx","BoxView","gap","flexDirection","justifyContent","flexWrap","alignItems","exports"],"sourceRoot":"../../../../src","sources":["components/Group/index.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,WAAA,GAAAD,OAAA;AAG9B,MAAME,KAAK,GAAGA,CAAC;EACpBC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG,IAAI;EAClBC,WAAW,GAAG,KAAK;EACnBC,MAAM,GAAG,KAAK;EACdC,OAAO,GAAG,CAAC;EACX,GAAGC;AAQL,CAAC,KAAyB;EACxB;EACA,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIN,KAAK,EAAE;MACT,QAAQA,KAAK;QACX,KAAK,OAAO;UACV,OAAO,YAAY;QACrB,KAAK,QAAQ;UACX,OAAO,QAAQ;QACjB,KAAK,KAAK;UACR,OAAO,UAAU;QACnB,KAAK,UAAU;UACb,OAAO,UAAU;QACnB,KAAK,SAAS;UACZ,OAAO,SAAS;QAClB;UACE,OAAO,QAAQ;MACnB;IACF;IACA,OAAOC,WAAW,GAAG,QAAQ,GAAGC,WAAW,GAAG,UAAU,GAAG,YAAY;EACzE,CAAC;EAED,oBACE,IAAAP,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAe,OAAO;IACNT,KAAK,EAAE;MACLU,GAAG,EAAEL,OAAO;MACZM,aAAa,EAAE,KAAK;MACpBC,cAAc,EACZb,QAAQ,KAAK,OAAO,GAChB,eAAe,GACfA,QAAQ,KAAK,QAAQ,GACnB,QAAQ,GACRA,QAAQ,KAAK,OAAO,GAClB,UAAU,GACV,YAAY;MACtBc,QAAQ,EAAET,MAAM,GAAG,QAAQ,GAAG,MAAM;MACpCU,UAAU,EAAEP,aAAa,CAAC,CAAC;MAC3B,GAAIP;IACN,CAAE;IAAA,GACEM,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACF,CAAC;AAEd,CAAC;AAACiB,OAAA,CAAAlB,KAAA,GAAAA,KAAA","ignoreList":[]}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Highlight = void 0;
+var _react = require("react");
+var _index = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Highlight component highlights specified substrings within text
+ */
+const Highlight = exports.Highlight = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    highlight,
+    highlightColor = 'yellow',
+    highlightStyles,
+    style,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+
+  // Convert highlight to array for uniform processing
+  const highlights = Array.isArray(highlight) ? highlight : [highlight];
+
+  // Get default highlight background color
+  const defaultHighlightBg = theme.colors[highlightColor]?.[2] || theme.colors.yellow?.[2] || '#ffec99';
+  const defaultStyles = {
+    backgroundColor: defaultHighlightBg,
+    ...highlightStyles
+  };
+
+  // Function to split text and identify highlighted parts
+  const getHighlightedText = () => {
+    if (!children || highlights.length === 0 || highlights.every(h => !h)) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        style: style,
+        children: children
+      });
+    }
+
+    // Create regex pattern for all highlight strings (case insensitive)
+    const pattern = highlights.filter(h => h && h.length > 0).map(h => h.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')) // Escape special chars
+    .join('|');
+    if (!pattern) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        style: style,
+        children: children
+      });
+    }
+    const regex = new RegExp(`(${pattern})`, 'gi');
+    const parts = children.split(regex);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      ref: ref,
+      style: style,
+      ...others,
+      children: parts.map((part, index) => {
+        const isHighlighted = highlights.some(h => h && part.toLowerCase() === h.toLowerCase());
+        if (isHighlighted) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+            style: defaultStyles,
+            children: part
+          }, index);
+        }
+        return part;
+      })
+    });
+  };
+  return getHighlightedText();
+});
+Highlight.displayName = 'Highlight';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_themeProvider","_jsxRuntime","Highlight","exports","forwardRef","props","ref","children","highlight","highlightColor","highlightStyles","style","others","theme","useTheme","highlights","Array","isArray","defaultHighlightBg","colors","yellow","defaultStyles","backgroundColor","getHighlightedText","length","every","h","jsx","Text","pattern","filter","map","replace","join","regex","RegExp","parts","split","part","index","isHighlighted","some","toLowerCase","displayName"],"sourceRoot":"../../../../src","sources":["components/Highlight/index.tsx"],"mappings":"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","ignoreList":[]}