react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","Modal","RNModal","TouchableOpacity","Animated","Dimensions","ScrollView","BoxView","Text","Overlay","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","sm","md","lg","xl","useStyles","theme","size","padding","position","getPadding","undefined","spacing","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","props","ref","opened","onClose","children","style","others","styles","sx","name","fadeAnim","Value","current","slideAnim","getSlideValue","screenWidth","get","screenHeight","parallel","timing","toValue","duration","useNativeDriver","spring","friction","start","setValue","handleOverlayPress","getTransform","translateX","translateY","visible","transparent","animationType","onRequestClose","statusBarTranslucent","View","opacity","onPress","pointerEvents","transform","showsVerticalScrollIndicator","displayName"],"sourceRoot":"../../../../src","sources":["components/Drawer/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { BoxView } from "../BoxView/index.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Flex component provides flexible box layout
+ */
+export const Flex = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    direction = 'row',
+    wrap = 'nowrap',
+    align,
+    justify,
+    gap,
+    columnGap,
+    rowGap,
+    ...others
+  } = props;
+  const theme = 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__*/_jsx(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/module/components/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","BoxView","useTheme","jsx","_jsx","Flex","props","ref","children","style","direction","wrap","align","justify","gap","columnGap","rowGap","others","theme","getSpacing","value","undefined","spacing","gapValue","columnGapValue","rowGapValue","display","flexDirection","flexWrap","alignItems","justifyContent","displayName"],"sourceRoot":"../../../../src","sources":["components/Flex/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,OAAO,QAAQ,qBAAY;AAGpC,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA6BtD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGL,UAAU,CAAiB,CAACM,KAAK,EAAEC,GAAG,KAAK;EAC7D,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,SAAS,GAAG,KAAK;IACjBC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,OAAO;IACPC,GAAG;IACHC,SAAS;IACTC,MAAM;IACN,GAAGC;EACL,CAAC,GAAGX,KAAK;EAET,MAAMY,KAAK,GAAGhB,QAAQ,CAAC,CAAC;;EAExB;EACA,MAAMiB,UAAU,GAAIC,KAA6C,IAAK;IACpE,IAAIA,KAAK,KAAKC,SAAS,EAAE,OAAOA,SAAS;IACzC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;IAC3C,OAAOF,KAAK,CAACI,OAAO,CAACF,KAAK,CAA+B,IAAI,CAAC;EAChE,CAAC;EAED,MAAMG,QAAQ,GAAGJ,UAAU,CAACL,GAAG,CAAC;EAChC,MAAMU,cAAc,GAAGL,UAAU,CAACJ,SAAS,CAAC;EAC5C,MAAMU,WAAW,GAAGN,UAAU,CAACH,MAAM,CAAC;EAEtC,oBACEZ,IAAA,CAACH,OAAO;IACNM,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAE,CACL;MACEiB,OAAO,EAAE,MAAM;MACfC,aAAa,EAAEjB,SAAS;MACxBkB,QAAQ,EAAEjB,IAAI;MACdkB,UAAU,EAAEjB,KAAK;MACjBkB,cAAc,EAAEjB,OAAO;MACvB,IAAIU,QAAQ,KAAKF,SAAS,IAAI;QAAEP,GAAG,EAAES;MAAS,CAAC,CAAC;MAChD,IAAIC,cAAc,KAAKH,SAAS,IAAI;QAAEN,SAAS,EAAES;MAAe,CAAC,CAAC;MAClE,IAAIC,WAAW,KAAKJ,SAAS,IAAI;QAAEL,MAAM,EAAES;MAAY,CAAC;IAC1D,CAAC,EACDhB,KAAK,CACL;IAAA,GACEQ,MAAM;IAAAT,QAAA,EAETA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEFH,IAAI,CAAC0B,WAAW,GAAG,MAAM","ignoreList":[]}

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

@@ -0,0 +1,139 @@
+"use strict";
+
+import React, { forwardRef, Children } from 'react';
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useGridStyles = 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 = 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
+};
+export const Grid = Object.assign(/*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    columns,
+    gutter,
+    grow,
+    align,
+    justify,
+    children,
+    style,
+    ...others
+  } = 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 = Children.map(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        columns,
+        gutter,
+        grow
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: childrenWithProps
+  });
+}), {
+  Col: /*#__PURE__*/forwardRef((props, ref) => {
+    const {
+      span,
+      offset,
+      order,
+      columns = 12,
+      gutter = 'md',
+      grow = false,
+      children,
+      style,
+      ...others
+    } = useComponentDefaultProps('GridCol', defaultColProps, props);
+    const {
+      styles,
+      sx
+    } = useColStyles({
+      span,
+      offset,
+      order,
+      columns,
+      gutter,
+      grow
+    }, {
+      name: 'GridCol'
+    });
+    return /*#__PURE__*/_jsx(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/module/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Children","BoxView","useComponentDefaultProps","createStyles","jsx","_jsx","useGridStyles","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","Object","assign","props","ref","children","style","others","styles","sx","name","childrenWithProps","map","child","isValidElement","cloneElement","Col","displayName"],"sourceRoot":"../../../../src","sources":["components/Grid/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,19 +6,40 @@ export 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__*/_jsx(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/module/components/Group/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BoxView","jsx","_jsx","Group","children","position","style","alignCenter","alignBottom","noWrap","spacing","rest","gap","flexDirection","justifyContent","flexWrap","alignItems"],"sourceRoot":"../../../../src","sources":["components/Group/index.tsx"],"mappings":";;AAEA,SAASA,OAAO,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrC,OAAO,MAAMC,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,oBACET,IAAA,CAACF,OAAO;IACNM,KAAK,EAAE;MACLM,GAAG,EAAEF,OAAO;MACZG,aAAa,EAAE,KAAK;MACpBC,cAAc,EACZT,QAAQ,KAAK,OAAO,GAChB,eAAe,GACfA,QAAQ,KAAK,QAAQ,GACnB,QAAQ,GACRA,QAAQ,KAAK,OAAO,GAClB,UAAU,GACV,YAAY;MACtBU,QAAQ,EAAEN,MAAM,GAAG,QAAQ,GAAG,MAAM;MACpCO,UAAU,EAAET,WAAW,GACnB,QAAQ,GACRC,WAAW,GACT,UAAU,GACV,YAAY;MAClB,GAAIF;IACN,CAAE;IAAA,GACEK,IAAI;IAAAP,QAAA,EAEPA;EAAQ,CACF,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["BoxView","jsx","_jsx","Group","children","position","style","align","alignCenter","alignBottom","noWrap","spacing","rest","getAlignItems","gap","flexDirection","justifyContent","flexWrap","alignItems"],"sourceRoot":"../../../../src","sources":["components/Group/index.tsx"],"mappings":";;AAEA,SAASA,OAAO,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrC,OAAO,MAAMC,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,oBACEP,IAAA,CAACF,OAAO;IACNM,KAAK,EAAE;MACLQ,GAAG,EAAEH,OAAO;MACZI,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,EAAEP,MAAM,GAAG,QAAQ,GAAG,MAAM;MACpCQ,UAAU,EAAEL,aAAa,CAAC,CAAC;MAC3B,GAAIP;IACN,CAAE;IAAA,GACEM,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACF,CAAC;AAEd,CAAC","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text } from "../Text/index.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Highlight component highlights specified substrings within text
+ */
+export const Highlight = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    highlight,
+    highlightColor = 'yellow',
+    highlightStyles,
+    style,
+    ...others
+  } = props;
+  const theme = 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__*/_jsx(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__*/_jsx(Text, {
+        style: style,
+        children: children
+      });
+    }
+    const regex = new RegExp(`(${pattern})`, 'gi');
+    const parts = children.split(regex);
+    return /*#__PURE__*/_jsx(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__*/_jsx(Text, {
+            style: defaultStyles,
+            children: part
+          }, index);
+        }
+        return part;
+      })
+    });
+  };
+  return getHighlightedText();
+});
+Highlight.displayName = 'Highlight';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","useTheme","jsx","_jsx","Highlight","props","ref","children","highlight","highlightColor","highlightStyles","style","others","theme","highlights","Array","isArray","defaultHighlightBg","colors","yellow","defaultStyles","backgroundColor","getHighlightedText","length","every","h","pattern","filter","map","replace","join","regex","RegExp","parts","split","part","index","isHighlighted","some","toLowerCase","displayName"],"sourceRoot":"../../../../src","sources":["components/Highlight/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAQ,kBAAS;AAE9B,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmBtD;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGL,UAAU,CAAsB,CAACM,KAAK,EAAEC,GAAG,KAAK;EACvE,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,cAAc,GAAG,QAAQ;IACzBC,eAAe;IACfC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,KAAK,GAAGZ,QAAQ,CAAC,CAAC;;EAExB;EACA,MAAMa,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACR,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC;;EAErE;EACA,MAAMS,kBAAkB,GACtBJ,KAAK,CAACK,MAAM,CAACT,cAAc,CAAC,GAAG,CAAC,CAAC,IAAII,KAAK,CAACK,MAAM,CAACC,MAAM,GAAG,CAAC,CAAC,IAAI,SAAS;EAE5E,MAAMC,aAAa,GAAG;IACpBC,eAAe,EAAEJ,kBAAkB;IACnC,GAAGP;EACL,CAAC;;EAED;EACA,MAAMY,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAI,CAACf,QAAQ,IAAIO,UAAU,CAACS,MAAM,KAAK,CAAC,IAAIT,UAAU,CAACU,KAAK,CAAEC,CAAC,IAAK,CAACA,CAAC,CAAC,EAAE;MACvE,oBAAOtB,IAAA,CAACH,IAAI;QAACW,KAAK,EAAEA,KAAM;QAAAJ,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAC9C;;IAEA;IACA,MAAMmB,OAAO,GAAGZ,UAAU,CACvBa,MAAM,CAAEF,CAAC,IAAKA,CAAC,IAAIA,CAAC,CAACF,MAAM,GAAG,CAAC,CAAC,CAChCK,GAAG,CAAEH,CAAC,IAAKA,CAAC,CAACI,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;IAAA,CACrDC,IAAI,CAAC,GAAG,CAAC;IAEZ,IAAI,CAACJ,OAAO,EAAE;MACZ,oBAAOvB,IAAA,CAACH,IAAI;QAACW,KAAK,EAAEA,KAAM;QAAAJ,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAC9C;IAEA,MAAMwB,KAAK,GAAG,IAAIC,MAAM,CAAC,IAAIN,OAAO,GAAG,EAAE,IAAI,CAAC;IAC9C,MAAMO,KAAK,GAAG1B,QAAQ,CAAC2B,KAAK,CAACH,KAAK,CAAC;IAEnC,oBACE5B,IAAA,CAACH,IAAI;MAACM,GAAG,EAAEA,GAAI;MAACK,KAAK,EAAEA,KAAM;MAAA,GAAKC,MAAM;MAAAL,QAAA,EACrC0B,KAAK,CAACL,GAAG,CAAC,CAACO,IAAI,EAAEC,KAAK,KAAK;QAC1B,MAAMC,aAAa,GAAGvB,UAAU,CAACwB,IAAI,CAClCb,CAAC,IAAKA,CAAC,IAAIU,IAAI,CAACI,WAAW,CAAC,CAAC,KAAKd,CAAC,CAACc,WAAW,CAAC,CACnD,CAAC;QAED,IAAIF,aAAa,EAAE;UACjB,oBACElC,IAAA,CAACH,IAAI;YAAaW,KAAK,EAAES,aAAc;YAAAb,QAAA,EACpC4B;UAAI,GADIC,KAEL,CAAC;QAEX;QAEA,OAAOD,IAAI;MACb,CAAC;IAAC,CACE,CAAC;EAEX,CAAC;EAED,OAAOb,kBAAkB,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEFlB,SAAS,CAACoC,WAAW,GAAG,WAAW","ignoreList":[]}

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

@@ -0,0 +1,127 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { Image as RNImage, ActivityIndicator } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  width,
+  height,
+  radius,
+  fit
+}) => ({
+  root: {
+    position: 'relative',
+    width: width || 300,
+    height: height || 200,
+    borderRadius: theme.fn.radius(radius),
+    overflow: 'hidden',
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[1]
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    resizeMode: fit === 'scale-down' ? 'contain' : fit,
+    borderRadius: theme.fn.radius(radius)
+  },
+  placeholder: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[1]
+  },
+  errorContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[7] : theme.colors.gray?.[0]
+  },
+  errorText: {
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6],
+    fontSize: 14,
+    textAlign: 'center',
+    paddingHorizontal: 16
+  }
+}));
+const defaultProps = {
+  fit: 'cover',
+  radius: 0,
+  errorMessage: 'Failed to load image'
+};
+export const Image = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    source,
+    width,
+    height,
+    fit,
+    radius,
+    placeholder,
+    errorMessage,
+    errorPlaceholder,
+    alt,
+    style,
+    onLoad,
+    onError
+  } = useComponentDefaultProps('Image', defaultProps, props);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    width,
+    height,
+    radius,
+    fit
+  }, {
+    name: 'Image'
+  });
+  const handleLoad = () => {
+    setLoading(false);
+    setError(false);
+    onLoad?.();
+  };
+  const handleError = event => {
+    setLoading(false);
+    setError(true);
+    onError?.(event);
+  };
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    children: [/*#__PURE__*/_jsx(RNImage, {
+      source: source,
+      style: styles.image,
+      onLoad: handleLoad,
+      onError: handleError,
+      ...(alt ? {
+        accessible: true,
+        accessibilityLabel: alt
+      } : {})
+    }), loading && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.placeholder,
+      children: placeholder || /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "large"
+      })
+    }), error && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.errorContainer,
+      children: errorPlaceholder || /*#__PURE__*/_jsx(Text, {
+        style: styles.errorText,
+        children: errorMessage
+      })
+    })]
+  });
+});
+Image.displayName = 'Image';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","Image","RNImage","ActivityIndicator","BoxView","Text","useComponentDefaultProps","createStyles","jsx","_jsx","jsxs","_jsxs","useStyles","theme","width","height","radius","fit","root","position","borderRadius","fn","overflow","backgroundColor","colorScheme","colors","dark","gray","image","resizeMode","placeholder","top","left","right","bottom","justifyContent","alignItems","errorContainer","errorText","color","fontSize","textAlign","paddingHorizontal","defaultProps","errorMessage","props","ref","source","errorPlaceholder","alt","style","onLoad","onError","loading","setLoading","error","setError","styles","sx","name","handleLoad","handleError","event","children","accessible","accessibilityLabel","size","displayName"],"sourceRoot":"../../../../src","sources":["components/Image/index.tsx"],"mappings":"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","ignoreList":[]}