react-native-system-ui 1.0.1 → 1.0.3

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

@@ -1,64 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDialogTokens = exports.createDialogTokens = void 0;
-var _designSystem = require("../../design-system");
-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
-    }
-  };
-};
-exports.createDialogTokens = createDialogTokens;
-const useDialogTokens = exports.useDialogTokens = (0, _designSystem.createComponentTokensHook)('dialog', createDialogTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDialogTokens=exports.createDialogTokens=void 0;var _designSystem=require("../../design-system");const createDialogTokens=e=>{const{palette:i,spacing:t,radii:o,fontSize:a,typography:s}=e;return{colors:{background:"#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:s.fontFamily,titleSize:a.md,titleLineHeight:a.md*s.lineHeightMultiplier,titleWeight:s.weight.semiBold,messageSize:a.sm,messageLineHeight:a.sm*s.lineHeightMultiplier,actionSize:a.md,actionWeight:s.weight.medium}}};exports.createDialogTokens=createDialogTokens;const useDialogTokens=exports.useDialogTokens=(0,_designSystem.createComponentTokensHook)("dialog",createDialogTokens);

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

@@ -1,126 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Divider = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../../utils");
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const DividerImpl = props => {
-  const {
-    tokensOverride,
-    children,
-    type: typeP,
-    orientation: oriP,
-    dashed: dashP,
-    hairline: hlP,
-    contentPosition: posP,
-    textStyle,
-    contentStyle,
-    lineColor,
-    style,
-    ...rest
-  } = props;
-  const tokens = (0, _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' && (0, _utils.isRenderable)(children);
-  const cnt = hasCnt ? (0, _utils.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().default.createElement(_reactNative().View, {
-    style: [tokens.layout.hairlineWrapper, {
-      flexGrow: g
-    }]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [(0, _utils.createHairlineView)({
-      position: 'bottom',
-      color: clr,
-      left: 0,
-      right: 0,
-      bottom: 0
-    }), {
-      borderStyle: bStyle
-    }]
-  })) : /*#__PURE__*/_react().default.createElement(_reactNative().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().default.createElement(_reactNative().View, {
-      style: [tokens.layout.hairlineWrapper, {
-        width: tokens.borders.thickness,
-        height: '100%'
-      }]
-    }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [(0, _utils.createHairlineView)({
-        position: 'left',
-        color: clr,
-        top: 0,
-        bottom: 0,
-        left: 0
-      }), {
-        borderStyle: bStyle
-      }]
-    })) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: {
-        width: tokens.borders.thickness,
-        height: '100%',
-        borderLeftWidth: tokens.borders.thickness,
-        borderLeftColor: clr,
-        borderStyle: bStyle
-      }
-    });
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-      accessibilityRole: 'separator',
-      style: [tokens.layout.container, {
-        marginVertical: tokens.spacing.vertical,
-        flexDirection: 'column'
-      }, style]
-    }, rest), vLine);
-  }
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    accessibilityRole: 'separator',
-    style: [tokens.layout.container, {
-      marginVertical: tokens.spacing.vertical
-    }, style]
-  }, rest), line(hasCnt ? leftG : 1), hasCnt && /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.contentWrapper, {
-      paddingHorizontal: tokens.spacing.contentPadding
-    }, contentStyle]
-  }, cnt), line(rightG)));
-};
-const Divider = exports.Divider = /*#__PURE__*/_react().default.memo(DividerImpl);
-Divider.displayName = 'Divider';
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Divider=void 0;var _utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}const DividerImpl=e=>{const{tokensOverride:t,children:r,type:i,orientation:a,dashed:n,hairline:o,contentPosition:l,textStyle:c,contentStyle:s,lineColor:d,style:u,...f}=e,_=(0,_tokens.useDividerTokens)(t),y=n??_.defaults.dashed,h=o??_.defaults.hairline,p=l??_.defaults.contentPosition,v=i??a??"horizontal",g=d??_.colors.line,m=y?"dashed":"solid",b="horizontal"===v&&(0,_utils.isRenderable)(r),x=b?(0,_utils.renderTextOrNode)(r,[_.layout.text,{color:_.colors.text,fontSize:_.typography.fontSize,lineHeight:_.typography.lineHeight,fontFamily:_.typography.fontFamily,fontWeight:_.typography.fontWeight},c]):null,w="left"===p?_.sizing.sideMinFlex:1,N="right"===p?_.sizing.sideMinFlex:1,V=e=>h?_react().default.createElement(_reactNative().View,{style:[_.layout.hairlineWrapper,{flexGrow:e}]},_react().default.createElement(_reactNative().View,{style:[(0,_utils.createHairlineView)({position:"bottom",color:g,left:0,right:0,bottom:0}),{borderStyle:m}]})):_react().default.createElement(_reactNative().View,{style:{flexGrow:e,flexShrink:1,height:_.borders.thickness,borderBottomWidth:_.borders.thickness,borderBottomColor:g,borderStyle:m}});if("vertical"===v){const e=h?_react().default.createElement(_reactNative().View,{style:[_.layout.hairlineWrapper,{width:_.borders.thickness,height:"100%"}]},_react().default.createElement(_reactNative().View,{style:[(0,_utils.createHairlineView)({position:"left",color:g,top:0,bottom:0,left:0}),{borderStyle:m}]})):_react().default.createElement(_reactNative().View,{style:{width:_.borders.thickness,height:"100%",borderLeftWidth:_.borders.thickness,borderLeftColor:g,borderStyle:m}});return _react().default.createElement(_reactNative().View,_extends({accessibilityRole:"separator",style:[_.layout.container,{marginVertical:_.spacing.vertical,flexDirection:"column"},u]},f),e)}return _react().default.createElement(_reactNative().View,_extends({accessibilityRole:"separator",style:[_.layout.container,{marginVertical:_.spacing.vertical},u]},f),V(b?w:1),b&&_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_reactNative().View,{style:[_.layout.contentWrapper,{paddingHorizontal:_.spacing.contentPadding},s]},x),V(N)))},Divider=exports.Divider=_react().default.memo(DividerImpl);Divider.displayName="Divider";

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

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Divider = require("./Divider");
-var _default = exports.default = _Divider.Divider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Divider=require("./Divider"),_default=exports.default=_Divider.Divider;

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

@@ -1,62 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDividerTokens = exports.createDividerTokens = void 0;
-var _designSystem = require("../../design-system");
-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
-    }
-  };
-};
-exports.createDividerTokens = createDividerTokens;
-const useDividerTokens = exports.useDividerTokens = (0, _designSystem.createComponentTokensHook)('divider', createDividerTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDividerTokens=exports.createDividerTokens=void 0;var _designSystem=require("../../design-system");const createDividerTokens=e=>{const{palette:t,fontSize:i,typography:n,spacing:r}=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:r.md,contentPadding:r.sm}}};exports.createDividerTokens=createDividerTokens;const useDividerTokens=exports.useDividerTokens=(0,_designSystem.createComponentTokensHook)("divider",createDividerTokens);

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

@@ -1,125 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Empty = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNativeSystemIcon() {
-  const data = require("react-native-system-icon");
-  _reactNativeSystemIcon = function () {
-    return data;
-  };
-  return data;
-}
-var _utils = require("../../utils");
-var _image = _interopRequireDefault(require("../image"));
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const PRESET_ICONS = {
-  default: _reactNativeSystemIcon().Description,
-  error: _reactNativeSystemIcon().Fail,
-  network: _reactNativeSystemIcon().Fail,
-  search: _reactNativeSystemIcon().Search
-};
-const EmptyImpl = props => {
-  const {
-    tokensOverride,
-    image: imgP,
-    imageSize: sizeP,
-    imageStyle,
-    description,
-    descriptionStyle,
-    children,
-    style,
-    gap: gapP,
-    ...rest
-  } = props;
-  const tokens = (0, _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().default.isValidElement(img)) return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [tokens.layout.imageWrapper, {
-        width: imgSize,
-        height: imgSize
-      }, imageStyle]
-    }, img);
-    if ((0, _utils.isString)(img)) {
-      if (/^https?:/.test(img)) return /*#__PURE__*/_react().default.createElement(_image.default, {
-        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().default.createElement(_reactNative().View, {
-        style: [tokens.layout.imageWrapper, {
-          width: imgSize,
-          height: imgSize
-        }, imageStyle]
-      }, /*#__PURE__*/_react().default.createElement(Icon, {
-        size: imgSize * tokens.sizing.iconScale,
-        color: tokens.colors.icon
-      }));
-    }
-    ;
-    return null;
-  };
-  const rDesc = () => {
-    if (!(0, _utils.isRenderable)(description)) return null;
-    if ((0, _utils.isText)(description)) return /*#__PURE__*/_react().default.createElement(_reactNative().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().default.createElement(_reactNative().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().default.createElement(_reactNative().View, _extends({
-    accessibilityRole: "summary",
-    accessibilityLabel: (0, _utils.isText)(description) ? String(description) : undefined,
-    style: [tokens.layout.container, style]
-  }, rest), rImg(), rDesc(), (0, _utils.isRenderable)(children) && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      marginTop: tokens.spacing.footerMarginTop
-    }
-  }, (0, _utils.renderTextOrNode)(children, footStyle)));
-};
-const Empty = exports.Empty = /*#__PURE__*/_react().default.memo(EmptyImpl);
-Empty.displayName = 'Empty';
+"use strict";function _react(){const e=_interopRequireDefault(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}function _reactNativeSystemIcon(){const e=require("react-native-system-icon");return _reactNativeSystemIcon=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Empty=void 0;var _utils=require("../../utils"),_image=_interopRequireDefault(require("../image")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}const PRESET_ICONS={default:_reactNativeSystemIcon().Description,error:_reactNativeSystemIcon().Fail,network:_reactNativeSystemIcon().Fail,search:_reactNativeSystemIcon().Search},EmptyImpl=e=>{const{tokensOverride:t,image:i,imageSize:r,imageStyle:a,description:n,descriptionStyle:o,children:c,style:s,gap:l,...u}=e,p=(0,_tokens.useEmptyTokens)(t),d=i??p.defaults.image,y=l??p.defaults.gap,_=r??p.sizing.image,g={fontFamily:p.typography.descriptionFontFamily,fontSize:p.typography.descriptionSize,fontWeight:p.typography.descriptionFontWeight};return _react().default.createElement(_reactNative().View,_extends({accessibilityRole:"summary",accessibilityLabel:(0,_utils.isText)(n)?String(n):void 0,style:[p.layout.container,s]},u),(()=>{if(_react().default.isValidElement(d))return _react().default.createElement(_reactNative().View,{style:[p.layout.imageWrapper,{width:_,height:_},a]},d);if((0,_utils.isString)(d)){if(/^https?:/.test(d))return _react().default.createElement(_image.default,{src:d,width:_,height:_,fit:"contain",showLoading:!1,showError:!1,containerStyle:[{backgroundColor:p.colors.imageBackground},a]});const e=PRESET_ICONS[d]||PRESET_ICONS.default;return _react().default.createElement(_reactNative().View,{style:[p.layout.imageWrapper,{width:_,height:_},a]},_react().default.createElement(e,{size:_*p.sizing.iconScale,color:p.colors.icon}))}return null})(),(0,_utils.isRenderable)(n)?(0,_utils.isText)(n)?_react().default.createElement(_reactNative().Text,{style:[p.layout.descriptionText,{marginTop:y,paddingHorizontal:p.spacing.descriptionPaddingHorizontal,color:p.colors.description,fontSize:p.typography.descriptionSize,lineHeight:p.typography.descriptionLineHeight,fontFamily:p.typography.descriptionFontFamily,fontWeight:p.typography.descriptionFontWeight},o]},n):_react().default.createElement(_reactNative().View,{style:{marginTop:y,paddingHorizontal:p.spacing.descriptionPaddingHorizontal}},n):null,(0,_utils.isRenderable)(c)&&_react().default.createElement(_reactNative().View,{style:{marginTop:p.spacing.footerMarginTop}},(0,_utils.renderTextOrNode)(c,g)))},Empty=exports.Empty=_react().default.memo(EmptyImpl);Empty.displayName="Empty";

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

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Empty = require("./Empty");
-var _default = exports.default = _Empty.Empty;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Empty=require("./Empty"),_default=exports.default=_Empty.Empty;

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

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useEmptyTokens = exports.createEmptyTokens = void 0;
-var _designSystem = require("../../design-system");
-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
-    }
-  };
-};
-exports.createEmptyTokens = createEmptyTokens;
-const useEmptyTokens = exports.useEmptyTokens = (0, _designSystem.createComponentTokensHook)('empty', createEmptyTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useEmptyTokens=exports.createEmptyTokens=void 0;var _designSystem=require("../../design-system");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}}};exports.createEmptyTokens=createEmptyTokens;const useEmptyTokens=exports.useEmptyTokens=(0,_designSystem.createComponentTokensHook)("empty",createEmptyTokens);

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

@@ -1,74 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ErrorBoundary = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-class ErrorBoundaryClass extends _react().default.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 = exports.ErrorBoundary = /*#__PURE__*/_react().default.forwardRef((props, ref) => /*#__PURE__*/_react().default.createElement(ErrorBoundaryClass, _extends({}, props, {
-  forwardedRef: ref
-})));
-ErrorBoundary.displayName = 'ErrorBoundary';
-var _default = exports.default = ErrorBoundary;
+"use strict";function _react(){const r=_interopRequireDefault(require("react"));return _react=function(){return r},r}function _interopRequireDefault(r){return r&&r.__esModule?r:{default:r}}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 n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},_extends.apply(null,arguments)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ErrorBoundary=void 0;class ErrorBoundaryClass extends _react().default.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=exports.ErrorBoundary=_react().default.forwardRef((r,e)=>_react().default.createElement(ErrorBoundaryClass,_extends({},r,{forwardedRef:e})));ErrorBoundary.displayName="ErrorBoundary";var _default=exports.default=ErrorBoundary;

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

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ErrorBoundary", {
-  enumerable: true,
-  get: function () {
-    return _ErrorBoundary.ErrorBoundary;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ErrorBoundary.default;
-  }
-});
-var _ErrorBoundary = _interopRequireWildcard(require("./ErrorBoundary"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ErrorBoundary",{enumerable:!0,get:function(){return _ErrorBoundary.ErrorBoundary}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ErrorBoundary.default}});var _ErrorBoundary=_interopRequireWildcard(require("./ErrorBoundary"));function _interopRequireWildcard(r,e){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(r,e){if(!e&&r&&r.__esModule)return r;var o,u,a={__proto__:null,default:r};if(null===r||"object"!=typeof r&&"function"!=typeof r)return a;if(o=e?n:t){if(o.has(r))return o.get(r);o.set(r,a)}for(const e in r)"default"!==e&&{}.hasOwnProperty.call(r,e)&&((u=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(r,e))&&(u.get||u.set)?o(a,e,u):a[e]=r[e]);return a})(r,e)}