react-native-mantine 0.1.15 → 0.2.0

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

@@ -0,0 +1,65 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { BoxView } from "../BoxView/index.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { Dimensions } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SIZES = {
+  xs: 540,
+  sm: 720,
+  md: 960,
+  lg: 1140,
+  xl: 1320
+};
+
+/**
+ * Container component provides max-width constraint and centers content
+ */
+export const Container = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    size = 'md',
+    fluid = false,
+    px = 'md',
+    py,
+    ...others
+  } = props;
+  const theme = useTheme();
+  const screenWidth = Dimensions.get('window').width;
+
+  // Get max width based on size prop
+  const getMaxWidth = () => {
+    if (fluid) {
+      return '100%';
+    }
+    if (typeof size === 'number') {
+      return Math.min(size, screenWidth);
+    }
+    const maxWidth = SIZES[size] || SIZES.md;
+    return Math.min(maxWidth, screenWidth);
+  };
+
+  // Get padding value from theme or use number directly
+  const getPadding = value => {
+    if (value === undefined) return undefined;
+    if (typeof value === 'number') return value;
+    return theme.spacing[value] || 0;
+  };
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: [{
+      maxWidth: getMaxWidth(),
+      width: '100%',
+      marginLeft: 'auto',
+      marginRight: 'auto',
+      paddingHorizontal: getPadding(px),
+      paddingVertical: getPadding(py)
+    }, style],
+    ...others,
+    children: children
+  });
+});
+Container.displayName = 'Container';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","BoxView","useTheme","Dimensions","jsx","_jsx","SIZES","xs","sm","md","lg","xl","Container","props","ref","children","style","size","fluid","px","py","others","theme","screenWidth","get","width","getMaxWidth","Math","min","maxWidth","getPadding","value","undefined","spacing","marginLeft","marginRight","paddingHorizontal","paddingVertical","displayName"],"sourceRoot":"../../../../src","sources":["components/Container/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,OAAO,QAAQ,qBAAY;AAGpC,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmB1C,MAAMC,KAAK,GAAG;EACZC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE;AACN,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGZ,UAAU,CAAsB,CAACa,KAAK,EAAEC,GAAG,KAAK;EACvE,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,IAAI,GAAG,IAAI;IACXC,KAAK,GAAG,KAAK;IACbC,EAAE,GAAG,IAAI;IACTC,EAAE;IACF,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,KAAK,GAAGpB,QAAQ,CAAC,CAAC;EACxB,MAAMqB,WAAW,GAAGpB,UAAU,CAACqB,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;;EAElD;EACA,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIR,KAAK,EAAE;MACT,OAAO,MAAM;IACf;IAEA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAOU,IAAI,CAACC,GAAG,CAACX,IAAI,EAAEM,WAAW,CAAC;IACpC;IAEA,MAAMM,QAAQ,GAAGvB,KAAK,CAACW,IAAI,CAAuB,IAAIX,KAAK,CAACG,EAAE;IAC9D,OAAOkB,IAAI,CAACC,GAAG,CAACC,QAAQ,EAAEN,WAAW,CAAC;EACxC,CAAC;;EAED;EACA,MAAMO,UAAU,GAAIC,KAA6C,IAAK;IACpE,IAAIA,KAAK,KAAKC,SAAS,EAAE,OAAOA,SAAS;IACzC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;IAC3C,OAAOT,KAAK,CAACW,OAAO,CAACF,KAAK,CAA+B,IAAI,CAAC;EAChE,CAAC;EAED,oBACE1B,IAAA,CAACJ,OAAO;IACNa,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAE,CACL;MACEa,QAAQ,EAAEH,WAAW,CAAC,CAAC;MACvBD,KAAK,EAAE,MAAM;MACbS,UAAU,EAAE,MAAM;MAClBC,WAAW,EAAE,MAAM;MACnBC,iBAAiB,EAAEN,UAAU,CAACX,EAAE,CAAC;MACjCkB,eAAe,EAAEP,UAAU,CAACV,EAAE;IAChC,CAAC,EACDJ,KAAK,CACL;IAAA,GACEK,MAAM;IAAAN,QAAA,EAETA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEFH,SAAS,CAAC0B,WAAW,GAAG,WAAW","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+import React, { forwardRef, useState, useEffect, useRef } from 'react';
+import * as Clipboard from 'expo-clipboard';
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const defaultProps = {
+  timeout: 1000
+};
+export const CopyButton = /*#__PURE__*/forwardRef(props => {
+  const {
+    value,
+    timeout,
+    children
+  } = useComponentDefaultProps('CopyButton', defaultProps, props);
+  const [copied, setCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  const copy = async () => {
+    try {
+      await Clipboard.setStringAsync(value);
+      setCopied(true);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        setCopied(false);
+        timeoutRef.current = null;
+      }, timeout);
+    } catch (error) {
+      console.error('Failed to copy to clipboard:', error);
+    }
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children({
+      copied,
+      copy
+    })
+  });
+});
+CopyButton.displayName = 'CopyButton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useState","useEffect","useRef","Clipboard","useComponentDefaultProps","Fragment","_Fragment","jsx","_jsx","defaultProps","timeout","CopyButton","props","value","children","copied","setCopied","timeoutRef","current","clearTimeout","copy","setStringAsync","setTimeout","error","console","displayName"],"sourceRoot":"../../../../src","sources":["components/CopyButton/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtE,OAAO,KAAKC,SAAS,MAAM,gBAAgB;AAE3C,SAASC,wBAAwB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAatE,MAAMC,YAAsC,GAAG;EAC7CC,OAAO,EAAE;AACX,CAAC;AAED,OAAO,MAAMC,UAAU,gBAAGZ,UAAU,CAAwBa,KAAK,IAAK;EACpE,MAAM;IAAEC,KAAK;IAAEH,OAAO;IAAEI;EAAS,CAAC,GAAGV,wBAAwB,CAC3D,YAAY,EACZK,YAAY,EACZG,KACF,CAAC;EAED,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAMiB,UAAU,GAAGf,MAAM,CAAwB,IAAI,CAAC;EAEtDD,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX,IAAIgB,UAAU,CAACC,OAAO,EAAE;QACtBC,YAAY,CAACF,UAAU,CAACC,OAAO,CAAC;MAClC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,IAAI,GAAG,MAAAA,CAAA,KAAY;IACvB,IAAI;MACF,MAAMjB,SAAS,CAACkB,cAAc,CAACR,KAAK,CAAC;MACrCG,SAAS,CAAC,IAAI,CAAC;MAEf,IAAIC,UAAU,CAACC,OAAO,EAAE;QACtBC,YAAY,CAACF,UAAU,CAACC,OAAO,CAAC;MAClC;MAEAD,UAAU,CAACC,OAAO,GAAGI,UAAU,CAAC,MAAM;QACpCN,SAAS,CAAC,KAAK,CAAC;QAChBC,UAAU,CAACC,OAAO,GAAG,IAAI;MAC3B,CAAC,EAAER,OAAO,CAAC;IACb,CAAC,CAAC,OAAOa,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,8BAA8B,EAAEA,KAAK,CAAC;IACtD;EACF,CAAC;EAED,oBAAOf,IAAA,CAAAF,SAAA;IAAAQ,QAAA,EAAGA,QAAQ,CAAC;MAAEC,MAAM;MAAEK;IAAK,CAAC;EAAC,CAAG,CAAC;AAC1C,CAAC,CAAC;AAEFT,UAAU,CAACc,WAAW,GAAG,YAAY","ignoreList":[]}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { Paper } from "../Paper/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: 200,
+  sm: 280,
+  md: 360,
+  lg: 440,
+  xl: 560
+};
+const useStyles = createStyles((_theme, {
+  size,
+  position
+}) => {
+  const getSize = () => {
+    if (typeof size === 'number') return rem(size);
+    const sizeKey = size;
+    return rem(sizes[sizeKey] || sizes.md);
+  };
+  const defaultPosition = {
+    bottom: 20,
+    right: 20
+  };
+  const finalPosition = position || defaultPosition;
+  const posTop = 'top' in finalPosition ? finalPosition.top : undefined;
+  const posBottom = 'bottom' in finalPosition ? finalPosition.bottom : undefined;
+  const posLeft = 'left' in finalPosition ? finalPosition.left : undefined;
+  const posRight = 'right' in finalPosition ? finalPosition.right : undefined;
+  return {
+    root: {
+      position: 'absolute',
+      width: getSize(),
+      maxWidth: '90%',
+      zIndex: 1000,
+      ...(posTop !== undefined && {
+        top: rem(posTop)
+      }),
+      ...(posBottom !== undefined && {
+        bottom: rem(posBottom)
+      }),
+      ...(posLeft !== undefined && {
+        left: rem(posLeft)
+      }),
+      ...(posRight !== undefined && {
+        right: rem(posRight)
+      })
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  padding: 'md',
+  radius: 'md',
+  withShadow: true,
+  withBorder: false,
+  transitionDuration: 200
+};
+export const Dialog = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    opened,
+    children,
+    size,
+    padding,
+    radius,
+    position,
+    withShadow,
+    withBorder,
+    style,
+    transitionDuration,
+    ...otherProps
+  } = useComponentDefaultProps('Dialog', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    position
+  }, {
+    name: 'Dialog'
+  });
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const slideAnim = useRef(new Animated.Value(50)).current;
+  useEffect(() => {
+    if (opened) {
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }), Animated.spring(slideAnim, {
+        toValue: 0,
+        useNativeDriver: true,
+        friction: 8
+      })]).start();
+    } else {
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }), Animated.timing(slideAnim, {
+        toValue: 50,
+        duration: transitionDuration,
+        useNativeDriver: true
+      })]).start();
+    }
+  }, [opened, fadeAnim, slideAnim, transitionDuration]);
+  if (!opened) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: [sx(styles.root, style), {
+      opacity: fadeAnim,
+      transform: [{
+        translateY: slideAnim
+      }]
+    }],
+    ...otherProps,
+    children: /*#__PURE__*/_jsx(Paper, {
+      shadow: withShadow ? 'lg' : undefined,
+      radius: radius,
+      p: padding,
+      withBorder: withBorder,
+      children: children
+    })
+  });
+});
+Dialog.displayName = 'Dialog';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","Animated","Paper","useComponentDefaultProps","createStyles","rem","jsx","_jsx","sizes","xs","sm","md","lg","xl","useStyles","_theme","size","position","getSize","sizeKey","defaultPosition","bottom","right","finalPosition","posTop","top","undefined","posBottom","posLeft","left","posRight","root","width","maxWidth","zIndex","defaultProps","padding","radius","withShadow","withBorder","transitionDuration","Dialog","props","ref","opened","children","style","otherProps","styles","sx","name","fadeAnim","Value","current","slideAnim","parallel","timing","toValue","duration","useNativeDriver","spring","friction","start","View","opacity","transform","translateY","shadow","p","displayName"],"sourceRoot":"../../../../src","sources":["components/Dialog/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,142 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+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 { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizes = {
+  xs: rem(1),
+  sm: rem(2),
+  md: rem(3),
+  lg: rem(4),
+  xl: rem(5)
+};
+const useStyles = createStyles((theme, {
+  orientation,
+  color,
+  size,
+  variant,
+  labelPosition
+}) => {
+  const lineColor = color && theme.colors[color] ? (theme.colors[color] || [])[3] : theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3];
+  const lineSize = typeof size === 'number' ? rem(size) : sizes[size] || sizes.sm;
+  const getBorderStyle = () => {
+    if (variant === 'dashed') {
+      return 'dashed';
+    }
+    if (variant === 'dotted') {
+      return 'dotted';
+    }
+    return 'solid';
+  };
+  const isHorizontal = orientation === 'horizontal';
+  return {
+    root: {
+      flexDirection: isHorizontal ? 'row' : 'column',
+      alignItems: 'center',
+      ...(isHorizontal ? {
+        width: '100%',
+        height: lineSize
+      } : {
+        height: '100%',
+        width: lineSize
+      })
+    },
+    line: {
+      ...(isHorizontal ? {
+        height: lineSize,
+        borderBottomWidth: lineSize,
+        borderBottomColor: lineColor,
+        borderStyle: getBorderStyle()
+      } : {
+        width: lineSize,
+        borderLeftWidth: lineSize,
+        borderLeftColor: lineColor,
+        borderStyle: getBorderStyle()
+      })
+    },
+    withLabel: {
+      flex: 1
+    },
+    labelContainer: {
+      paddingHorizontal: isHorizontal ? theme.spacing.xs : 0,
+      paddingVertical: isHorizontal ? 0 : theme.spacing.xs
+    },
+    label: {
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[1] : (theme.colors.gray || [])[7]
+    },
+    lineLeft: {
+      ...(labelPosition === 'left' ? {
+        flex: 0.3
+      } : {
+        flex: 1
+      })
+    },
+    lineRight: {
+      ...(labelPosition === 'right' ? {
+        flex: 0.3
+      } : {
+        flex: 1
+      })
+    }
+  };
+});
+const defaultProps = {
+  orientation: 'horizontal',
+  size: 'sm',
+  labelPosition: 'center',
+  variant: 'solid'
+};
+export const Divider = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    orientation,
+    color,
+    size,
+    label,
+    labelPosition,
+    variant,
+    style,
+    ...others
+  } = useComponentDefaultProps('Divider', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    orientation,
+    color,
+    size,
+    variant,
+    labelPosition
+  }, {
+    name: 'Divider'
+  });
+  if (!label) {
+    return /*#__PURE__*/_jsx(BoxView, {
+      ref: ref,
+      style: sx(styles.root, styles.line, style),
+      ...others
+    });
+  }
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [/*#__PURE__*/_jsx(BoxView, {
+      style: [styles.line, styles.withLabel, styles.lineLeft]
+    }), /*#__PURE__*/_jsx(BoxView, {
+      style: styles.labelContainer,
+      children: typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: label
+      }) : label
+    }), /*#__PURE__*/_jsx(BoxView, {
+      style: [styles.line, styles.withLabel, styles.lineRight]
+    })]
+  });
+});
+Divider.displayName = 'Divider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","sm","md","lg","xl","useStyles","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","props","ref","style","others","styles","sx","name","children","displayName"],"sourceRoot":"../../../../src","sources":["components/Divider/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,246 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef } from 'react';
+import { Modal as RNModal, TouchableOpacity, Animated, Dimensions, ScrollView } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { Overlay } from "../Overlay/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 sizes = {
+  xs: 180,
+  sm: 240,
+  md: 320,
+  lg: 420,
+  xl: 560
+};
+const useStyles = createStyles((theme, {
+  size,
+  padding,
+  position
+}) => {
+  const getPadding = () => {
+    if (padding === undefined) return theme.spacing.md;
+    if (typeof padding === 'number') return rem(padding);
+    return theme.spacing[padding] || theme.spacing.md;
+  };
+  const getSize = () => {
+    if (typeof size === 'number') return rem(size);
+    return 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: rem(32),
+      height: rem(32),
+      borderRadius: rem(16),
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[1],
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginLeft: theme.spacing.md
+    },
+    closeButtonText: {
+      fontSize: 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
+};
+export const Drawer = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    opened,
+    onClose,
+    title,
+    children,
+    size,
+    padding,
+    position,
+    closeOnClickOutside,
+    withOverlay,
+    overlayOpacity,
+    overlayColor,
+    withCloseButton,
+    style,
+    transitionDuration,
+    ...others
+  } = useComponentDefaultProps('Drawer', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size: size,
+    padding: padding,
+    position: position
+  }, {
+    name: 'Drawer'
+  });
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const slideAnim = useRef(new Animated.Value(0)).current;
+  const getSlideValue = () => {
+    const screenWidth = Dimensions.get('window').width;
+    const screenHeight = 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;
+    }
+  };
+  useEffect(() => {
+    if (opened) {
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }), 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__*/_jsxs(RNModal, {
+    visible: opened,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: [withOverlay && /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        flex: 1,
+        opacity: fadeAnim
+      },
+      children: /*#__PURE__*/_jsx(Overlay, {
+        opacity: overlayOpacity,
+        color: overlayColor,
+        onPress: handleOverlayPress,
+        style: {
+          position: 'absolute'
+        }
+      })
+    }), /*#__PURE__*/_jsx(BoxView, {
+      style: styles.overlay,
+      pointerEvents: "box-none",
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        ref: ref,
+        style: [sx(styles.container, style), {
+          opacity: fadeAnim,
+          transform: getTransform()
+        }],
+        ...others,
+        children: [(title || withCloseButton) && /*#__PURE__*/_jsxs(BoxView, {
+          style: styles.header,
+          children: [typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
+            style: styles.title,
+            children: title
+          }) : title, withCloseButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.closeButton,
+            onPress: onClose,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.closeButtonText,
+              children: "\xD7"
+            })
+          })]
+        }), /*#__PURE__*/_jsx(ScrollView, {
+          style: styles.body,
+          showsVerticalScrollIndicator: false,
+          children: children
+        })]
+      })
+    })]
+  });
+});
+Drawer.displayName = 'Drawer';
+//# sourceMappingURL=index.js.map