react-native-system-ui 1.0.2 → 1.0.4

package/dist/es/components/dialog/tokens.js

@@ -1,57 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createDialogTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    radii,
-    fontSize,
-    typography
-  } = foundations;
-  const onSurface = palette.default[900];
-  const secondary = palette.default[600];
-  return {
-    colors: {
-      background: '#ffffff',
-      title: onSurface,
-      message: secondary,
-      divider: palette.default[200],
-      cancel: palette.default[700],
-      confirm: palette.danger[500],
-      closeIcon: palette.default[500]
-    },
-    spacing: {
-      paddingHorizontal: spacing.lg,
-      paddingTop: spacing.lg,
-      paddingBottom: spacing.md,
-      titlePaddingTop: 22,
-      titleIsolatedPadding: spacing.lg,
-      messagePadding: 20,
-      messagePaddingTop: spacing.xs,
-      messagePaddingHorizontal: spacing.lg,
-      titleGap: spacing.sm,
-      footerGap: spacing.md,
-      roundFooterPadding: spacing.md,
-      roundFooterGap: spacing.sm,
-      closeIconPadding: spacing.xs
-    },
-    sizes: {
-      minWidth: 280,
-      maxWidth: 360,
-      borderRadius: radii.lg,
-      closeSize: 20,
-      actionHeight: 48,
-      roundButtonHeight: 40
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      titleSize: fontSize.md,
-      titleLineHeight: fontSize.md * typography.lineHeightMultiplier,
-      titleWeight: typography.weight.semiBold,
-      messageSize: fontSize.sm,
-      messageLineHeight: fontSize.sm * typography.lineHeightMultiplier,
-      actionSize: fontSize.md,
-      actionWeight: typography.weight.medium
-    }
-  };
-};
-export const useDialogTokens = createComponentTokensHook('dialog', createDialogTokens);
+import{createComponentTokensHook}from"../../design-system";export const createDialogTokens=e=>{const{palette:i,spacing:t,radii:o,fontSize:a,typography:n}=e;return{colors:{background:e.surface??"#ffffff",title:i.default[900],message:i.default[600],divider:i.default[200],cancel:i.default[700],confirm:i.danger[500],closeIcon:i.default[500]},spacing:{paddingHorizontal:t.lg,paddingTop:t.lg,paddingBottom:t.md,titlePaddingTop:22,titleIsolatedPadding:t.lg,messagePadding:20,messagePaddingTop:t.xs,messagePaddingHorizontal:t.lg,titleGap:t.sm,footerGap:t.md,roundFooterPadding:t.md,roundFooterGap:t.sm,closeIconPadding:t.xs},sizes:{minWidth:280,maxWidth:360,borderRadius:o.lg,closeSize:20,actionHeight:48,roundButtonHeight:40},typography:{fontFamily:n.fontFamily,titleSize:a.md,titleLineHeight:a.md*n.lineHeightMultiplier,titleWeight:n.weight.semiBold,messageSize:a.sm,messageLineHeight:a.sm*n.lineHeightMultiplier,actionSize:a.md,actionWeight:n.weight.medium}}};export const useDialogTokens=createComponentTokensHook("dialog",createDialogTokens);

package/dist/es/components/divider/Divider.js

@@ -1,107 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { View } from 'react-native';
-import { createHairlineView, isRenderable, renderTextOrNode } from '../../utils';
-import { useDividerTokens } from './tokens';
-const DividerImpl = props => {
-  const {
-    tokensOverride,
-    children,
-    type: typeP,
-    orientation: oriP,
-    dashed: dashP,
-    hairline: hlP,
-    contentPosition: posP,
-    textStyle,
-    contentStyle,
-    lineColor,
-    style,
-    ...rest
-  } = props;
-  const tokens = useDividerTokens(tokensOverride);
-  const dash = dashP ?? tokens.defaults.dashed;
-  const hl = hlP ?? tokens.defaults.hairline;
-  const pos = posP ?? tokens.defaults.contentPosition;
-  const ori = typeP ?? oriP ?? 'horizontal';
-  const clr = lineColor ?? tokens.colors.line;
-  const bStyle = dash ? 'dashed' : 'solid';
-  const hasCnt = ori === 'horizontal' && isRenderable(children);
-  const cnt = hasCnt ? renderTextOrNode(children, [tokens.layout.text, {
-    color: tokens.colors.text,
-    fontSize: tokens.typography.fontSize,
-    lineHeight: tokens.typography.lineHeight,
-    fontFamily: tokens.typography.fontFamily,
-    fontWeight: tokens.typography.fontWeight
-  }, textStyle]) : null;
-  const leftG = pos === 'left' ? tokens.sizing.sideMinFlex : 1;
-  const rightG = pos === 'right' ? tokens.sizing.sideMinFlex : 1;
-  const line = g => hl ? /*#__PURE__*/React.createElement(View, {
-    style: [tokens.layout.hairlineWrapper, {
-      flexGrow: g
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [createHairlineView({
-      position: 'bottom',
-      color: clr,
-      left: 0,
-      right: 0,
-      bottom: 0
-    }), {
-      borderStyle: bStyle
-    }]
-  })) : /*#__PURE__*/React.createElement(View, {
-    style: {
-      flexGrow: g,
-      flexShrink: 1,
-      height: tokens.borders.thickness,
-      borderBottomWidth: tokens.borders.thickness,
-      borderBottomColor: clr,
-      borderStyle: bStyle
-    }
-  });
-  if (ori === 'vertical') {
-    const vLine = hl ? /*#__PURE__*/React.createElement(View, {
-      style: [tokens.layout.hairlineWrapper, {
-        width: tokens.borders.thickness,
-        height: '100%'
-      }]
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [createHairlineView({
-        position: 'left',
-        color: clr,
-        top: 0,
-        bottom: 0,
-        left: 0
-      }), {
-        borderStyle: bStyle
-      }]
-    })) : /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: tokens.borders.thickness,
-        height: '100%',
-        borderLeftWidth: tokens.borders.thickness,
-        borderLeftColor: clr,
-        borderStyle: bStyle
-      }
-    });
-    return /*#__PURE__*/React.createElement(View, _extends({
-      accessibilityRole: 'separator',
-      style: [tokens.layout.container, {
-        marginVertical: tokens.spacing.vertical,
-        flexDirection: 'column'
-      }, style]
-    }, rest), vLine);
-  }
-  return /*#__PURE__*/React.createElement(View, _extends({
-    accessibilityRole: 'separator',
-    style: [tokens.layout.container, {
-      marginVertical: tokens.spacing.vertical
-    }, style]
-  }, rest), line(hasCnt ? leftG : 1), hasCnt && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    style: [tokens.layout.contentWrapper, {
-      paddingHorizontal: tokens.spacing.contentPadding
-    }, contentStyle]
-  }, cnt), line(rightG)));
-};
-export const Divider = /*#__PURE__*/React.memo(DividerImpl);
-Divider.displayName = 'Divider';
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}import React from"react";import{View}from"react-native";import{createHairlineView,isRenderable,renderTextOrNode}from"../../utils";import{useDividerTokens}from"./tokens";const DividerImpl=e=>{const{tokensOverride:t,children:r,type:i,orientation:o,dashed:n,hairline:l,contentPosition:a,textStyle:s,contentStyle:c,lineColor:d,style:h,...y}=e,p=useDividerTokens(t),m=n??p.defaults.dashed,f=l??p.defaults.hairline,g=a??p.defaults.contentPosition,b=i??o??"horizontal",u=d??p.colors.line,w=m?"dashed":"solid",x="horizontal"===b&&isRenderable(r),R=x?renderTextOrNode(r,[p.layout.text,{color:p.colors.text,fontSize:p.typography.fontSize,lineHeight:p.typography.lineHeight,fontFamily:p.typography.fontFamily,fontWeight:p.typography.fontWeight},s]):null,v="left"===g?p.sizing.sideMinFlex:1,V="right"===g?p.sizing.sideMinFlex:1,k=e=>f?React.createElement(View,{style:[p.layout.hairlineWrapper,{flexGrow:e}]},React.createElement(View,{style:[createHairlineView({position:"bottom",color:u,left:0,right:0,bottom:0}),{borderStyle:w}]})):React.createElement(View,{style:{flexGrow:e,flexShrink:1,height:p.borders.thickness,borderBottomWidth:p.borders.thickness,borderBottomColor:u,borderStyle:w}});if("vertical"===b){const e=f?React.createElement(View,{style:[p.layout.hairlineWrapper,{width:p.borders.thickness,height:"100%"}]},React.createElement(View,{style:[createHairlineView({position:"left",color:u,top:0,bottom:0,left:0}),{borderStyle:w}]})):React.createElement(View,{style:{width:p.borders.thickness,height:"100%",borderLeftWidth:p.borders.thickness,borderLeftColor:u,borderStyle:w}});return React.createElement(View,_extends({accessibilityRole:"separator",style:[p.layout.container,{marginVertical:p.spacing.vertical,flexDirection:"column"},h]},y),e)}return React.createElement(View,_extends({accessibilityRole:"separator",style:[p.layout.container,{marginVertical:p.spacing.vertical},h]},y),k(x?v:1),x&&React.createElement(React.Fragment,null,React.createElement(View,{style:[p.layout.contentWrapper,{paddingHorizontal:p.spacing.contentPadding},c]},R),k(V)))};export const Divider=React.memo(DividerImpl);Divider.displayName="Divider";

package/dist/es/components/divider/index.js

@@ -1,2 +1 @@
-import { Divider } from './Divider';
-export default Divider;
+import{Divider}from"./Divider";export default Divider;

package/dist/es/components/divider/tokens.js

@@ -1,55 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createDividerTokens = foundations => {
-  const {
-    palette,
-    fontSize,
-    typography,
-    spacing
-  } = foundations;
-  return {
-    defaults: {
-      dashed: false,
-      hairline: true,
-      contentPosition: 'center'
-    },
-    layout: {
-      container: {
-        width: '100%',
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      contentWrapper: {
-        justifyContent: 'center'
-      },
-      text: {
-        textAlign: 'center'
-      },
-      hairlineWrapper: {
-        flexShrink: 1,
-        height: 1,
-        position: 'relative'
-      }
-    },
-    colors: {
-      line: palette.default[200],
-      text: palette.default[600]
-    },
-    typography: {
-      fontSize: fontSize.sm,
-      lineHeight: fontSize.sm * typography.lineHeightMultiplier,
-      fontFamily: typography.fontFamily,
-      fontWeight: typography.weight.medium
-    },
-    sizing: {
-      sideMinFlex: 0.18
-    },
-    borders: {
-      thickness: 1
-    },
-    spacing: {
-      vertical: spacing.md,
-      contentPadding: spacing.sm
-    }
-  };
-};
-export const useDividerTokens = createComponentTokensHook('divider', createDividerTokens);
+import{createComponentTokensHook}from"../../design-system";export const createDividerTokens=e=>{const{palette:t,fontSize:i,typography:n,spacing:o}=e;return{defaults:{dashed:!1,hairline:!0,contentPosition:"center"},layout:{container:{width:"100%",flexDirection:"row",alignItems:"center"},contentWrapper:{justifyContent:"center"},text:{textAlign:"center"},hairlineWrapper:{flexShrink:1,height:1,position:"relative"}},colors:{line:t.default[200],text:t.default[600]},typography:{fontSize:i.sm,lineHeight:i.sm*n.lineHeightMultiplier,fontFamily:n.fontFamily,fontWeight:n.weight.medium},sizing:{sideMinFlex:.18},borders:{thickness:1},spacing:{vertical:o.md,contentPadding:o.sm}}};export const useDividerTokens=createComponentTokensHook("divider",createDividerTokens);

package/dist/es/components/empty/Empty.js

@@ -1,100 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { Text, View } from 'react-native';
-import { Description, Fail, Search } from 'react-native-system-icon';
-import { isRenderable, isString, isText, renderTextOrNode } from '../../utils';
-import Image from '../image';
-import { useEmptyTokens } from './tokens';
-const PRESET_ICONS = {
-  default: Description,
-  error: Fail,
-  network: Fail,
-  search: Search
-};
-const EmptyImpl = props => {
-  const {
-    tokensOverride,
-    image: imgP,
-    imageSize: sizeP,
-    imageStyle,
-    description,
-    descriptionStyle,
-    children,
-    style,
-    gap: gapP,
-    ...rest
-  } = props;
-  const tokens = useEmptyTokens(tokensOverride);
-  const img = imgP ?? tokens.defaults.image;
-  const gap = gapP ?? tokens.defaults.gap;
-  const imgSize = sizeP ?? tokens.sizing.image;
-  const rImg = () => {
-    if (/*#__PURE__*/React.isValidElement(img)) return /*#__PURE__*/React.createElement(View, {
-      style: [tokens.layout.imageWrapper, {
-        width: imgSize,
-        height: imgSize
-      }, imageStyle]
-    }, img);
-    if (isString(img)) {
-      if (/^https?:/.test(img)) return /*#__PURE__*/React.createElement(Image, {
-        src: img,
-        width: imgSize,
-        height: imgSize,
-        fit: "contain",
-        showLoading: false,
-        showError: false,
-        containerStyle: [{
-          backgroundColor: tokens.colors.imageBackground
-        }, imageStyle]
-      });
-      const Icon = PRESET_ICONS[img] || PRESET_ICONS.default;
-      return /*#__PURE__*/React.createElement(View, {
-        style: [tokens.layout.imageWrapper, {
-          width: imgSize,
-          height: imgSize
-        }, imageStyle]
-      }, /*#__PURE__*/React.createElement(Icon, {
-        size: imgSize * tokens.sizing.iconScale,
-        color: tokens.colors.icon
-      }));
-    }
-    ;
-    return null;
-  };
-  const rDesc = () => {
-    if (!isRenderable(description)) return null;
-    if (isText(description)) return /*#__PURE__*/React.createElement(Text, {
-      style: [tokens.layout.descriptionText, {
-        marginTop: gap,
-        paddingHorizontal: tokens.spacing.descriptionPaddingHorizontal,
-        color: tokens.colors.description,
-        fontSize: tokens.typography.descriptionSize,
-        lineHeight: tokens.typography.descriptionLineHeight,
-        fontFamily: tokens.typography.descriptionFontFamily,
-        fontWeight: tokens.typography.descriptionFontWeight
-      }, descriptionStyle]
-    }, description);
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        marginTop: gap,
-        paddingHorizontal: tokens.spacing.descriptionPaddingHorizontal
-      }
-    }, description);
-  };
-  const footStyle = {
-    fontFamily: tokens.typography.descriptionFontFamily,
-    fontSize: tokens.typography.descriptionSize,
-    fontWeight: tokens.typography.descriptionFontWeight
-  };
-  return /*#__PURE__*/React.createElement(View, _extends({
-    accessibilityRole: "summary",
-    accessibilityLabel: isText(description) ? String(description) : undefined,
-    style: [tokens.layout.container, style]
-  }, rest), rImg(), rDesc(), isRenderable(children) && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginTop: tokens.spacing.footerMarginTop
-    }
-  }, renderTextOrNode(children, footStyle)));
-};
-export const Empty = /*#__PURE__*/React.memo(EmptyImpl);
-Empty.displayName = 'Empty';
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)({}).hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},_extends.apply(null,arguments)}import React from"react";import{Text,View}from"react-native";import{Description,Fail,Search}from"react-native-system-icon";import{isRenderable,isString,isText,renderTextOrNode}from"../../utils";import Image from"../image";import{useEmptyTokens}from"./tokens";const PRESET_ICONS={default:Description,error:Fail,network:Fail,search:Search},EmptyImpl=e=>{const{tokensOverride:t,image:i,imageSize:r,imageStyle:n,description:o,descriptionStyle:a,children:s,style:c,gap:l,...p}=e,m=useEmptyTokens(t),g=i??m.defaults.image,d=l??m.defaults.gap,y=r??m.sizing.image,h={fontFamily:m.typography.descriptionFontFamily,fontSize:m.typography.descriptionSize,fontWeight:m.typography.descriptionFontWeight};return React.createElement(View,_extends({accessibilityRole:"summary",accessibilityLabel:isText(o)?String(o):void 0,style:[m.layout.container,c]},p),(()=>{if(React.isValidElement(g))return React.createElement(View,{style:[m.layout.imageWrapper,{width:y,height:y},n]},g);if(isString(g)){if(/^https?:/.test(g))return React.createElement(Image,{src:g,width:y,height:y,fit:"contain",showLoading:!1,showError:!1,containerStyle:[{backgroundColor:m.colors.imageBackground},n]});const e=PRESET_ICONS[g]||PRESET_ICONS.default;return React.createElement(View,{style:[m.layout.imageWrapper,{width:y,height:y},n]},React.createElement(e,{size:y*m.sizing.iconScale,color:m.colors.icon}))}return null})(),isRenderable(o)?isText(o)?React.createElement(Text,{style:[m.layout.descriptionText,{marginTop:d,paddingHorizontal:m.spacing.descriptionPaddingHorizontal,color:m.colors.description,fontSize:m.typography.descriptionSize,lineHeight:m.typography.descriptionLineHeight,fontFamily:m.typography.descriptionFontFamily,fontWeight:m.typography.descriptionFontWeight},a]},o):React.createElement(View,{style:{marginTop:d,paddingHorizontal:m.spacing.descriptionPaddingHorizontal}},o):null,isRenderable(s)&&React.createElement(View,{style:{marginTop:m.spacing.footerMarginTop}},renderTextOrNode(s,h)))};export const Empty=React.memo(EmptyImpl);Empty.displayName="Empty";

package/dist/es/components/empty/index.js

@@ -1,2 +1 @@
-import { Empty } from './Empty';
-export default Empty;
+import{Empty}from"./Empty";export default Empty;

package/dist/es/components/empty/tokens.js

@@ -1,48 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createEmptyTokens = foundations => {
-  const paddingVertical = foundations.spacing.xl;
-  const paddingHorizontal = 0;
-  const gap = foundations.spacing.lg;
-  return {
-    defaults: {
-      image: 'default',
-      gap
-    },
-    layout: {
-      container: {
-        width: '100%',
-        paddingVertical,
-        paddingHorizontal,
-        alignItems: 'center'
-      },
-      imageWrapper: {
-        alignItems: 'center',
-        justifyContent: 'center'
-      },
-      descriptionText: {
-        textAlign: 'center'
-      },
-      footer: {}
-    },
-    colors: {
-      description: foundations.palette.default[500],
-      icon: foundations.palette.default[300],
-      imageBackground: 'transparent'
-    },
-    typography: {
-      descriptionSize: foundations.fontSize.sm,
-      descriptionLineHeight: 20,
-      descriptionFontFamily: foundations.typography.fontFamily,
-      descriptionFontWeight: foundations.typography.weight.regular
-    },
-    sizing: {
-      image: 160,
-      iconScale: 0.6
-    },
-    spacing: {
-      descriptionPaddingHorizontal: 60,
-      footerMarginTop: 24
-    }
-  };
-};
-export const useEmptyTokens = createComponentTokensHook('empty', createEmptyTokens);
+import{createComponentTokensHook}from"../../design-system";export const createEmptyTokens=e=>{const t=e.spacing.xl;return{defaults:{image:"default",gap:e.spacing.lg},layout:{container:{width:"100%",paddingVertical:t,paddingHorizontal:0,alignItems:"center"},imageWrapper:{alignItems:"center",justifyContent:"center"},descriptionText:{textAlign:"center"},footer:{}},colors:{description:e.palette.default[500],icon:e.palette.default[300],imageBackground:"transparent"},typography:{descriptionSize:e.fontSize.sm,descriptionLineHeight:20,descriptionFontFamily:e.typography.fontFamily,descriptionFontWeight:e.typography.weight.regular},sizing:{image:160,iconScale:.6},spacing:{descriptionPaddingHorizontal:60,footerMarginTop:24}}};export const useEmptyTokens=createComponentTokensHook("empty",createEmptyTokens);

package/dist/es/components/error-boundary/ErrorBoundary.js

@@ -1,62 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-class ErrorBoundaryClass extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      error: null
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      error
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    this.props.onError?.(error, errorInfo);
-  }
-  componentDidMount() {
-    this.bindRef();
-  }
-  componentDidUpdate() {
-    this.bindRef();
-  }
-  bindRef() {
-    const {
-      forwardedRef
-    } = this.props;
-    if (!forwardedRef) return;
-    const refVal = {
-      reset: this.reset
-    };
-    if (typeof forwardedRef === 'function') forwardedRef(refVal);else if (forwardedRef && typeof forwardedRef === 'object') forwardedRef.current = refVal;
-  }
-  reset = () => {
-    this.props.onReset?.();
-    this.setState({
-      error: null
-    });
-  };
-  render() {
-    const {
-      error
-    } = this.state;
-    const {
-      fallback,
-      children
-    } = this.props;
-    if (error !== null) {
-      if (typeof fallback === 'function') return fallback(error, this.reset);
-      if (fallback !== undefined) return fallback;
-      return null;
-    }
-    ;
-    return children ?? null;
-  }
-}
-const ErrorBoundary = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ErrorBoundaryClass, _extends({}, props, {
-  forwardedRef: ref
-})));
-ErrorBoundary.displayName = 'ErrorBoundary';
-export { ErrorBoundary };
-export default ErrorBoundary;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)({}).hasOwnProperty.call(t,o)&&(r[o]=t[o])}return r},_extends.apply(null,arguments)}import React from"react";class ErrorBoundaryClass extends React.Component{constructor(r){super(r),this.state={error:null}}static getDerivedStateFromError(r){return{error:r}}componentDidCatch(r,e){this.props.onError?.(r,e)}componentDidMount(){this.bindRef()}componentDidUpdate(){this.bindRef()}bindRef(){const{forwardedRef:r}=this.props;if(!r)return;const e={reset:this.reset};"function"==typeof r?r(e):r&&"object"==typeof r&&(r.current=e)}reset=()=>{this.props.onReset?.(),this.setState({error:null})};render(){const{error:r}=this.state,{fallback:e,children:t}=this.props;return null!==r?"function"==typeof e?e(r,this.reset):void 0!==e?e:null:t??null}}const ErrorBoundary=React.forwardRef((r,e)=>React.createElement(ErrorBoundaryClass,_extends({},r,{forwardedRef:e})));ErrorBoundary.displayName="ErrorBoundary";export{ErrorBoundary};export default ErrorBoundary;

package/dist/es/components/error-boundary/index.js

@@ -1 +1 @@
-export { ErrorBoundary, default } from './ErrorBoundary';
+export{ErrorBoundary,default}from"./ErrorBoundary";