@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/commonjs/theme/components/actionsheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["actionsheet.ts"],"names":["Actionsheet","defaultProps","size","justifyContent","animationPreset","ActionsheetContent","baseStyle","alignItems","px","py","borderRadius","roundedTop","_web","userSelect","_dragIndicator","height","width","bg","_dark","_dragIndicatorWrapper","pt","pb","mt","collapsable","_dragIndicatorWrapperOffSet","ActionsheetItem","_stack","space","p","_text","color","fontSize","fontWeight","_disabled","opacity","_icon","_hover","_pressed","_focusVisible","outlineWidth","style","boxShadow"],"mappings":"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","sourcesContent":["// Actionsheet\r\nexport const Actionsheet = {\r\n  defaultProps: {\r\n    size: 'full',\r\n    justifyContent: 'flex-end',\r\n    animationPreset: 'slide',\r\n  },\r\n};\r\n\r\n// ActionsheetContent\r\nexport const ActionsheetContent = {\r\n  baseStyle: () => ({\r\n    alignItems: 'center',\r\n    px: 2,\r\n    py: 2,\r\n    borderRadius: 'none',\r\n    roundedTop: 20,\r\n    _web: {\r\n      userSelect: 'none',\r\n    },\r\n    _dragIndicator: {\r\n      height: 1,\r\n      width: 10,\r\n      borderRadius: 2,\r\n      bg: 'muted.500',\r\n    },\r\n\r\n    _dark: {\r\n      _dragIndicator: {\r\n        bg: 'muted.400',\r\n      },\r\n    },\r\n\r\n    _dragIndicatorWrapper: {\r\n      pt: 3,\r\n      pb: 3,\r\n      mt: -2,\r\n      width: '100%',\r\n      alignItems: 'center',\r\n      collapsable: false,\r\n    },\r\n    _dragIndicatorWrapperOffSet: {\r\n      py: 2,\r\n      collapsable: false,\r\n    },\r\n  }),\r\n};\r\n\r\n// ActionsheetItem\r\nexport const ActionsheetItem = {\r\n  baseStyle: () => ({\r\n    width: '100%',\r\n    justifyContent: 'flex-start',\r\n    _stack: {\r\n      space: 4,\r\n    },\r\n    p: 4,\r\n    _text: {\r\n      color: 'text.900',\r\n      fontSize: 'md',\r\n      fontWeight: 'normal',\r\n    },\r\n    _disabled: {\r\n      opacity: 40,\r\n    },\r\n\r\n    bg: 'muted.50',\r\n    _icon: {\r\n      color: 'muted.500',\r\n    },\r\n\r\n    _hover: {\r\n      bg: 'muted.200',\r\n    },\r\n    _pressed: {\r\n      bg: 'muted.400',\r\n    },\r\n    _focusVisible: {\r\n      _web: {\r\n        outlineWidth: '0',\r\n        style: { boxShadow: `none` },\r\n        bg: 'muted.300',\r\n      },\r\n      bg: 'muted.300',\r\n    },\r\n\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      _icon: {\r\n        color: 'muted.400',\r\n      },\r\n      _text: {\r\n        color: 'muted.50',\r\n      },\r\n      _hover: {\r\n        bg: 'muted.700',\r\n      },\r\n      _pressed: {\r\n        bg: 'muted.500',\r\n      },\r\n      _focusVisible: {\r\n        _web: {\r\n          outlineWidth: '0',\r\n          style: { boxShadow: `none` },\r\n          bg: 'muted.600',\r\n        },\r\n      },\r\n    },\r\n  }),\r\n};\r\n"]}
+{"version":3,"names":["Actionsheet","exports","defaultProps","size","justifyContent","animationPreset","ActionsheetContent","baseStyle","alignItems","px","py","borderRadius","roundedTop","_web","userSelect","_dragIndicator","height","width","bg","_dark","_dragIndicatorWrapper","pt","pb","mt","collapsable","_dragIndicatorWrapperOffSet","ActionsheetItem","_stack","space","p","_text","color","fontSize","fontWeight","_disabled","opacity","_icon","_hover","_pressed","_focusVisible","outlineWidth","style","boxShadow"],"sources":["actionsheet.ts"],"sourcesContent":["// Actionsheet\r\nexport const Actionsheet = {\r\n  defaultProps: {\r\n    size: 'full',\r\n    justifyContent: 'flex-end',\r\n    animationPreset: 'slide',\r\n  },\r\n};\r\n\r\n// ActionsheetContent\r\nexport const ActionsheetContent = {\r\n  baseStyle: () => ({\r\n    alignItems: 'center',\r\n    px: 2,\r\n    py: 2,\r\n    borderRadius: 'none',\r\n    roundedTop: 20,\r\n    _web: {\r\n      userSelect: 'none',\r\n    },\r\n    _dragIndicator: {\r\n      height: 1,\r\n      width: 10,\r\n      borderRadius: 2,\r\n      bg: 'muted.500',\r\n    },\r\n\r\n    _dark: {\r\n      _dragIndicator: {\r\n        bg: 'muted.400',\r\n      },\r\n    },\r\n\r\n    _dragIndicatorWrapper: {\r\n      pt: 3,\r\n      pb: 3,\r\n      mt: -2,\r\n      width: '100%',\r\n      alignItems: 'center',\r\n      collapsable: false,\r\n    },\r\n    _dragIndicatorWrapperOffSet: {\r\n      py: 2,\r\n      collapsable: false,\r\n    },\r\n  }),\r\n};\r\n\r\n// ActionsheetItem\r\nexport const ActionsheetItem = {\r\n  baseStyle: () => ({\r\n    width: '100%',\r\n    justifyContent: 'flex-start',\r\n    _stack: {\r\n      space: 4,\r\n    },\r\n    p: 4,\r\n    _text: {\r\n      color: 'text.900',\r\n      fontSize: 'md',\r\n      fontWeight: 'normal',\r\n    },\r\n    _disabled: {\r\n      opacity: 40,\r\n    },\r\n\r\n    bg: 'muted.50',\r\n    _icon: {\r\n      color: 'muted.500',\r\n    },\r\n\r\n    _hover: {\r\n      bg: 'muted.200',\r\n    },\r\n    _pressed: {\r\n      bg: 'muted.400',\r\n    },\r\n    _focusVisible: {\r\n      _web: {\r\n        outlineWidth: '0',\r\n        style: { boxShadow: `none` },\r\n        bg: 'muted.300',\r\n      },\r\n      bg: 'muted.300',\r\n    },\r\n\r\n    _dark: {\r\n      bg: 'muted.800',\r\n      _icon: {\r\n        color: 'muted.400',\r\n      },\r\n      _text: {\r\n        color: 'muted.50',\r\n      },\r\n      _hover: {\r\n        bg: 'muted.700',\r\n      },\r\n      _pressed: {\r\n        bg: 'muted.500',\r\n      },\r\n      _focusVisible: {\r\n        _web: {\r\n          outlineWidth: '0',\r\n          style: { boxShadow: `none` },\r\n          bg: 'muted.600',\r\n        },\r\n      },\r\n    },\r\n  }),\r\n};\r\n"],"mappings":";;;;;;AAAA;AACO,MAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EACzBE,YAAY,EAAE;IACZC,IAAI,EAAE,MAAM;IACZC,cAAc,EAAE,UAAU;IAC1BC,eAAe,EAAE;EACnB;AACF,CAAC;;AAED;AACO,MAAMC,kBAAkB,GAAAL,OAAA,CAAAK,kBAAA,GAAG;EAChCC,SAAS,EAAEA,CAAA,MAAO;IAChBC,UAAU,EAAE,QAAQ;IACpBC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,CAAC;IACLC,YAAY,EAAE,MAAM;IACpBC,UAAU,EAAE,EAAE;IACdC,IAAI,EAAE;MACJC,UAAU,EAAE;IACd,CAAC;IACDC,cAAc,EAAE;MACdC,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE,EAAE;MACTN,YAAY,EAAE,CAAC;MACfO,EAAE,EAAE;IACN,CAAC;IAEDC,KAAK,EAAE;MACLJ,cAAc,EAAE;QACdG,EAAE,EAAE;MACN;IACF,CAAC;IAEDE,qBAAqB,EAAE;MACrBC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC,CAAC;MACNN,KAAK,EAAE,MAAM;MACbT,UAAU,EAAE,QAAQ;MACpBgB,WAAW,EAAE;IACf,CAAC;IACDC,2BAA2B,EAAE;MAC3Bf,EAAE,EAAE,CAAC;MACLc,WAAW,EAAE;IACf;EACF,CAAC;AACH,CAAC;;AAED;AACO,MAAME,eAAe,GAAAzB,OAAA,CAAAyB,eAAA,GAAG;EAC7BnB,SAAS,EAAEA,CAAA,MAAO;IAChBU,KAAK,EAAE,MAAM;IACbb,cAAc,EAAE,YAAY;IAC5BuB,MAAM,EAAE;MACNC,KAAK,EAAE;IACT,CAAC;IACDC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE;MACLC,KAAK,EAAE,UAAU;MACjBC,QAAQ,EAAE,IAAI;MACdC,UAAU,EAAE;IACd,CAAC;IACDC,SAAS,EAAE;MACTC,OAAO,EAAE;IACX,CAAC;IAEDjB,EAAE,EAAE,UAAU;IACdkB,KAAK,EAAE;MACLL,KAAK,EAAE;IACT,CAAC;IAEDM,MAAM,EAAE;MACNnB,EAAE,EAAE;IACN,CAAC;IACDoB,QAAQ,EAAE;MACRpB,EAAE,EAAE;IACN,CAAC;IACDqB,aAAa,EAAE;MACb1B,IAAI,EAAE;QACJ2B,YAAY,EAAE,GAAG;QACjBC,KAAK,EAAE;UAAEC,SAAS,EAAE;QAAO,CAAC;QAC5BxB,EAAE,EAAE;MACN,CAAC;MACDA,EAAE,EAAE;IACN,CAAC;IAEDC,KAAK,EAAE;MACLD,EAAE,EAAE,WAAW;MACfkB,KAAK,EAAE;QACLL,KAAK,EAAE;MACT,CAAC;MACDD,KAAK,EAAE;QACLC,KAAK,EAAE;MACT,CAAC;MACDM,MAAM,EAAE;QACNnB,EAAE,EAAE;MACN,CAAC;MACDoB,QAAQ,EAAE;QACRpB,EAAE,EAAE;MACN,CAAC;MACDqB,aAAa,EAAE;QACb1B,IAAI,EAAE;UACJ2B,YAAY,EAAE,GAAG;UACjBC,KAAK,EAAE;YAAEC,SAAS,EAAE;UAAO,CAAC;UAC5BxB,EAAE,EAAE;QACN;MACF;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/commonjs/theme/components/alert-dialog.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AlertDialogOverlay = exports.AlertDialogFooter = exports.AlertDialogBody = exports.AlertDialogHeader = exports.AlertDialogCloseButton = exports.AlertDialogContent = exports.AlertDialog = void 0;
-
+exports.AlertDialogOverlay = exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogContent = exports.AlertDialogCloseButton = exports.AlertDialogBody = exports.AlertDialog = void 0;
 var _reactNative = require("react-native");
-
 const sizes = {
   xs: {
     contentSize: {
@@ -44,7 +42,7 @@ const sizes = {
     }
   }
 };
-const AlertDialog = {
+const AlertDialog = exports.AlertDialog = {
   baseStyle: {
     width: '100%',
     height: '100%',
@@ -75,13 +73,12 @@ const AlertDialog = {
     closeOnOverlayClick: true
   }
 };
-exports.AlertDialog = AlertDialog;
-const AlertDialogContent = {
+const AlertDialogContent = exports.AlertDialogContent = {
   baseStyle: () => {
     return {
       shadow: 1,
       rounded: 'lg',
-      maxHeight: "".concat(_reactNative.Dimensions.get('window').height - 150, "px"),
+      maxHeight: `${_reactNative.Dimensions.get('window').height - 150}px`,
       overflow: 'hidden',
       bg: 'muted.50',
       _text: {
@@ -94,8 +91,7 @@ const AlertDialogContent = {
     };
   }
 };
-exports.AlertDialogContent = AlertDialogContent;
-const AlertDialogCloseButton = {
+const AlertDialogCloseButton = exports.AlertDialogCloseButton = {
   baseStyle: () => {
     return {
       position: 'absolute',
@@ -133,8 +129,7 @@ const AlertDialogCloseButton = {
     };
   }
 };
-exports.AlertDialogCloseButton = AlertDialogCloseButton;
-const AlertDialogHeader = {
+const AlertDialogHeader = exports.AlertDialogHeader = {
   baseStyle: () => {
     return {
       p: '4',
@@ -157,8 +152,7 @@ const AlertDialogHeader = {
     };
   }
 };
-exports.AlertDialogHeader = AlertDialogHeader;
-const AlertDialogBody = {
+const AlertDialogBody = exports.AlertDialogBody = {
   baseStyle: () => {
     return {
       p: '4',
@@ -175,8 +169,7 @@ const AlertDialogBody = {
     };
   }
 };
-exports.AlertDialogBody = AlertDialogBody;
-const AlertDialogFooter = {
+const AlertDialogFooter = exports.AlertDialogFooter = {
   baseStyle: () => {
     return {
       p: '4',
@@ -193,8 +186,7 @@ const AlertDialogFooter = {
     };
   }
 };
-exports.AlertDialogFooter = AlertDialogFooter;
-const AlertDialogOverlay = {
+const AlertDialogOverlay = exports.AlertDialogOverlay = {
   baseStyle: {
     position: 'absolute',
     left: '0',
@@ -204,5 +196,4 @@ const AlertDialogOverlay = {
     bottom: '0'
   }
 };
-exports.AlertDialogOverlay = AlertDialogOverlay;
 //# sourceMappingURL=alert-dialog.js.map

package/lib/commonjs/theme/components/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["alert-dialog.ts"],"names":["sizes","xs","contentSize","width","maxWidth","sm","md","lg","xl","full","AlertDialog","baseStyle","height","justifyContent","alignItems","_web","pointerEvents","_backdropFade","exitDuration","entryDuration","_fade","_slide","duration","overlay","_overlay","unmountOnExit","defaultProps","size","closeOnOverlayClick","AlertDialogContent","shadow","rounded","maxHeight","Dimensions","get","overflow","bg","_text","color","_dark","AlertDialogCloseButton","position","right","top","zIndex","p","borderRadius","outlineWidth","cursor","_icon","_hover","_pressed","AlertDialogHeader","borderBottomWidth","fontSize","fontWeight","lineHeight","borderColor","AlertDialogBody","AlertDialogFooter","flexDirection","flexWrap","borderTopWidth","AlertDialogOverlay","left","opacity","bottom"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,EAAE,EAAE;AACFC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,KADI;AAEXC,MAAAA,QAAQ,EAAE;AAFC;AADX,GADQ;AAOZC,EAAAA,EAAE,EAAE;AACFH,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,KADI;AAEXC,MAAAA,QAAQ,EAAE;AAFC;AADX,GAPQ;AAaZE,EAAAA,EAAE,EAAE;AACFJ,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,KADI;AAEXC,MAAAA,QAAQ,EAAE;AAFC;AADX,GAbQ;AAmBZG,EAAAA,EAAE,EAAE;AACFL,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,KADI;AAEXC,MAAAA,QAAQ,EAAE;AAFC;AADX,GAnBQ;AAyBZI,EAAAA,EAAE,EAAE;AACFN,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,KADI;AAEXC,MAAAA,QAAQ,EAAE;AAFC;AADX,GAzBQ;AA+BZK,EAAAA,IAAI,EAAE;AACJP,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE;AADI;AADT;AA/BM,CAAd;AAsCO,MAAMO,WAAW,GAAG;AACzBC,EAAAA,SAAS,EAAE;AACTR,IAAAA,KAAK,EAAE,MADE;AAETS,IAAAA,MAAM,EAAE,MAFC;AAGTC,IAAAA,cAAc,EAAE,QAHP;AAITC,IAAAA,UAAU,EAAE,QAJH;AAKTC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,aAAa,EAAE;AAAjB,KALG;AAMTC,IAAAA,aAAa,EAAE;AAAEC,MAAAA,YAAY,EAAE,GAAhB;AAAqBC,MAAAA,aAAa,EAAE;AAApC,KANN;AAOTC,IAAAA,KAAK,EAAE;AAAEF,MAAAA,YAAY,EAAE,GAAhB;AAAqBC,MAAAA,aAAa,EAAE;AAApC,KAPE;AAQTE,IAAAA,MAAM,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAZ;AAAiBC,MAAAA,OAAO,EAAE;AAA1B,KARC;AASTC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,aAAa,EAAE;AADP;AATD,GADc;AAczBzB,EAAAA,KAdyB;AAezB0B,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAE,IADM;AAEZC,IAAAA,mBAAmB,EAAE;AAFT;AAfW,CAApB;;AAqBA,MAAMC,kBAAkB,GAAG;AAChClB,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLmB,MAAAA,MAAM,EAAE,CADH;AAELC,MAAAA,OAAO,EAAE,IAFJ;AAGLC,MAAAA,SAAS,YAAKC,wBAAWC,GAAX,CAAe,QAAf,EAAyBtB,MAAzB,GAAkC,GAAvC,OAHJ;AAILuB,MAAAA,QAAQ,EAAE,QAJL;AAKLC,MAAAA,EAAE,EAAE,UALC;AAMLC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF,OANF;AAULC,MAAAA,KAAK,EAAE;AACLH,QAAAA,EAAE,EAAE,WADC;AAELE,QAAAA,KAAK,EAAE;AAFF;AAVF,KAAP;AAeD;AAjB+B,CAA3B;;AAmBA,MAAME,sBAAsB,GAAG;AACpC7B,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACL8B,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,KAAK,EAAE,GAFF;AAGLC,MAAAA,GAAG,EAAE,GAHA;AAILC,MAAAA,MAAM,EAAE,GAJH;AAKLC,MAAAA,CAAC,EAAE,GALE;AAMLT,MAAAA,EAAE,EAAE,aANC;AAOLU,MAAAA,YAAY,EAAE,IAPT;AAQL/B,MAAAA,IAAI,EAAE;AACJgC,QAAAA,YAAY,EAAE,CADV;AAEJC,QAAAA,MAAM,EAAE;AAFJ,OARD;AAYLC,MAAAA,KAAK,EAAE;AACLtB,QAAAA,IAAI,EAAE,GADD;AAELW,QAAAA,KAAK,EAAE;AAFF,OAZF;AAiBLY,MAAAA,MAAM,EAAE;AACNd,QAAAA,EAAE,EAAE;AADE,OAjBH;AAoBLe,MAAAA,QAAQ,EAAE;AACRf,QAAAA,EAAE,EAAE;AADI,OApBL;AAwBLG,MAAAA,KAAK,EAAE;AACLU,QAAAA,KAAK,EAAE;AACLX,UAAAA,KAAK,EAAE;AADF,SADF;AAILY,QAAAA,MAAM,EAAE;AACNd,UAAAA,EAAE,EAAE;AADE,SAJH;AAOLe,QAAAA,QAAQ,EAAE;AACRf,UAAAA,EAAE,EAAE;AADI;AAPL;AAxBF,KAAP;AAoCD;AAtCmC,CAA/B;;AAwCA,MAAMgB,iBAAiB,GAAG;AAC/BzC,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLkC,MAAAA,CAAC,EAAE,GADE;AAELQ,MAAAA,iBAAiB,EAAE,GAFd;AAGLhB,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,UADF;AAELgB,QAAAA,QAAQ,EAAE,IAFL;AAGLC,QAAAA,UAAU,EAAE,UAHP;AAILC,QAAAA,UAAU,EAAE;AAJP,OAHF;AASLpB,MAAAA,EAAE,EAAE,UATC;AAULqB,MAAAA,WAAW,EAAE,WAVR;AAYLlB,MAAAA,KAAK,EAAE;AACLH,QAAAA,EAAE,EAAE,WADC;AAELqB,QAAAA,WAAW,EAAE,WAFR;AAGLpB,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAAE;AADF;AAHF;AAZF,KAAP;AAoBD;AAtB8B,CAA1B;;AAwBA,MAAMoB,eAAe,GAAG;AAC7B/C,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLkC,MAAAA,CAAC,EAAE,GADE;AAGLT,MAAAA,EAAE,EAAE,UAHC;AAILC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF,OAJF;AAQLC,MAAAA,KAAK,EAAE;AACLH,QAAAA,EAAE,EAAE,WADC;AAELC,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,EAAE;AADF;AAFF;AARF,KAAP;AAeD;AAjB4B,CAAxB;;AAmBA,MAAMqB,iBAAiB,GAAG;AAC/BhD,EAAAA,SAAS,EAAE,MAAM;AACf,WAAO;AACLkC,MAAAA,CAAC,EAAE,GADE;AAELe,MAAAA,aAAa,EAAE,KAFV;AAGL/C,MAAAA,cAAc,EAAE,UAHX;AAILgD,MAAAA,QAAQ,EAAE,MAJL;AAKLC,MAAAA,cAAc,EAAE,GALX;AAML1B,MAAAA,EAAE,EAAE,UANC;AAOLqB,MAAAA,WAAW,EAAE,WAPR;AASLlB,MAAAA,KAAK,EAAE;AACLH,QAAAA,EAAE,EAAE,WADC;AAELqB,QAAAA,WAAW,EAAE;AAFR;AATF,KAAP;AAcD;AAhB8B,CAA1B;;AAkBA,MAAMM,kBAAkB,GAAG;AAChCpD,EAAAA,SAAS,EAAE;AACT8B,IAAAA,QAAQ,EAAE,UADD;AAETuB,IAAAA,IAAI,EAAE,GAFG;AAGTrB,IAAAA,GAAG,EAAE,GAHI;AAITsB,IAAAA,OAAO,EAAE,IAJA;AAKTvB,IAAAA,KAAK,EAAE,GALE;AAMTwB,IAAAA,MAAM,EAAE;AANC;AADqB,CAA3B","sourcesContent":["import { Dimensions } from 'react-native';\r\n\r\nconst sizes = {\r\n  xs: {\r\n    contentSize: {\r\n      width: '60%',\r\n      maxWidth: '280',\r\n    },\r\n  },\r\n  sm: {\r\n    contentSize: {\r\n      width: '65%',\r\n      maxWidth: '320',\r\n    },\r\n  },\r\n  md: {\r\n    contentSize: {\r\n      width: '75%',\r\n      maxWidth: '380',\r\n    },\r\n  },\r\n  lg: {\r\n    contentSize: {\r\n      width: '80%',\r\n      maxWidth: '520',\r\n    },\r\n  },\r\n  xl: {\r\n    contentSize: {\r\n      width: '90%',\r\n      maxWidth: '580',\r\n    },\r\n  },\r\n  full: {\r\n    contentSize: {\r\n      width: '100%',\r\n    },\r\n  },\r\n};\r\n\r\nexport const AlertDialog = {\r\n  baseStyle: {\r\n    width: '100%',\r\n    height: '100%',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: { pointerEvents: 'box-none' },\r\n    _backdropFade: { exitDuration: 150, entryDuration: 200 },\r\n    _fade: { exitDuration: 100, entryDuration: 200 },\r\n    _slide: { duration: 200, overlay: false },\r\n    _overlay: {\r\n      unmountOnExit: true,\r\n    },\r\n  },\r\n  sizes,\r\n  defaultProps: {\r\n    size: 'md',\r\n    closeOnOverlayClick: true,\r\n  },\r\n};\r\n\r\nexport const AlertDialogContent = {\r\n  baseStyle: () => {\r\n    return {\r\n      shadow: 1,\r\n      rounded: 'lg',\r\n      maxHeight: `${Dimensions.get('window').height - 150}px`,\r\n      overflow: 'hidden',\r\n      bg: 'muted.50',\r\n      _text: {\r\n        color: 'text.900',\r\n      },\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        color: 'text.50',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogCloseButton = {\r\n  baseStyle: () => {\r\n    return {\r\n      position: 'absolute',\r\n      right: '3',\r\n      top: '3',\r\n      zIndex: '1',\r\n      p: '2',\r\n      bg: 'transparent',\r\n      borderRadius: 'sm',\r\n      _web: {\r\n        outlineWidth: 0,\r\n        cursor: 'pointer',\r\n      },\r\n      _icon: {\r\n        size: '4',\r\n        color: 'muted.500',\r\n      },\r\n\r\n      _hover: {\r\n        bg: 'muted.200',\r\n      },\r\n      _pressed: {\r\n        bg: 'muted.300',\r\n      },\r\n\r\n      _dark: {\r\n        _icon: {\r\n          color: 'muted.400',\r\n        },\r\n        _hover: {\r\n          bg: 'muted.700',\r\n        },\r\n        _pressed: {\r\n          bg: 'muted.600',\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogHeader = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n      borderBottomWidth: '1',\r\n      _text: {\r\n        color: 'text.900',\r\n        fontSize: 'md',\r\n        fontWeight: 'semibold',\r\n        lineHeight: 'sm',\r\n      },\r\n      bg: 'muted.50',\r\n      borderColor: 'muted.300',\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        borderColor: 'muted.700',\r\n        _text: {\r\n          color: 'text.50',\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogBody = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n\r\n      bg: 'muted.50',\r\n      _text: {\r\n        color: 'text.900',\r\n      },\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        _text: {\r\n          color: 'text.50',\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogFooter = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n      borderTopWidth: '1',\r\n      bg: 'muted.50',\r\n      borderColor: 'muted.300',\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        borderColor: 'muted.700',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogOverlay = {\r\n  baseStyle: {\r\n    position: 'absolute',\r\n    left: '0',\r\n    top: '0',\r\n    opacity: '50',\r\n    right: '0',\r\n    bottom: '0',\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["_reactNative","require","sizes","xs","contentSize","width","maxWidth","sm","md","lg","xl","full","AlertDialog","exports","baseStyle","height","justifyContent","alignItems","_web","pointerEvents","_backdropFade","exitDuration","entryDuration","_fade","_slide","duration","overlay","_overlay","unmountOnExit","defaultProps","size","closeOnOverlayClick","AlertDialogContent","shadow","rounded","maxHeight","Dimensions","get","overflow","bg","_text","color","_dark","AlertDialogCloseButton","position","right","top","zIndex","p","borderRadius","outlineWidth","cursor","_icon","_hover","_pressed","AlertDialogHeader","borderBottomWidth","fontSize","fontWeight","lineHeight","borderColor","AlertDialogBody","AlertDialogFooter","flexDirection","flexWrap","borderTopWidth","AlertDialogOverlay","left","opacity","bottom"],"sources":["alert-dialog.ts"],"sourcesContent":["import { Dimensions } from 'react-native';\r\n\r\nconst sizes = {\r\n  xs: {\r\n    contentSize: {\r\n      width: '60%',\r\n      maxWidth: '280',\r\n    },\r\n  },\r\n  sm: {\r\n    contentSize: {\r\n      width: '65%',\r\n      maxWidth: '320',\r\n    },\r\n  },\r\n  md: {\r\n    contentSize: {\r\n      width: '75%',\r\n      maxWidth: '380',\r\n    },\r\n  },\r\n  lg: {\r\n    contentSize: {\r\n      width: '80%',\r\n      maxWidth: '520',\r\n    },\r\n  },\r\n  xl: {\r\n    contentSize: {\r\n      width: '90%',\r\n      maxWidth: '580',\r\n    },\r\n  },\r\n  full: {\r\n    contentSize: {\r\n      width: '100%',\r\n    },\r\n  },\r\n};\r\n\r\nexport const AlertDialog = {\r\n  baseStyle: {\r\n    width: '100%',\r\n    height: '100%',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    _web: { pointerEvents: 'box-none' },\r\n    _backdropFade: { exitDuration: 150, entryDuration: 200 },\r\n    _fade: { exitDuration: 100, entryDuration: 200 },\r\n    _slide: { duration: 200, overlay: false },\r\n    _overlay: {\r\n      unmountOnExit: true,\r\n    },\r\n  },\r\n  sizes,\r\n  defaultProps: {\r\n    size: 'md',\r\n    closeOnOverlayClick: true,\r\n  },\r\n};\r\n\r\nexport const AlertDialogContent = {\r\n  baseStyle: () => {\r\n    return {\r\n      shadow: 1,\r\n      rounded: 'lg',\r\n      maxHeight: `${Dimensions.get('window').height - 150}px`,\r\n      overflow: 'hidden',\r\n      bg: 'muted.50',\r\n      _text: {\r\n        color: 'text.900',\r\n      },\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        color: 'text.50',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogCloseButton = {\r\n  baseStyle: () => {\r\n    return {\r\n      position: 'absolute',\r\n      right: '3',\r\n      top: '3',\r\n      zIndex: '1',\r\n      p: '2',\r\n      bg: 'transparent',\r\n      borderRadius: 'sm',\r\n      _web: {\r\n        outlineWidth: 0,\r\n        cursor: 'pointer',\r\n      },\r\n      _icon: {\r\n        size: '4',\r\n        color: 'muted.500',\r\n      },\r\n\r\n      _hover: {\r\n        bg: 'muted.200',\r\n      },\r\n      _pressed: {\r\n        bg: 'muted.300',\r\n      },\r\n\r\n      _dark: {\r\n        _icon: {\r\n          color: 'muted.400',\r\n        },\r\n        _hover: {\r\n          bg: 'muted.700',\r\n        },\r\n        _pressed: {\r\n          bg: 'muted.600',\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogHeader = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n      borderBottomWidth: '1',\r\n      _text: {\r\n        color: 'text.900',\r\n        fontSize: 'md',\r\n        fontWeight: 'semibold',\r\n        lineHeight: 'sm',\r\n      },\r\n      bg: 'muted.50',\r\n      borderColor: 'muted.300',\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        borderColor: 'muted.700',\r\n        _text: {\r\n          color: 'text.50',\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogBody = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n\r\n      bg: 'muted.50',\r\n      _text: {\r\n        color: 'text.900',\r\n      },\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        _text: {\r\n          color: 'text.50',\r\n        },\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogFooter = {\r\n  baseStyle: () => {\r\n    return {\r\n      p: '4',\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\r\n      borderTopWidth: '1',\r\n      bg: 'muted.50',\r\n      borderColor: 'muted.300',\r\n\r\n      _dark: {\r\n        bg: 'muted.800',\r\n        borderColor: 'muted.700',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogOverlay = {\r\n  baseStyle: {\r\n    position: 'absolute',\r\n    left: '0',\r\n    top: '0',\r\n    opacity: '50',\r\n    right: '0',\r\n    bottom: '0',\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/components/alert.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AlertIcon = exports.Alert = void 0;
-
 var _tools = require("../tools");
-
 function getBg(props) {
   const {
     theme,
@@ -15,14 +13,13 @@ function getBg(props) {
     variant
   } = props;
   const colorScheme = (0, _tools.getColorScheme)(props, !status ? c : status);
-  const lightBg = variant === 'solid' ? (0, _tools.getColor)(theme, "".concat(colorScheme, ".700"), colorScheme) : (0, _tools.getColor)(theme, "".concat(colorScheme, ".200"), colorScheme);
-  const darkBg = variant === 'solid' ? (0, _tools.getColor)(theme, "".concat(colorScheme, ".600"), colorScheme) : (0, _tools.getColor)(theme, "".concat(colorScheme, ".200"), colorScheme);
+  const lightBg = variant === 'solid' ? (0, _tools.getColor)(theme, `${colorScheme}.700`, colorScheme) : (0, _tools.getColor)(theme, `${colorScheme}.200`, colorScheme);
+  const darkBg = variant === 'solid' ? (0, _tools.getColor)(theme, `${colorScheme}.600`, colorScheme) : (0, _tools.getColor)(theme, `${colorScheme}.200`, colorScheme);
   return {
     lightBg,
     darkBg
   };
 }
-
 const variantSubtle = props => {
   let {
     colorScheme,
@@ -36,17 +33,16 @@ const variantSubtle = props => {
   return {
     bg: lightBg,
     _icon: {
-      color: "".concat(colorScheme, ".700")
+      color: `${colorScheme}.700`
     },
     _dark: {
       bg: darkBg,
       _icon: {
-        color: "".concat(colorScheme, ".600")
+        color: `${colorScheme}.600`
       }
     }
   };
 };
-
 const variantOutline = props => {
   let {
     colorScheme,
@@ -56,18 +52,17 @@ const variantOutline = props => {
   return {
     borderWidth: 1,
     _icon: {
-      color: "".concat(colorScheme, ".700")
+      color: `${colorScheme}.700`
     },
-    borderColor: "".concat(colorScheme, ".700"),
+    borderColor: `${colorScheme}.700`,
     _dark: {
       _icon: {
-        color: "".concat(colorScheme, ".600")
+        color: `${colorScheme}.600`
       },
-      borderColor: "".concat(colorScheme, ".600")
+      borderColor: `${colorScheme}.600`
     }
   };
 };
-
 const variantOutlineLight = props => {
   let {
     colorScheme,
@@ -78,18 +73,17 @@ const variantOutlineLight = props => {
   return {
     borderWidth: 1,
     _icon: {
-      color: "".concat(colorScheme, ".700")
+      color: `${colorScheme}.700`
     },
-    borderColor: (0, _tools.transparentize)("".concat(colorScheme, ".700"), 0.4)(theme),
+    borderColor: (0, _tools.transparentize)(`${colorScheme}.700`, 0.4)(theme),
     _dark: {
       _icon: {
-        color: "".concat(colorScheme, ".600")
+        color: `${colorScheme}.600`
       },
-      borderColor: (0, _tools.transparentize)("".concat(colorScheme, ".600"), 0.4)(theme)
+      borderColor: (0, _tools.transparentize)(`${colorScheme}.600`, 0.4)(theme)
     }
   };
 };
-
 const variantSolid = props => {
   const {
     lightBg,
@@ -101,11 +95,10 @@ const variantSolid = props => {
       bg: darkBg
     },
     _icon: {
-      color: "muted.50"
+      color: `muted.50`
     }
   };
 };
-
 const variantLeftAccent = props => {
   let {
     colorScheme,
@@ -120,19 +113,18 @@ const variantLeftAccent = props => {
     borderLeftWidth: 4,
     bg: lightBg,
     _icon: {
-      color: "".concat(colorScheme, ".700")
+      color: `${colorScheme}.700`
     },
-    borderLeftColor: "".concat(colorScheme, ".700"),
+    borderLeftColor: `${colorScheme}.700`,
     _dark: {
       bg: darkBg,
       _icon: {
-        color: "".concat(colorScheme, ".600")
+        color: `${colorScheme}.600`
       },
-      borderLeftColor: "".concat(colorScheme, ".600")
+      borderLeftColor: `${colorScheme}.600`
     }
   };
 };
-
 const variantTopAccent = props => {
   let {
     colorScheme,
@@ -147,19 +139,18 @@ const variantTopAccent = props => {
     borderTopWidth: 4,
     bg: lightBg,
     _icon: {
-      color: "".concat(colorScheme, ".700")
+      color: `${colorScheme}.700`
     },
-    borderTopColor: "".concat(colorScheme, ".700"),
+    borderTopColor: `${colorScheme}.700`,
     _dark: {
       bg: darkBg,
       _icon: {
-        color: "".concat(colorScheme, ".600")
+        color: `${colorScheme}.600`
       },
-      borderTopColor: "".concat(colorScheme, ".600")
+      borderTopColor: `${colorScheme}.600`
     }
   };
 };
-
 const variants = {
   'subtle': variantSubtle,
   'solid': variantSolid,
@@ -168,7 +159,7 @@ const variants = {
   'outline': variantOutline,
   'outline-light': variantOutlineLight
 };
-const Alert = {
+const Alert = exports.Alert = {
   baseStyle: {
     alignItems: 'center',
     justifyContent: 'flex-start',
@@ -181,13 +172,13 @@ const Alert = {
     colorScheme: 'info',
     variant: 'subtle'
   }
-}; // AlertIcon
+};
+
+// AlertIcon
 
-exports.Alert = Alert;
-const AlertIcon = {
+const AlertIcon = exports.AlertIcon = {
   baseStyle: {
     size: 4
   }
 };
-exports.AlertIcon = AlertIcon;
 //# sourceMappingURL=alert.js.map

package/lib/commonjs/theme/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["alert.ts"],"names":["getBg","props","theme","colorScheme","c","status","variant","lightBg","darkBg","variantSubtle","bg","_icon","color","_dark","variantOutline","borderWidth","borderColor","variantOutlineLight","variantSolid","variantLeftAccent","borderLeftWidth","borderLeftColor","variantTopAccent","borderTopWidth","borderTopColor","variants","Alert","baseStyle","alignItems","justifyContent","p","space","borderRadius","defaultProps","AlertIcon","size"],"mappings":"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","sourcesContent":["import { getColor, getColorScheme, transparentize } from '../tools';\r\nimport type { InterfaceAlertProps } from '../../components/composites/Alert/types';\r\nfunction getBg(\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) {\r\n  const { theme, colorScheme: c, status, variant } = props;\r\n\r\n  const colorScheme = getColorScheme(props, !status ? c : status);\r\n\r\n  const lightBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.700`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n\r\n  const darkBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.600`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n\r\n  return { lightBg, darkBg };\r\n}\r\n\r\nconst variantSubtle = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status } = props;\r\n  const { lightBg, darkBg } = getBg(props);\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    bg: lightBg,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    _dark: {\r\n      bg: darkBg,\r\n      _icon: { color: `${colorScheme}.600` },\r\n    },\r\n  };\r\n};\r\n\r\nconst variantOutline = (props: InterfaceAlertProps & { colorScheme: any }) => {\r\n  let { colorScheme, status } = props;\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderWidth: 1,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderColor: `${colorScheme}.700`,\r\n    _dark: {\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderColor: `${colorScheme}.600`,\r\n    },\r\n  };\r\n};\r\n\r\nconst variantOutlineLight = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status, theme } = props;\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderWidth: 1,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderColor: transparentize(`${colorScheme}.700`, 0.4)(theme),\r\n    _dark: {\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderColor: transparentize(`${colorScheme}.600`, 0.4)(theme),\r\n    },\r\n  };\r\n};\r\n\r\nconst variantSolid = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  const { lightBg, darkBg } = getBg(props);\r\n  return {\r\n    bg: lightBg,\r\n    _dark: {\r\n      bg: darkBg,\r\n    },\r\n    _icon: { color: `muted.50` },\r\n  };\r\n};\r\n\r\nconst variantLeftAccent = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status } = props;\r\n  const { lightBg, darkBg } = getBg(props);\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderLeftWidth: 4,\r\n    bg: lightBg,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderLeftColor: `${colorScheme}.700`,\r\n    _dark: {\r\n      bg: darkBg,\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderLeftColor: `${colorScheme}.600`,\r\n    },\r\n  };\r\n};\r\n\r\nconst variantTopAccent = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status } = props;\r\n  const { lightBg, darkBg } = getBg(props);\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderTopWidth: 4,\r\n    bg: lightBg,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderTopColor: `${colorScheme}.700`,\r\n    _dark: {\r\n      bg: darkBg,\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderTopColor: `${colorScheme}.600`,\r\n    },\r\n  };\r\n};\r\n\r\nconst variants = {\r\n  'subtle': variantSubtle as any,\r\n  'solid': variantSolid as any,\r\n  'left-accent': variantLeftAccent as any,\r\n  'top-accent': variantTopAccent as any,\r\n  'outline': variantOutline as any,\r\n  'outline-light': variantOutlineLight as any,\r\n};\r\n\r\nexport const Alert = {\r\n  baseStyle: {\r\n    alignItems: 'center',\r\n    justifyContent: 'flex-start',\r\n    p: 3,\r\n    space: 3,\r\n    borderRadius: 'sm',\r\n  },\r\n  variants,\r\n  defaultProps: {\r\n    colorScheme: 'info',\r\n    variant: 'subtle',\r\n  },\r\n};\r\n\r\n// AlertIcon\r\n\r\nexport const AlertIcon = {\r\n  baseStyle: {\r\n    size: 4,\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["_tools","require","getBg","props","theme","colorScheme","c","status","variant","getColorScheme","lightBg","getColor","darkBg","variantSubtle","bg","_icon","color","_dark","variantOutline","borderWidth","borderColor","variantOutlineLight","transparentize","variantSolid","variantLeftAccent","borderLeftWidth","borderLeftColor","variantTopAccent","borderTopWidth","borderTopColor","variants","Alert","exports","baseStyle","alignItems","justifyContent","p","space","borderRadius","defaultProps","AlertIcon","size"],"sources":["alert.ts"],"sourcesContent":["import { getColor, getColorScheme, transparentize } from '../tools';\r\nimport type { InterfaceAlertProps } from '../../components/composites/Alert/types';\r\nfunction getBg(\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) {\r\n  const { theme, colorScheme: c, status, variant } = props;\r\n\r\n  const colorScheme = getColorScheme(props, !status ? c : status);\r\n\r\n  const lightBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.700`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n\r\n  const darkBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.600`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n\r\n  return { lightBg, darkBg };\r\n}\r\n\r\nconst variantSubtle = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status } = props;\r\n  const { lightBg, darkBg } = getBg(props);\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    bg: lightBg,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    _dark: {\r\n      bg: darkBg,\r\n      _icon: { color: `${colorScheme}.600` },\r\n    },\r\n  };\r\n};\r\n\r\nconst variantOutline = (props: InterfaceAlertProps & { colorScheme: any }) => {\r\n  let { colorScheme, status } = props;\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderWidth: 1,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderColor: `${colorScheme}.700`,\r\n    _dark: {\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderColor: `${colorScheme}.600`,\r\n    },\r\n  };\r\n};\r\n\r\nconst variantOutlineLight = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status, theme } = props;\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderWidth: 1,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderColor: transparentize(`${colorScheme}.700`, 0.4)(theme),\r\n    _dark: {\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderColor: transparentize(`${colorScheme}.600`, 0.4)(theme),\r\n    },\r\n  };\r\n};\r\n\r\nconst variantSolid = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  const { lightBg, darkBg } = getBg(props);\r\n  return {\r\n    bg: lightBg,\r\n    _dark: {\r\n      bg: darkBg,\r\n    },\r\n    _icon: { color: `muted.50` },\r\n  };\r\n};\r\n\r\nconst variantLeftAccent = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status } = props;\r\n  const { lightBg, darkBg } = getBg(props);\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderLeftWidth: 4,\r\n    bg: lightBg,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderLeftColor: `${colorScheme}.700`,\r\n    _dark: {\r\n      bg: darkBg,\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderLeftColor: `${colorScheme}.600`,\r\n    },\r\n  };\r\n};\r\n\r\nconst variantTopAccent = (\r\n  props: InterfaceAlertProps & { theme: any } & { colorScheme: any }\r\n) => {\r\n  let { colorScheme, status } = props;\r\n  const { lightBg, darkBg } = getBg(props);\r\n\r\n  colorScheme = getColorScheme(props, !status ? colorScheme : status);\r\n\r\n  return {\r\n    borderTopWidth: 4,\r\n    bg: lightBg,\r\n    _icon: { color: `${colorScheme}.700` },\r\n    borderTopColor: `${colorScheme}.700`,\r\n    _dark: {\r\n      bg: darkBg,\r\n      _icon: { color: `${colorScheme}.600` },\r\n      borderTopColor: `${colorScheme}.600`,\r\n    },\r\n  };\r\n};\r\n\r\nconst variants = {\r\n  'subtle': variantSubtle as any,\r\n  'solid': variantSolid as any,\r\n  'left-accent': variantLeftAccent as any,\r\n  'top-accent': variantTopAccent as any,\r\n  'outline': variantOutline as any,\r\n  'outline-light': variantOutlineLight as any,\r\n};\r\n\r\nexport const Alert = {\r\n  baseStyle: {\r\n    alignItems: 'center',\r\n    justifyContent: 'flex-start',\r\n    p: 3,\r\n    space: 3,\r\n    borderRadius: 'sm',\r\n  },\r\n  variants,\r\n  defaultProps: {\r\n    colorScheme: 'info',\r\n    variant: 'subtle',\r\n  },\r\n};\r\n\r\n// AlertIcon\r\n\r\nexport const AlertIcon = {\r\n  baseStyle: {\r\n    size: 4,\r\n  },\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,SAASC,KAAKA,CACZC,KAAkE,EAClE;EACA,MAAM;IAAEC,KAAK;IAAEC,WAAW,EAAEC,CAAC;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGL,KAAK;EAExD,MAAME,WAAW,GAAG,IAAAI,qBAAc,EAACN,KAAK,EAAE,CAACI,MAAM,GAAGD,CAAC,GAAGC,MAAM,CAAC;EAE/D,MAAMG,OAAO,GACXF,OAAO,KAAK,OAAO,GACf,IAAAG,eAAQ,EAACP,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC,GAClD,IAAAM,eAAQ,EAACP,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC;EAExD,MAAMO,MAAM,GACVJ,OAAO,KAAK,OAAO,GACf,IAAAG,eAAQ,EAACP,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC,GAClD,IAAAM,eAAQ,EAACP,KAAK,EAAE,GAAGC,WAAW,MAAM,EAAEA,WAAW,CAAC;EAExD,OAAO;IAAEK,OAAO;IAAEE;EAAO,CAAC;AAC5B;AAEA,MAAMC,aAAa,GACjBV,KAAkE,IAC/D;EACH,IAAI;IAAEE,WAAW;IAAEE;EAAO,CAAC,GAAGJ,KAAK;EACnC,MAAM;IAAEO,OAAO;IAAEE;EAAO,CAAC,GAAGV,KAAK,CAACC,KAAK,CAAC;EAExCE,WAAW,GAAG,IAAAI,qBAAc,EAACN,KAAK,EAAE,CAACI,MAAM,GAAGF,WAAW,GAAGE,MAAM,CAAC;EAEnE,OAAO;IACLO,EAAE,EAAEJ,OAAO;IACXK,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGX,WAAW;IAAO,CAAC;IACtCY,KAAK,EAAE;MACLH,EAAE,EAAEF,MAAM;MACVG,KAAK,EAAE;QAAEC,KAAK,EAAE,GAAGX,WAAW;MAAO;IACvC;EACF,CAAC;AACH,CAAC;AAED,MAAMa,cAAc,GAAIf,KAAiD,IAAK;EAC5E,IAAI;IAAEE,WAAW;IAAEE;EAAO,CAAC,GAAGJ,KAAK;EAEnCE,WAAW,GAAG,IAAAI,qBAAc,EAACN,KAAK,EAAE,CAACI,MAAM,GAAGF,WAAW,GAAGE,MAAM,CAAC;EAEnE,OAAO;IACLY,WAAW,EAAE,CAAC;IACdJ,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGX,WAAW;IAAO,CAAC;IACtCe,WAAW,EAAE,GAAGf,WAAW,MAAM;IACjCY,KAAK,EAAE;MACLF,KAAK,EAAE;QAAEC,KAAK,EAAE,GAAGX,WAAW;MAAO,CAAC;MACtCe,WAAW,EAAE,GAAGf,WAAW;IAC7B;EACF,CAAC;AACH,CAAC;AAED,MAAMgB,mBAAmB,GACvBlB,KAAkE,IAC/D;EACH,IAAI;IAAEE,WAAW;IAAEE,MAAM;IAAEH;EAAM,CAAC,GAAGD,KAAK;EAE1CE,WAAW,GAAG,IAAAI,qBAAc,EAACN,KAAK,EAAE,CAACI,MAAM,GAAGF,WAAW,GAAGE,MAAM,CAAC;EAEnE,OAAO;IACLY,WAAW,EAAE,CAAC;IACdJ,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGX,WAAW;IAAO,CAAC;IACtCe,WAAW,EAAE,IAAAE,qBAAc,EAAC,GAAGjB,WAAW,MAAM,EAAE,GAAG,CAAC,CAACD,KAAK,CAAC;IAC7Da,KAAK,EAAE;MACLF,KAAK,EAAE;QAAEC,KAAK,EAAE,GAAGX,WAAW;MAAO,CAAC;MACtCe,WAAW,EAAE,IAAAE,qBAAc,EAAC,GAAGjB,WAAW,MAAM,EAAE,GAAG,CAAC,CAACD,KAAK;IAC9D;EACF,CAAC;AACH,CAAC;AAED,MAAMmB,YAAY,GAChBpB,KAAkE,IAC/D;EACH,MAAM;IAAEO,OAAO;IAAEE;EAAO,CAAC,GAAGV,KAAK,CAACC,KAAK,CAAC;EACxC,OAAO;IACLW,EAAE,EAAEJ,OAAO;IACXO,KAAK,EAAE;MACLH,EAAE,EAAEF;IACN,CAAC;IACDG,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAW;EAC7B,CAAC;AACH,CAAC;AAED,MAAMQ,iBAAiB,GACrBrB,KAAkE,IAC/D;EACH,IAAI;IAAEE,WAAW;IAAEE;EAAO,CAAC,GAAGJ,KAAK;EACnC,MAAM;IAAEO,OAAO;IAAEE;EAAO,CAAC,GAAGV,KAAK,CAACC,KAAK,CAAC;EAExCE,WAAW,GAAG,IAAAI,qBAAc,EAACN,KAAK,EAAE,CAACI,MAAM,GAAGF,WAAW,GAAGE,MAAM,CAAC;EAEnE,OAAO;IACLkB,eAAe,EAAE,CAAC;IAClBX,EAAE,EAAEJ,OAAO;IACXK,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGX,WAAW;IAAO,CAAC;IACtCqB,eAAe,EAAE,GAAGrB,WAAW,MAAM;IACrCY,KAAK,EAAE;MACLH,EAAE,EAAEF,MAAM;MACVG,KAAK,EAAE;QAAEC,KAAK,EAAE,GAAGX,WAAW;MAAO,CAAC;MACtCqB,eAAe,EAAE,GAAGrB,WAAW;IACjC;EACF,CAAC;AACH,CAAC;AAED,MAAMsB,gBAAgB,GACpBxB,KAAkE,IAC/D;EACH,IAAI;IAAEE,WAAW;IAAEE;EAAO,CAAC,GAAGJ,KAAK;EACnC,MAAM;IAAEO,OAAO;IAAEE;EAAO,CAAC,GAAGV,KAAK,CAACC,KAAK,CAAC;EAExCE,WAAW,GAAG,IAAAI,qBAAc,EAACN,KAAK,EAAE,CAACI,MAAM,GAAGF,WAAW,GAAGE,MAAM,CAAC;EAEnE,OAAO;IACLqB,cAAc,EAAE,CAAC;IACjBd,EAAE,EAAEJ,OAAO;IACXK,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGX,WAAW;IAAO,CAAC;IACtCwB,cAAc,EAAE,GAAGxB,WAAW,MAAM;IACpCY,KAAK,EAAE;MACLH,EAAE,EAAEF,MAAM;MACVG,KAAK,EAAE;QAAEC,KAAK,EAAE,GAAGX,WAAW;MAAO,CAAC;MACtCwB,cAAc,EAAE,GAAGxB,WAAW;IAChC;EACF,CAAC;AACH,CAAC;AAED,MAAMyB,QAAQ,GAAG;EACf,QAAQ,EAAEjB,aAAoB;EAC9B,OAAO,EAAEU,YAAmB;EAC5B,aAAa,EAAEC,iBAAwB;EACvC,YAAY,EAAEG,gBAAuB;EACrC,SAAS,EAAET,cAAqB;EAChC,eAAe,EAAEG;AACnB,CAAC;AAEM,MAAMU,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,YAAY;IAC5BC,CAAC,EAAE,CAAC;IACJC,KAAK,EAAE,CAAC;IACRC,YAAY,EAAE;EAChB,CAAC;EACDR,QAAQ;EACRS,YAAY,EAAE;IACZlC,WAAW,EAAE,MAAM;IACnBG,OAAO,EAAE;EACX;AACF,CAAC;;AAED;;AAEO,MAAMgC,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAG;EACvBP,SAAS,EAAE;IACTQ,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/theme/components/app-bar.js

@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _tools = require("./../tools");
-
 const baseStyle = props => {
   let colorScheme = (0, _tools.getColorScheme)(props);
   return {
-    bg: (0, _tools.mode)("".concat(colorScheme, ".500"), "".concat(colorScheme, ".300"))(props),
+    bg: (0, _tools.mode)(`${colorScheme}.500`, `${colorScheme}.300`)(props),
     px: 2
   };
 };
-
 const defaultProps = {
   colorScheme: 'primary'
 };
-var _default = {
+var _default = exports.default = {
   baseStyle,
   defaultProps
 };
-exports.default = _default;
 //# sourceMappingURL=app-bar.js.map

package/lib/commonjs/theme/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["app-bar.ts"],"names":["baseStyle","props","colorScheme","bg","px","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,SAAS,GAAIC,KAAD,IAAgC;AAChD,MAAIC,WAAW,GAAG,2BAAeD,KAAf,CAAlB;AACA,SAAO;AACLE,IAAAA,EAAE,EAAE,2BAAQD,WAAR,qBAA8BA,WAA9B,WAAiDD,KAAjD,CADC;AAELG,IAAAA,EAAE,EAAE;AAFC,GAAP;AAID,CAND;;AAOA,MAAMC,YAAY,GAAG;AACnBH,EAAAA,WAAW,EAAE;AADM,CAArB;eAIe;AACbF,EAAAA,SADa;AAEbK,EAAAA;AAFa,C","sourcesContent":["import { mode, getColorScheme } from './../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  let colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.500`, `${colorScheme}.300`)(props),\r\n    px: 2,\r\n  };\r\n};\r\nconst defaultProps = {\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["_tools","require","baseStyle","props","colorScheme","getColorScheme","bg","mode","px","defaultProps","_default","exports","default"],"sources":["app-bar.ts"],"sourcesContent":["import { mode, getColorScheme } from './../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  let colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.500`, `${colorScheme}.300`)(props),\r\n    px: 2,\r\n  };\r\n};\r\nconst defaultProps = {\r\n  colorScheme: 'primary',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,SAAS,GAAIC,KAA0B,IAAK;EAChD,IAAIC,WAAW,GAAG,IAAAC,qBAAc,EAACF,KAAK,CAAC;EACvC,OAAO;IACLG,EAAE,EAAE,IAAAC,WAAI,EAAC,GAAGH,WAAW,MAAM,EAAE,GAAGA,WAAW,MAAM,CAAC,CAACD,KAAK,CAAC;IAC3DK,EAAE,EAAE;EACN,CAAC;AACH,CAAC;AACD,MAAMC,YAAY,GAAG;EACnBL,WAAW,EAAE;AACf,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa;EACbV,SAAS;EACTO;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/theme/components/aspect-ratio.js

@@ -8,9 +8,8 @@ const baseStyle = {};
 const defaultProps = {
   ratio: 4 / 3
 };
-var _default = {
+var _default = exports.default = {
   baseStyle,
   defaultProps
 };
-exports.default = _default;
 //# sourceMappingURL=aspect-ratio.js.map

package/lib/commonjs/theme/components/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["aspect-ratio.ts"],"names":["baseStyle","defaultProps","ratio"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE,IAAI;AADQ,CAArB;eAGe;AACbF,EAAAA,SADa;AAEbC,EAAAA;AAFa,C","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {\r\n  ratio: 4 / 3,\r\n};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["baseStyle","defaultProps","ratio","_default","exports","default"],"sources":["aspect-ratio.ts"],"sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {\r\n  ratio: 4 / 3,\r\n};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG,CAAC,CAAC;AACpB,MAAMC,YAAY,GAAG;EACnBC,KAAK,EAAE,CAAC,GAAG;AACb,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACa;EACbL,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/theme/components/avatar-badge.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 function baseStyle() {
   return {
     borderRadius: 'full',
@@ -22,9 +21,7 @@ function baseStyle() {
     }
   };
 }
-
-var _default = {
+var _default = exports.default = {
   baseStyle
 };
-exports.default = _default;
 //# sourceMappingURL=avatar-badge.js.map

package/lib/commonjs/theme/components/avatar-badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["avatar-badge.ts"],"names":["baseStyle","borderRadius","borderWidth","bg","size","position","right","bottom","_light","borderColor","_dark"],"mappings":";;;;;;;AAAA,SAASA,SAAT,GAAqB;AACnB,SAAO;AACLC,IAAAA,YAAY,EAAE,MADT;AAELC,IAAAA,WAAW,EAAE,CAFR;AAGLC,IAAAA,EAAE,EAAE,aAHC;AAILC,IAAAA,IAAI,EAAE,CAJD;AAKLC,IAAAA,QAAQ,EAAE,UALL;AAMLC,IAAAA,KAAK,EAAE,CANF;AAOLC,IAAAA,MAAM,EAAE,CAPH;AAQLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,WAAW,EAAE;AADP,KARH;AAWLC,IAAAA,KAAK,EAAE;AACLD,MAAAA,WAAW,EAAE;AADR;AAXF,GAAP;AAeD;;eAEc;AAAET,EAAAA;AAAF,C","sourcesContent":["function baseStyle() {\r\n  return {\r\n    borderRadius: 'full',\r\n    borderWidth: 2,\r\n    bg: 'success.600',\r\n    size: 3,\r\n    position: 'absolute',\r\n    right: 0,\r\n    bottom: 0,\r\n    _light: {\r\n      borderColor: 'muted.50',\r\n    },\r\n    _dark: {\r\n      borderColor: 'muted.900',\r\n    },\r\n  };\r\n}\r\n\r\nexport default { baseStyle };\r\n"]}
+{"version":3,"names":["baseStyle","borderRadius","borderWidth","bg","size","position","right","bottom","_light","borderColor","_dark","_default","exports","default"],"sources":["avatar-badge.ts"],"sourcesContent":["function baseStyle() {\r\n  return {\r\n    borderRadius: 'full',\r\n    borderWidth: 2,\r\n    bg: 'success.600',\r\n    size: 3,\r\n    position: 'absolute',\r\n    right: 0,\r\n    bottom: 0,\r\n    _light: {\r\n      borderColor: 'muted.50',\r\n    },\r\n    _dark: {\r\n      borderColor: 'muted.900',\r\n    },\r\n  };\r\n}\r\n\r\nexport default { baseStyle };\r\n"],"mappings":";;;;;;AAAA,SAASA,SAASA,CAAA,EAAG;EACnB,OAAO;IACLC,YAAY,EAAE,MAAM;IACpBC,WAAW,EAAE,CAAC;IACdC,EAAE,EAAE,aAAa;IACjBC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;MACNC,WAAW,EAAE;IACf,CAAC;IACDC,KAAK,EAAE;MACLD,WAAW,EAAE;IACf;EACF,CAAC;AACH;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc;EAAEb;AAAU,CAAC","ignoreList":[]}

package/lib/commonjs/theme/components/avatar-group.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 function baseStyle({
   isVertical
 }) {
@@ -37,12 +36,10 @@ function baseStyle({
     }
   };
 }
-
-var _default = {
+var _default = exports.default = {
   baseStyle,
   defaultProps: {
     isVertical: false
   }
 };
-exports.default = _default;
 //# sourceMappingURL=avatar-group.js.map

package/lib/commonjs/theme/components/avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["avatar-group.ts"],"names":["baseStyle","isVertical","flexDirection","space","_avatar","borderWidth","_hiddenAvatarPlaceholder","_text","color","_light","borderColor","bg","_dark","defaultProps"],"mappings":";;;;;;;AACA,SAASA,SAAT,CAAmB;AAAEC,EAAAA;AAAF,CAAnB,EAAsD;AACpD,SAAO;AACLC,IAAAA,aAAa,EAAED,UAAU,GAAG,gBAAH,GAAsB,aAD1C;AAELE,IAAAA,KAAK,EAAE,CAAC,CAFH;AAGLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,WAAW,EAAE;AADN,KAHJ;AAMLC,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE;AADF;AADiB,KANrB;AAWLC,IAAAA,MAAM,EAAE;AACNL,MAAAA,OAAO,EAAE;AACPM,QAAAA,WAAW,EAAE;AADN,OADH;AAINJ,MAAAA,wBAAwB,EAAE;AACxBK,QAAAA,EAAE,EAAE;AADoB;AAJpB,KAXH;AAmBLC,IAAAA,KAAK,EAAE;AACLR,MAAAA,OAAO,EAAE;AACPM,QAAAA,WAAW,EAAE;AADN,OADJ;AAILJ,MAAAA,wBAAwB,EAAE;AACxBK,QAAAA,EAAE,EAAE;AADoB;AAJrB;AAnBF,GAAP;AA4BD;;eAEc;AACbX,EAAAA,SADa;AAEba,EAAAA,YAAY,EAAE;AACZZ,IAAAA,UAAU,EAAE;AADA;AAFD,C","sourcesContent":["import type { IAvatarGroupProps } from '../../components/composites/Avatar/types';\r\nfunction baseStyle({ isVertical }: IAvatarGroupProps) {\r\n  return {\r\n    flexDirection: isVertical ? 'column-reverse' : 'row-reverse',\r\n    space: -4,\r\n    _avatar: {\r\n      borderWidth: 2,\r\n    },\r\n    _hiddenAvatarPlaceholder: {\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n    _light: {\r\n      _avatar: {\r\n        borderColor: 'muted.50',\r\n      },\r\n      _hiddenAvatarPlaceholder: {\r\n        bg: 'gray.600',\r\n      },\r\n    },\r\n    _dark: {\r\n      _avatar: {\r\n        borderColor: 'muted.900',\r\n      },\r\n      _hiddenAvatarPlaceholder: {\r\n        bg: 'gray.600',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {\r\n    isVertical: false,\r\n  },\r\n};\r\n"]}
+{"version":3,"names":["baseStyle","isVertical","flexDirection","space","_avatar","borderWidth","_hiddenAvatarPlaceholder","_text","color","_light","borderColor","bg","_dark","_default","exports","default","defaultProps"],"sources":["avatar-group.ts"],"sourcesContent":["import type { IAvatarGroupProps } from '../../components/composites/Avatar/types';\r\nfunction baseStyle({ isVertical }: IAvatarGroupProps) {\r\n  return {\r\n    flexDirection: isVertical ? 'column-reverse' : 'row-reverse',\r\n    space: -4,\r\n    _avatar: {\r\n      borderWidth: 2,\r\n    },\r\n    _hiddenAvatarPlaceholder: {\r\n      _text: {\r\n        color: 'text.50',\r\n      },\r\n    },\r\n    _light: {\r\n      _avatar: {\r\n        borderColor: 'muted.50',\r\n      },\r\n      _hiddenAvatarPlaceholder: {\r\n        bg: 'gray.600',\r\n      },\r\n    },\r\n    _dark: {\r\n      _avatar: {\r\n        borderColor: 'muted.900',\r\n      },\r\n      _hiddenAvatarPlaceholder: {\r\n        bg: 'gray.600',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport default {\r\n  baseStyle,\r\n  defaultProps: {\r\n    isVertical: false,\r\n  },\r\n};\r\n"],"mappings":";;;;;;AACA,SAASA,SAASA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EACpD,OAAO;IACLC,aAAa,EAAED,UAAU,GAAG,gBAAgB,GAAG,aAAa;IAC5DE,KAAK,EAAE,CAAC,CAAC;IACTC,OAAO,EAAE;MACPC,WAAW,EAAE;IACf,CAAC;IACDC,wBAAwB,EAAE;MACxBC,KAAK,EAAE;QACLC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,MAAM,EAAE;MACNL,OAAO,EAAE;QACPM,WAAW,EAAE;MACf,CAAC;MACDJ,wBAAwB,EAAE;QACxBK,EAAE,EAAE;MACN;IACF,CAAC;IACDC,KAAK,EAAE;MACLR,OAAO,EAAE;QACPM,WAAW,EAAE;MACf,CAAC;MACDJ,wBAAwB,EAAE;QACxBK,EAAE,EAAE;MACN;IACF;EACF,CAAC;AACH;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc;EACbf,SAAS;EACTgB,YAAY,EAAE;IACZf,UAAU,EAAE;EACd;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/theme/components/avatar.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _tools = require("./../tools");
-
 const baseStyle = props => {
   const {
     name
@@ -41,7 +39,6 @@ const baseStyle = props => {
     }
   };
 };
-
 function getSize(size, fontSize, badgeSize) {
   return {
     width: size,
@@ -52,7 +49,6 @@ function getSize(size, fontSize, badgeSize) {
     _badgeSize: badgeSize
   };
 }
-
 const sizes = {
   'xs': getSize('6', '2xs', '2'),
   'sm': getSize('8', 'xs', '3'),
@@ -64,10 +60,9 @@ const sizes = {
 const defaultProps = {
   size: 'md'
 };
-var _default = {
+var _default = exports.default = {
   baseStyle,
   sizes,
   defaultProps
 };
-exports.default = _default;
 //# sourceMappingURL=avatar.js.map

package/lib/commonjs/theme/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["avatar.ts"],"names":["baseStyle","props","name","bg","string","position","justifyContent","alignItems","borderRadius","_text","fontWeight","color","_image","alt","_alt","style","height","width","borderColor","_dark","getSize","size","fontSize","badgeSize","_badgeSize","sizes","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,SAAS,GAAIC,KAAD,IAAoD;AACpE,QAAM;AAAEC,IAAAA;AAAF,MAAWD,KAAjB;AACA,QAAME,EAAE,GAAGD,IAAI,GACX,wBAAY;AAAEE,IAAAA,MAAM,EAAE,4BAAgB,CAAhB,IAAqBF;AAA/B,GAAZ,CADW,GAEX,UAFJ;AAGA,SAAO;AACLC,IAAAA,EADK;AAELE,IAAAA,QAAQ,EAAE,UAFL;AAGLC,IAAAA,cAAc,EAAE,QAHX;AAILC,IAAAA,UAAU,EAAE,QAJP;AAKLC,IAAAA,YAAY,EAAE,MALT;AAMLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAE,GADP;AAELC,MAAAA,KAAK,EAAE;AAFF,KANF;AAULC,IAAAA,MAAM,EAAE;AACNJ,MAAAA,YAAY,EAAE,MADR;AAENK,MAAAA,GAAG,EAAE,IAFC;AAGNC,MAAAA,IAAI,EAAE;AACJJ,QAAAA,UAAU,EAAE;AADR,OAHA;AAMNK,MAAAA,KAAK,EAAE;AACLC,QAAAA,MAAM,EAAE,MADH;AAELC,QAAAA,KAAK,EAAE;AAFF;AAND,KAVH;AAqBLC,IAAAA,WAAW,EAAE,UArBR;AAsBLC,IAAAA,KAAK,EAAE;AACLD,MAAAA,WAAW,EAAE;AADR;AAtBF,GAAP;AA0BD,CA/BD;;AAiCA,SAASE,OAAT,CAAiBC,IAAjB,EAA4BC,QAA5B,EAA8CC,SAA9C,EAA8D;AAC5D,SAAO;AACLN,IAAAA,KAAK,EAAEI,IADF;AAELL,IAAAA,MAAM,EAAEK,IAFH;AAGLZ,IAAAA,KAAK,EAAE;AACLa,MAAAA,QAAQ,EAAEA;AADL,KAHF;AAMLE,IAAAA,UAAU,EAAED;AANP,GAAP;AAQD;;AAED,MAAME,KAAK,GAAG;AACZ,QAAML,OAAO,CAAC,GAAD,EAAM,KAAN,EAAa,GAAb,CADD;AAEZ,QAAMA,OAAO,CAAC,GAAD,EAAM,IAAN,EAAY,GAAZ,CAFD;AAGZ,QAAMA,OAAO,CAAC,IAAD,EAAO,IAAP,EAAa,GAAb,CAHD;AAIZ,QAAMA,OAAO,CAAC,IAAD,EAAO,IAAP,EAAa,GAAb,CAJD;AAKZ,QAAMA,OAAO,CAAC,IAAD,EAAO,KAAP,EAAc,GAAd,CALD;AAMZ,SAAOA,OAAO,CAAC,IAAD,EAAO,KAAP,EAAc,GAAd;AANF,CAAd;AASA,MAAMM,YAAY,GAAG;AACnBL,EAAAA,IAAI,EAAE;AADa,CAArB;eAIe;AACbrB,EAAAA,SADa;AAEbyB,EAAAA,KAFa;AAGbC,EAAAA;AAHa,C","sourcesContent":["import { randomColor, getRandomString } from './../tools';\r\nimport type { InterfaceAvatarProps } from '../../components/composites/Avatar/types';\r\nconst baseStyle = (props: InterfaceAvatarProps & { name: string }) => {\r\n  const { name } = props;\r\n  const bg = name\r\n    ? randomColor({ string: getRandomString(5) + name })\r\n    : 'gray.400';\r\n  return {\r\n    bg,\r\n    position: 'relative',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    borderRadius: 'full',\r\n    _text: {\r\n      fontWeight: 600,\r\n      color: 'text.50',\r\n    },\r\n    _image: {\r\n      borderRadius: 'full',\r\n      alt: '--',\r\n      _alt: {\r\n        fontWeight: 600,\r\n      },\r\n      style: {\r\n        height: '100%',\r\n        width: '100%',\r\n      },\r\n    },\r\n    borderColor: 'gray.800',\r\n    _dark: {\r\n      borderColor: 'white',\r\n    },\r\n  };\r\n};\r\n\r\nfunction getSize(size: any, fontSize: string, badgeSize: any) {\r\n  return {\r\n    width: size,\r\n    height: size,\r\n    _text: {\r\n      fontSize: fontSize,\r\n    },\r\n    _badgeSize: badgeSize,\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  'xs': getSize('6', '2xs', '2'),\r\n  'sm': getSize('8', 'xs', '3'),\r\n  'md': getSize('12', 'md', '4'),\r\n  'lg': getSize('16', 'xl', '5'),\r\n  'xl': getSize('24', '3xl', '6'),\r\n  '2xl': getSize('32', '5xl', '7'),\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'md',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"]}
+{"version":3,"names":["_tools","require","baseStyle","props","name","bg","randomColor","string","getRandomString","position","justifyContent","alignItems","borderRadius","_text","fontWeight","color","_image","alt","_alt","style","height","width","borderColor","_dark","getSize","size","fontSize","badgeSize","_badgeSize","sizes","defaultProps","_default","exports","default"],"sources":["avatar.ts"],"sourcesContent":["import { randomColor, getRandomString } from './../tools';\r\nimport type { InterfaceAvatarProps } from '../../components/composites/Avatar/types';\r\nconst baseStyle = (props: InterfaceAvatarProps & { name: string }) => {\r\n  const { name } = props;\r\n  const bg = name\r\n    ? randomColor({ string: getRandomString(5) + name })\r\n    : 'gray.400';\r\n  return {\r\n    bg,\r\n    position: 'relative',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    borderRadius: 'full',\r\n    _text: {\r\n      fontWeight: 600,\r\n      color: 'text.50',\r\n    },\r\n    _image: {\r\n      borderRadius: 'full',\r\n      alt: '--',\r\n      _alt: {\r\n        fontWeight: 600,\r\n      },\r\n      style: {\r\n        height: '100%',\r\n        width: '100%',\r\n      },\r\n    },\r\n    borderColor: 'gray.800',\r\n    _dark: {\r\n      borderColor: 'white',\r\n    },\r\n  };\r\n};\r\n\r\nfunction getSize(size: any, fontSize: string, badgeSize: any) {\r\n  return {\r\n    width: size,\r\n    height: size,\r\n    _text: {\r\n      fontSize: fontSize,\r\n    },\r\n    _badgeSize: badgeSize,\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  'xs': getSize('6', '2xs', '2'),\r\n  'sm': getSize('8', 'xs', '3'),\r\n  'md': getSize('12', 'md', '4'),\r\n  'lg': getSize('16', 'xl', '5'),\r\n  'xl': getSize('24', '3xl', '6'),\r\n  '2xl': getSize('32', '5xl', '7'),\r\n};\r\n\r\nconst defaultProps = {\r\n  size: 'md',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  sizes,\r\n  defaultProps,\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,SAAS,GAAIC,KAA8C,IAAK;EACpE,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAME,EAAE,GAAGD,IAAI,GACX,IAAAE,kBAAW,EAAC;IAAEC,MAAM,EAAE,IAAAC,sBAAe,EAAC,CAAC,CAAC,GAAGJ;EAAK,CAAC,CAAC,GAClD,UAAU;EACd,OAAO;IACLC,EAAE;IACFI,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,MAAM;IACpBC,KAAK,EAAE;MACLC,UAAU,EAAE,GAAG;MACfC,KAAK,EAAE;IACT,CAAC;IACDC,MAAM,EAAE;MACNJ,YAAY,EAAE,MAAM;MACpBK,GAAG,EAAE,IAAI;MACTC,IAAI,EAAE;QACJJ,UAAU,EAAE;MACd,CAAC;MACDK,KAAK,EAAE;QACLC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,WAAW,EAAE,UAAU;IACvBC,KAAK,EAAE;MACLD,WAAW,EAAE;IACf;EACF,CAAC;AACH,CAAC;AAED,SAASE,OAAOA,CAACC,IAAS,EAAEC,QAAgB,EAAEC,SAAc,EAAE;EAC5D,OAAO;IACLN,KAAK,EAAEI,IAAI;IACXL,MAAM,EAAEK,IAAI;IACZZ,KAAK,EAAE;MACLa,QAAQ,EAAEA;IACZ,CAAC;IACDE,UAAU,EAAED;EACd,CAAC;AACH;AAEA,MAAME,KAAK,GAAG;EACZ,IAAI,EAAEL,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC;EAC9B,IAAI,EAAEA,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC;EAC7B,IAAI,EAAEA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC;EAC9B,IAAI,EAAEA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC;EAC9B,IAAI,EAAEA,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC;EAC/B,KAAK,EAAEA,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG;AACjC,CAAC;AAED,MAAMM,YAAY,GAAG;EACnBL,IAAI,EAAE;AACR,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa;EACb/B,SAAS;EACT2B,KAAK;EACLC;AACF,CAAC","ignoreList":[]}