react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1,246 @@
+"use strict";
+
+import React, { forwardRef, createContext, useContext, useState } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { Collapse } from "../Collapse/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AccordionContext = /*#__PURE__*/createContext(null);
+const useAccordionContext = () => {
+  const context = useContext(AccordionContext);
+  if (!context) {
+    throw new Error('Accordion components must be used within Accordion');
+  }
+  return context;
+};
+const useAccordionStyles = createStyles((theme, {
+  variant,
+  radius,
+  spacing
+}) => {
+  const getSpacing = () => {
+    if (typeof spacing === 'number') return rem(spacing);
+    return theme.spacing[spacing] || theme.spacing.md;
+  };
+  return {
+    root: {
+      ...(variant === 'contained' && {
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.white,
+        borderRadius: theme.fn.radius(radius),
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+      })
+    },
+    item: {
+      ...(variant === 'separated' && {
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.white,
+        borderRadius: theme.fn.radius(radius),
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3],
+        marginBottom: getSpacing()
+      }),
+      ...(variant === 'default' && {
+        borderBottomWidth: 1,
+        borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3]
+      })
+    }
+  };
+});
+const useAccordionItemStyles = createStyles(theme => ({
+  control: {
+    padding: theme.spacing.md,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: theme.fontSizes.sm,
+    fontWeight: '500',
+    color: theme.colorScheme === 'dark' ? theme.white : theme.black,
+    flex: 1
+  },
+  icon: {
+    marginLeft: theme.spacing.sm
+  },
+  iconText: {
+    fontSize: 16,
+    color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6]
+  },
+  panel: {
+    padding: theme.spacing.md,
+    paddingTop: 0
+  }
+}));
+const defaultAccordionProps = {
+  multiple: false,
+  variant: 'default',
+  radius: 'sm',
+  spacing: 'md'
+};
+export const Accordion = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    multiple,
+    defaultValue,
+    value: controlledValue,
+    onChange,
+    variant,
+    radius,
+    spacing,
+    style,
+    ...others
+  } = useComponentDefaultProps('Accordion', defaultAccordionProps, props);
+  const [uncontrolledValue, setUncontrolledValue] = useState(() => {
+    if (defaultValue === undefined) return [];
+    return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+  });
+  const value = controlledValue !== undefined ? Array.isArray(controlledValue) ? controlledValue : [controlledValue] : uncontrolledValue;
+  const handleChange = itemValue => {
+    const newValue = value.includes(itemValue) ? value.filter(v => v !== itemValue) : multiple ? [...value, itemValue] : [itemValue];
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(multiple ? newValue : newValue[0] || '');
+  };
+  const {
+    styles,
+    sx
+  } = useAccordionStyles({
+    variant: variant || 'default',
+    radius: radius || 'sm',
+    spacing: spacing || 'md'
+  }, {
+    name: 'Accordion'
+  });
+  return /*#__PURE__*/_jsx(AccordionContext.Provider, {
+    value: {
+      value,
+      onChange: handleChange,
+      multiple: multiple || false,
+      variant: variant || 'default'
+    },
+    children: /*#__PURE__*/_jsx(BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: children
+    })
+  });
+});
+export const AccordionItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles,
+    sx
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionItem'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: children
+  });
+});
+export const AccordionControl = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionControl'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: [styles.control, style],
+    ...others,
+    children: children
+  });
+});
+export const AccordionPanel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...others
+  } = props;
+  const {
+    styles
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionPanel'
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: [styles.panel, style],
+    ...others,
+    children: children
+  });
+});
+
+// Simplified Accordion.Item component that combines all parts
+
+const SimpleAccordionItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    value,
+    label,
+    children,
+    style,
+    ...others
+  } = props;
+  const context = useAccordionContext();
+  const {
+    styles,
+    sx
+  } = useAccordionItemStyles({}, {
+    name: 'AccordionItem'
+  });
+  const isOpen = context.value.includes(value);
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.item, style),
+    ...others,
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.control,
+      onPress: () => context.onChange(value),
+      activeOpacity: 0.7,
+      children: [typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: label
+      }) : label, /*#__PURE__*/_jsx(BoxView, {
+        style: styles.icon,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.iconText,
+          children: isOpen ? '−' : '+'
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Collapse, {
+      in: isOpen,
+      children: /*#__PURE__*/_jsx(BoxView, {
+        style: styles.panel,
+        children: children
+      })
+    })]
+  });
+});
+Accordion.displayName = 'Accordion';
+AccordionItem.displayName = 'Accordion.Item';
+AccordionControl.displayName = 'Accordion.Control';
+AccordionPanel.displayName = 'Accordion.Panel';
+SimpleAccordionItem.displayName = 'Accordion.SimpleItem';
+
+// Attach sub-components
+Accordion.Item = SimpleAccordionItem;
+Accordion.Control = AccordionControl;
+Accordion.Panel = AccordionPanel;
+export { SimpleAccordionItem };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","createContext","useContext","useState","TouchableOpacity","BoxView","Text","Collapse","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","AccordionContext","useAccordionContext","context","Error","useAccordionStyles","theme","variant","radius","spacing","getSpacing","md","root","backgroundColor","colorScheme","colors","dark","white","borderRadius","fn","borderWidth","borderColor","gray","item","marginBottom","borderBottomWidth","borderBottomColor","useAccordionItemStyles","control","padding","flexDirection","justifyContent","alignItems","label","fontSize","fontSizes","sm","fontWeight","color","black","flex","icon","marginLeft","iconText","panel","paddingTop","defaultAccordionProps","multiple","Accordion","props","ref","children","defaultValue","value","controlledValue","onChange","style","others","uncontrolledValue","setUncontrolledValue","undefined","Array","isArray","handleChange","itemValue","newValue","includes","filter","v","styles","sx","name","Provider","AccordionItem","AccordionControl","AccordionPanel","SimpleAccordionItem","isOpen","onPress","activeOpacity","in","displayName","Item","Control","Panel"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ActionIcon/ActionIcon.js

@@ -1,36 +1,34 @@
 "use strict";
 
-import { isValidElement } from 'react';
+import { forwardRef } from 'react';
 import { TouchableOpacity } from 'react-native';
 import { createStyles } from "../../theme/create-styles.js";
 import { BoxView } from "../BoxView/index.js";
 import { getSize } from "../../theme/index.js";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const ActionIcon = ({
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ActionIcon = /*#__PURE__*/forwardRef(({
   onPress = () => {},
   children,
-  icon,
-  minWidth = 100,
+  variant = 'default',
   style,
   size = 'md'
-}) => {
+}, ref) => {
   const {
     styles
   } = useStyles({
-    minWidth,
-    size
+    size,
+    variant
   });
   return /*#__PURE__*/_jsx(TouchableOpacity, {
+    ref: ref,
     onPress: typeof onPress === 'function' ? onPress : () => {},
-    style: [style, styles.container],
-    children: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(BoxView, {
-        style: styles.containerButton,
-        children: icon
-      }), /*#__PURE__*/isValidElement(children) ? children : /*#__PURE__*/_jsx(_Fragment, {})]
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsx(BoxView, {
+      style: styles.iconWrapper,
+      children: children
     })
   });
-};
+});
 export const sizes = {
   xs: 18,
   sm: 22,
@@ -39,27 +37,25 @@ export const sizes = {
   xl: 44
 };
 const useStyles = createStyles((theme, {
-  minWidth = 100,
-  size = 40
+  size = 'md',
+  variant = 'default'
 }) => {
+  const sizeValue = typeof size === 'number' ? size : getSize({
+    size,
+    sizes
+  });
   return {
     container: {
       alignItems: 'center',
-      minWidth: minWidth
+      justifyContent: 'center'
     },
-    containerButton: {
-      backgroundColor: theme.currentMode === 'dark' ? theme.primaryBgColor : theme.secondaryBgColor,
-      borderRadius: 50,
+    iconWrapper: {
+      backgroundColor: variant === 'transparent' ? 'transparent' : theme.currentMode === 'dark' ? theme.primaryBgColor : theme.secondaryBgColor,
+      borderRadius: sizeValue / 2,
       alignItems: 'center',
       justifyContent: 'center',
-      height: getSize({
-        size: size,
-        sizes
-      }),
-      width: getSize({
-        size: size,
-        sizes
-      })
+      height: sizeValue,
+      width: sizeValue
     }
   };
 });

package/lib/module/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["isValidElement","TouchableOpacity","createStyles","BoxView","getSize","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ActionIcon","onPress","children","icon","minWidth","style","size","styles","useStyles","container","containerButton","sizes","xs","sm","md","lg","xl","theme","alignItems","backgroundColor","currentMode","primaryBgColor","secondaryBgColor","borderRadius","justifyContent","height","width"],"sourceRoot":"../../../../src","sources":["components/ActionIcon/ActionIcon.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,OAAO;AACtC,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,OAAO,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAWtC,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,IAAI;EACJC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,IAAI,GAAG;AACQ,CAAC,KAAyB;EACzC,MAAM;IAAEC;EAAO,CAAC,GAAGC,SAAS,CAAC;IAAEJ,QAAQ;IAAEE;EAAK,CAAC,CAAC;EAChD,oBACEX,IAAA,CAACL,gBAAgB;IACfW,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAC5DI,KAAK,EAAE,CAACA,KAAK,EAAEE,MAAM,CAACE,SAAS,CAAE;IAAAP,QAAA,eAEjCH,KAAA,CAAAF,SAAA;MAAAK,QAAA,gBACEP,IAAA,CAACH,OAAO;QAACa,KAAK,EAAEE,MAAM,CAACG,eAAgB;QAAAR,QAAA,EAAEC;MAAI,CAAU,CAAC,EACvD,aAAAd,cAAc,CAACa,QAAQ,CAAC,GAAGA,QAAQ,gBAAGP,IAAA,CAAAE,SAAA,IAAI,CAAC;IAAA,CAC5C;EAAC,CACa,CAAC;AAEvB,CAAC;AAED,OAAO,MAAMc,KAAK,GAAG;EACnBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMR,SAAS,GAAGjB,YAAY,CAAC,CAAC0B,KAAK,EAAE;EAAEb,QAAQ,GAAG,GAAG;EAAEE,IAAI,GAAG;AAAG,CAAC,KAAK;EACvE,OAAO;IACLG,SAAS,EAAE;MACTS,UAAU,EAAE,QAAQ;MACpBd,QAAQ,EAAEA;IACZ,CAAC;IACDM,eAAe,EAAE;MACfS,eAAe,EACbF,KAAK,CAACG,WAAW,KAAK,MAAM,GACxBH,KAAK,CAACI,cAAc,GACpBJ,KAAK,CAACK,gBAAgB;MAC5BC,YAAY,EAAE,EAAE;MAChBL,UAAU,EAAE,QAAQ;MACpBM,cAAc,EAAE,QAAQ;MACxBC,MAAM,EAAEhC,OAAO,CAAC;QAAEa,IAAI,EAAEA,IAAI;QAAEK;MAAM,CAAC,CAAC;MACtCe,KAAK,EAAEjC,OAAO,CAAC;QAAEa,IAAI,EAAEA,IAAI;QAAEK;MAAM,CAAC;IACtC;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","TouchableOpacity","createStyles","BoxView","getSize","jsx","_jsx","ActionIcon","onPress","children","variant","style","size","ref","styles","useStyles","container","iconWrapper","sizes","xs","sm","md","lg","xl","theme","sizeValue","alignItems","justifyContent","backgroundColor","currentMode","primaryBgColor","secondaryBgColor","borderRadius","height","width"],"sourceRoot":"../../../../src","sources":["components/ActionIcon/ActionIcon.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,OAAO,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWtC,OAAO,MAAMC,UAAU,gBAAGP,UAAU,CAClC,CACE;EACEQ,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,KAAK;EACLC,IAAI,GAAG;AACT,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAO,CAAC,GAAGC,SAAS,CAAC;IAAEH,IAAI;IAAEF;EAAQ,CAAC,CAAC;EAC/C,oBACEJ,IAAA,CAACL,gBAAgB;IACfY,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAC5DG,KAAK,EAAE,CAACG,MAAM,CAACE,SAAS,EAAEL,KAAK,CAAE;IAAAF,QAAA,eAEjCH,IAAA,CAACH,OAAO;MAACQ,KAAK,EAAEG,MAAM,CAACG,WAAY;MAAAR,QAAA,EAAEA;IAAQ,CAAU;EAAC,CACxC,CAAC;AAEvB,CACF,CAAC;AAED,OAAO,MAAMS,KAAK,GAAG;EACnBC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMR,SAAS,GAAGb,YAAY,CAC5B,CACEsB,KAAK,EACL;EACEZ,IAAI,GAAG,IAAI;EACXF,OAAO,GAAG;AAIZ,CAAC,KACE;EACH,MAAMe,SAAS,GAAG,OAAOb,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAGR,OAAO,CAAC;IAAEQ,IAAI;IAAEM;EAAM,CAAC,CAAC;EAE5E,OAAO;IACLF,SAAS,EAAE;MACTU,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDV,WAAW,EAAE;MACXW,eAAe,EACblB,OAAO,KAAK,aAAa,GACrB,aAAa,GACbc,KAAK,CAACK,WAAW,KAAK,MAAM,GAC1BL,KAAK,CAACM,cAAc,GACpBN,KAAK,CAACO,gBAAgB;MAC9BC,YAAY,EAAEP,SAAS,GAAG,CAAC;MAC3BC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBM,MAAM,EAAER,SAAS;MACjBS,KAAK,EAAET;IACT;EACF,CAAC;AACH,CACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Linking } from 'react-native';
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const sizes = {
+  xs: rem(12),
+  sm: rem(14),
+  md: rem(16),
+  lg: rem(18),
+  xl: rem(20)
+};
+const useStyles = createStyles((theme, {
+  color,
+  size,
+  weight,
+  underline
+}, {
+  variant
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const fontSize = sizes[size] || sizes.md;
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'link':
+        return {
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          textDecorationLine: underline ? 'underline' : 'none'
+        };
+      case 'text':
+        return {
+          color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] || theme.white : theme.black,
+          textDecorationLine: 'none'
+        };
+      default:
+        return {
+          color: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          textDecorationLine: underline ? 'underline' : 'none'
+        };
+    }
+  };
+  return {
+    root: {
+      fontSize,
+      fontWeight: weight || '400',
+      ...getVariantStyles()
+    }
+  };
+});
+const defaultProps = {
+  color: 'blue',
+  size: 'md',
+  weight: '400',
+  underline: true,
+  variant: 'link'
+};
+export const Anchor = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    color,
+    size,
+    weight,
+    underline,
+    variant,
+    href,
+    onPress,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('Anchor', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    size,
+    weight,
+    underline
+  }, {
+    name: 'Anchor',
+    variant
+  });
+  const handlePress = () => {
+    if (onPress) {
+      onPress();
+    } else if (href) {
+      Linking.openURL(href).catch(err => console.error('Failed to open URL:', err));
+    }
+  };
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    style: sx(styles.root, style),
+    onPress: handlePress,
+    ...others,
+    children: children
+  });
+});
+Anchor.displayName = 'Anchor';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Linking","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","sizes","xs","sm","md","lg","xl","useStyles","theme","color","size","weight","underline","variant","colors","primaryColor","fontSize","getVariantStyles","primaryBgColor","textDecorationLine","colorScheme","dark","white","black","root","fontWeight","defaultProps","Anchor","props","ref","href","onPress","children","style","others","styles","sx","name","handlePress","openURL","catch","err","console","error","displayName"],"sourceRoot":"../../../../src","sources":["components/Anchor/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+import React, { forwardRef, useState } 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 useStyles = createStyles(() => ({
+  root: {
+    position: 'relative',
+    width: '100%'
+  },
+  content: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    overflow: 'hidden'
+  }
+}));
+const defaultProps = {
+  ratio: 1
+};
+export const AspectRatio = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    ratio,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('AspectRatio', defaultProps, props);
+  const [width, setWidth] = useState(0);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'AspectRatio'
+  });
+  const handleLayout = event => {
+    const {
+      width: layoutWidth
+    } = event.nativeEvent.layout;
+    setWidth(layoutWidth);
+  };
+  const height = width / ratio;
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, {
+      height
+    }, style),
+    onLayout: handleLayout,
+    ...others,
+    children: /*#__PURE__*/_jsx(BoxView, {
+      style: styles.content,
+      children: children
+    })
+  });
+});
+AspectRatio.displayName = 'AspectRatio';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","BoxView","useComponentDefaultProps","createStyles","jsx","_jsx","useStyles","root","position","width","content","top","left","right","bottom","overflow","defaultProps","ratio","AspectRatio","props","ref","children","style","others","setWidth","styles","sx","name","handleLayout","event","layoutWidth","nativeEvent","layout","height","onLayout","displayName"],"sourceRoot":"../../../../src","sources":["components/AspectRatio/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,OAAO,QAAQ,qBAAY;AAEpC,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAa3C,MAAMC,SAAS,GAAGH,YAAY,CAAC,OAAO;EACpCI,IAAI,EAAE;IACJC,QAAQ,EAAE,UAAmB;IAC7BC,KAAK,EAAE;EACT,CAAC;EACDC,OAAO,EAAE;IACPF,QAAQ,EAAE,UAAmB;IAC7BG,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,YAAuC,GAAG;EAC9CC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,WAAW,gBAAGnB,UAAU,CAAwB,CAACoB,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IAAEH,KAAK;IAAEI,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGrB,wBAAwB,CACnE,aAAa,EACbc,YAAY,EACZG,KACF,CAAC;EAED,MAAM,CAACV,KAAK,EAAEe,QAAQ,CAAC,GAAGxB,QAAQ,CAAC,CAAC,CAAC;EAErC,MAAM;IAAEyB,MAAM;IAAEC;EAAE,CAAC,GAAGpB,SAAS,CAAC,CAAC,CAAC,EAAE;IAAEqB,IAAI,EAAE;EAAc,CAAC,CAAQ;EAEnE,MAAMC,YAAY,GAAIC,KAAwB,IAAK;IACjD,MAAM;MAAEpB,KAAK,EAAEqB;IAAY,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IACvDR,QAAQ,CAACM,WAAW,CAAC;EACvB,CAAC;EAED,MAAMG,MAAM,GAAGxB,KAAK,GAAGQ,KAAK;EAE5B,oBACEZ,IAAA,CAACJ,OAAO;IACNmB,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAEI,EAAE,CAACD,MAAM,CAAClB,IAAI,EAAE;MAAE0B;IAAO,CAAC,EAAEX,KAAK,CAAE;IAC1CY,QAAQ,EAAEN,YAAa;IAAA,GACnBL,MAAM;IAAAF,QAAA,eAEVhB,IAAA,CAACJ,OAAO;MAACqB,KAAK,EAAEG,MAAM,CAACf,OAAQ;MAAAW,QAAA,EAAEA;IAAQ,CAAU;EAAC,CAC7C,CAAC;AAEd,CAAC,CAAC;AAEFH,WAAW,CAACiB,WAAW,GAAG,aAAa","ignoreList":[]}

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

@@ -0,0 +1,123 @@
+"use strict";
+
+import React, { forwardRef, useState } from 'react';
+import { Image } from 'react-native';
+import { Text } from "../Text/index.js";
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const sizes = {
+  xs: rem(16),
+  sm: rem(26),
+  md: rem(38),
+  lg: rem(56),
+  xl: rem(84)
+};
+const useStyles = createStyles((theme, {
+  color,
+  radius,
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeValue = typeof size === 'number' ? 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();
+};
+export const Avatar = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    src,
+    alt,
+    size,
+    radius,
+    color,
+    children,
+    imageProps,
+    style,
+    ...others
+  } = useComponentDefaultProps('Avatar', defaultProps, props);
+  const [imageError, setImageError] = useState(false);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    size
+  }, {
+    name: 'Avatar'
+  });
+  const shouldShowImage = src && !imageError;
+  const renderPlaceholder = () => {
+    if (children) {
+      return /*#__PURE__*/_jsx(BoxView, {
+        style: styles.placeholder,
+        children: children
+      });
+    }
+    if (alt) {
+      const initials = getInitials(alt);
+      return /*#__PURE__*/_jsx(BoxView, {
+        style: styles.placeholder,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.placeholderText,
+          children: initials
+        })
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: shouldShowImage ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: src || ''
+      },
+      style: styles.image,
+      onError: () => setImageError(true),
+      ...imageProps
+    }) : renderPlaceholder()
+  });
+});
+Avatar.displayName = 'Avatar';
+//# sourceMappingURL=index.js.map