react-native-mantine 0.1.15 → 0.3.0

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

@@ -0,0 +1,193 @@
+"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(6),
+  sm: rem(8),
+  md: rem(10),
+  lg: rem(12),
+  xl: rem(16)
+};
+const useStyles = createStyles((theme, {
+  color,
+  size,
+  radius,
+  withBorder,
+  position,
+  offset,
+  disabled,
+  inline
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const indicatorSize = typeof size === 'number' ? rem(size) : sizes[size] || sizes.md;
+  const getPositionStyles = () => {
+    const offsetValue = offset || 0;
+    switch (position) {
+      case 'top-start':
+        return {
+          top: offsetValue,
+          left: offsetValue
+        };
+      case 'top-end':
+        return {
+          top: offsetValue,
+          right: offsetValue
+        };
+      case 'bottom-start':
+        return {
+          bottom: offsetValue,
+          left: offsetValue
+        };
+      case 'bottom-end':
+        return {
+          bottom: offsetValue,
+          right: offsetValue
+        };
+      case 'top-center':
+        return {
+          top: offsetValue,
+          left: '50%',
+          transform: [{
+            translateX: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'bottom-center':
+        return {
+          bottom: offsetValue,
+          left: '50%',
+          transform: [{
+            translateX: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'middle-start':
+        return {
+          top: '50%',
+          left: offsetValue,
+          transform: [{
+            translateY: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'middle-end':
+        return {
+          top: '50%',
+          right: offsetValue,
+          transform: [{
+            translateY: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      case 'middle-center':
+        return {
+          top: '50%',
+          left: '50%',
+          transform: [{
+            translateX: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }, {
+            translateY: -(typeof indicatorSize === 'number' ? indicatorSize : 10) / 2
+          }]
+        };
+      default:
+        return {
+          top: offsetValue,
+          right: offsetValue
+        };
+    }
+  };
+  return {
+    root: {
+      position: 'relative',
+      display: 'flex'
+    },
+    indicator: {
+      ...(!inline && {
+        position: 'absolute',
+        zIndex: 1,
+        ...getPositionStyles()
+      }),
+      width: indicatorSize,
+      height: indicatorSize,
+      borderRadius: theme.fn.radius(radius),
+      backgroundColor: disabled ? theme.colors.gray?.[5] || theme.colors.gray?.[6] : colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      ...(withBorder && {
+        borderWidth: 2,
+        borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[7] : theme.white
+      }),
+      alignItems: 'center',
+      justifyContent: 'center',
+      opacity: disabled ? 0.5 : 1
+    },
+    label: {
+      fontSize: rem(10),
+      fontWeight: '700',
+      color: theme.white
+    }
+  };
+});
+const defaultProps = {
+  color: 'red',
+  size: 'md',
+  radius: 'xl',
+  withBorder: false,
+  position: 'top-end',
+  offset: 0,
+  disabled: false,
+  inline: false,
+  processing: false,
+  withPulse: false
+};
+export const Indicator = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    color,
+    size,
+    radius,
+    withBorder,
+    position,
+    offset,
+    label,
+    disabled,
+    inline,
+    processing,
+    withPulse,
+    children,
+    style,
+    ...others
+  } = useComponentDefaultProps('Indicator', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    size,
+    radius,
+    withBorder,
+    position,
+    offset,
+    disabled,
+    inline
+  }, {
+    name: 'Indicator'
+  });
+  const indicator = /*#__PURE__*/_jsx(BoxView, {
+    style: styles.indicator,
+    children: label && typeof label === 'string' ? /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: label
+    }) : label
+  });
+  if (inline) {
+    return indicator;
+  }
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [indicator, children]
+  });
+});
+Indicator.displayName = 'Indicator';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Indicator/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","color","size","radius","withBorder","position","offset","disabled","inline","colors","primaryColor","indicatorSize","getPositionStyles","offsetValue","top","left","right","bottom","transform","translateX","translateY","root","display","indicator","zIndex","width","height","borderRadius","fn","backgroundColor","gray","primaryBgColor","borderWidth","borderColor","colorScheme","dark","white","alignItems","justifyContent","opacity","label","fontSize","fontWeight","defaultProps","processing","withPulse","Indicator","props","ref","children","style","others","styles","sx","name","displayName"],"sourceRoot":"../../../../src","sources":["components/Indicator/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+"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 } from "react/jsx-runtime";
+const sizes = {
+  xs: {
+    fontSize: rem(10),
+    padding: rem(2),
+    minWidth: rem(16)
+  },
+  sm: {
+    fontSize: rem(11),
+    padding: rem(3),
+    minWidth: rem(18)
+  },
+  md: {
+    fontSize: rem(12),
+    padding: rem(4),
+    minWidth: rem(20)
+  },
+  lg: {
+    fontSize: rem(14),
+    padding: rem(5),
+    minWidth: rem(24)
+  },
+  xl: {
+    fontSize: rem(16),
+    padding: rem(6),
+    minWidth: rem(28)
+  }
+};
+const useStyles = createStyles((theme, _params, {
+  size
+}) => {
+  const sizeStyles = sizes[size] || sizes.md;
+  return {
+    root: {
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[5] : (theme.colors.gray || [])[0],
+      borderWidth: 1,
+      borderBottomWidth: 2,
+      borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3],
+      borderRadius: theme.radius.sm,
+      paddingHorizontal: theme.spacing.xs,
+      paddingVertical: rem(2),
+      minWidth: sizeStyles.minWidth,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    label: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: '700',
+      fontFamily: theme.fontFamilyMonospace,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : (theme.colors.gray || [])[7]
+    }
+  };
+});
+const defaultProps = {
+  size: 'md'
+};
+export const Kbd = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    size,
+    children,
+    style,
+    ...otherProps
+  } = useComponentDefaultProps('Kbd', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'Kbd',
+    size
+  });
+  return /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...otherProps,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: children
+    })
+  });
+});
+Kbd.displayName = 'Kbd';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","sizes","xs","fontSize","padding","minWidth","sm","md","lg","xl","useStyles","theme","_params","size","sizeStyles","root","backgroundColor","colorScheme","colors","dark","gray","borderWidth","borderBottomWidth","borderColor","borderRadius","radius","paddingHorizontal","spacing","paddingVertical","alignItems","justifyContent","label","fontWeight","fontFamily","fontFamilyMonospace","color","defaultProps","Kbd","props","ref","children","style","otherProps","styles","sx","name","displayName"],"sourceRoot":"../../../../src","sources":["components/Kbd/index.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","createContext","useContext","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","ListContext","useListContext","context","Error","fontSizes","xs","sm","md","lg","xl","useListStyles","theme","withPadding","spacing","getSpacing","root","paddingLeft","item","marginBottom","useListItemStyles","size","center","flexDirection","alignItems","icon","marginRight","marginTop","iconText","fontSize","color","colorScheme","colors","dark","gray","fontWeight","minWidth","content","flex","contentText","white","black","lineHeight","defaultProps","type","listStyleType","startIndex","defaultItemProps","getListMarker","index","actualIndex","String","fromCharCode","romanNumerals","ListRoot","props","ref","children","style","others","styles","sx","name","childrenArray","Children","toArray","Provider","value","map","child","isValidElement","cloneElement","key","__index","ListItem","itemIcon","renderIcon","marker","displayName","List","Item"],"sourceRoot":"../../../../src","sources":["components/List/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Loader/Loader.js

@@ -1,36 +1,43 @@
 "use strict";
 
 import { ActivityIndicator } from 'react-native';
-import { useComponentDefaultProps } from "../../theme/theme-provider.js";
-
-// const sizes = {
-//   xs: 18,
-//   sm: 22,
-//   md: 36,
-//   lg: 44,
-//   xl: 58,
-// };
+import { useComponentDefaultProps, useTheme } from "../../theme/theme-provider.js";
+import { getSize } from "../../theme/get-size/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const sizes = {
+  xs: 18,
+  sm: 22,
+  md: 36,
+  lg: 44,
+  xl: 58
+};
 const defaultProps = {
   size: 'md'
 };
 export function Loader(props) {
+  const theme = useTheme();
   const {
     size,
     color,
     variant,
     ...others
   } = useComponentDefaultProps('Loader', defaultProps, props);
-  return /*#__PURE__*/_jsx(ActivityIndicator
-  // size={getSize({ size, sizes })}
-  // color={
-  //   theme.fn.variant({
-  //     variant: 'filled',
-  //     primaryFallback: false,
-  //     color: color || theme.primaryColor,
-  //   }).background
-  // }
-  , {
+  const loaderSize = getSize({
+    size: size || 'md',
+    sizes
+  });
+  const loaderColor = color ? theme.fn.variant({
+    variant: 'filled',
+    primaryFallback: false,
+    color: color
+  }).background : theme.fn.variant({
+    variant: 'filled',
+    primaryFallback: false,
+    color: theme.primaryColor
+  }).background;
+  return /*#__PURE__*/_jsx(ActivityIndicator, {
+    size: loaderSize,
+    color: loaderColor,
     ...others
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["ActivityIndicator","useComponentDefaultProps","jsx","_jsx","defaultProps","size","Loader","props","color","variant","others","displayName"],"sourceRoot":"../../../../src","sources":["components/Loader/Loader.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,cAAc;AAGhD,SAASC,wBAAwB,QAAQ,+BAA4B;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAaA,MAAMC,YAAkC,GAAG;EACzCC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEF,IAAI;IAAEG,KAAK;IAAEC,OAAO;IAAE,GAAGC;EAAO,CAAC,GAAGT,wBAAwB,CAClE,QAAQ,EACRG,YAAY,EACZG,KACF,CAAC;EACD,oBACEJ,IAAA,CAACH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;IAAA,GACIU;EAAM,CACX,CAAC;AAEN;AAEAJ,MAAM,CAACK,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"names":["ActivityIndicator","useComponentDefaultProps","useTheme","getSize","jsx","_jsx","sizes","xs","sm","md","lg","xl","defaultProps","size","Loader","props","theme","color","variant","others","loaderSize","loaderColor","fn","primaryFallback","background","primaryColor","displayName"],"sourceRoot":"../../../../src","sources":["components/Loader/Loader.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,cAAc;AAGhD,SAASC,wBAAwB,EAAEC,QAAQ,QAAQ,+BAA4B;AAC/E,SAASC,OAAO,QAAQ,+BAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,KAAK,GAAG;EACZC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAaD,MAAMC,YAAkC,GAAG;EACzCC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAMC,KAAK,GAAGd,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEW,IAAI;IAAEI,KAAK;IAAEC,OAAO;IAAE,GAAGC;EAAO,CAAC,GAAGlB,wBAAwB,CAClE,QAAQ,EACRW,YAAY,EACZG,KACF,CAAC;EAED,MAAMK,UAAU,GAAGjB,OAAO,CAAC;IAAEU,IAAI,EAAEA,IAAI,IAAI,IAAI;IAAEP;EAAM,CAAC,CAAW;EACnE,MAAMe,WAAW,GAAGJ,KAAK,GACrBD,KAAK,CAACM,EAAE,CAACJ,OAAO,CAAC;IACfA,OAAO,EAAE,QAAQ;IACjBK,eAAe,EAAE,KAAK;IACtBN,KAAK,EAAEA;EACT,CAAC,CAAC,CAACO,UAAU,GACbR,KAAK,CAACM,EAAE,CAACJ,OAAO,CAAC;IACfA,OAAO,EAAE,QAAQ;IACjBK,eAAe,EAAE,KAAK;IACtBN,KAAK,EAAED,KAAK,CAACS;EACf,CAAC,CAAC,CAACD,UAAU;EAEjB,oBACEnB,IAAA,CAACL,iBAAiB;IAChBa,IAAI,EAAEO,UAAW;IACjBH,KAAK,EAAEI,WAAY;IAAA,GACfF;EAAM,CACX,CAAC;AAEN;AAEAL,MAAM,CAACY,WAAW,GAAG,sBAAsB","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Overlay } from "../Overlay/index.js";
+import { Loader } from "../Loader/index.js";
+import { BoxView } from "../BoxView/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 => ({
+  root: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  loader: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{
+      translateX: -20
+    }, {
+      translateY: -20
+    }]
+  }
+}));
+const defaultProps = {
+  visible: false,
+  overlayOpacity: 0.75,
+  overlayColor: '#fff',
+  overlayBlur: 0,
+  loaderSize: 'md',
+  radius: 0,
+  zIndex: 1000,
+  transitionDuration: 200
+};
+export const LoadingOverlay = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    visible,
+    overlayOpacity,
+    overlayColor,
+    overlayBlur,
+    loaderSize,
+    radius,
+    zIndex,
+    transitionDuration,
+    style,
+    ...others
+  } = useComponentDefaultProps('LoadingOverlay', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'LoadingOverlay'
+  });
+  if (!visible) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [/*#__PURE__*/_jsx(Overlay, {
+      opacity: overlayOpacity,
+      color: overlayColor,
+      blur: overlayBlur,
+      radius: radius,
+      zIndex: zIndex
+    }), /*#__PURE__*/_jsx(BoxView, {
+      style: styles.loader,
+      children: /*#__PURE__*/_jsx(Loader, {
+        size: loaderSize
+      })
+    })]
+  });
+});
+LoadingOverlay.displayName = 'LoadingOverlay';
+//# sourceMappingURL=index.js.map