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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["actionsheet.ts"],"names":["Actionsheet","defaultProps","size","justifyContent","animationPreset","ActionsheetContent","baseStyle","props","alignItems","px","py","borderRadius","roundedTop","_dragIndicator","bg","height","width","_dragIndicatorWrapper","pt","pb","mt","collapsable","_dragIndicatorWrapperOffSet","ActionsheetItem","p","_text","fontSize","fontWeight","color","_pressed","_hover","variant"],"mappings":";;;;;;;AAAA;;AACA;AACO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,IAAI,EAAE,MADM;AAEZC,IAAAA,cAAc,EAAE,UAFJ;AAGZC,IAAAA,eAAe,EAAE;AAHL;AADW,CAApB,C,CAQP;;;AACO,MAAMC,kBAAkB,GAAG;AAChCC,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BC,IAAAA,UAAU,EAAE,QADc;AAE1BC,IAAAA,EAAE,EAAE,CAFsB;AAG1BC,IAAAA,EAAE,EAAE,CAHsB;AAI1BC,IAAAA,YAAY,EAAE,MAJY;AAK1BC,IAAAA,UAAU,EAAE,EALc;AAM1BC,IAAAA,cAAc,EAAE;AACdC,MAAAA,EAAE,EAAE,iBAAK,UAAL,EAAiB,UAAjB,EAA6BP,KAA7B,CADU;AAEdQ,MAAAA,MAAM,EAAE,CAFM;AAGdC,MAAAA,KAAK,EAAE,EAHO;AAIdL,MAAAA,YAAY,EAAE;AAJA,KANU;AAY1BM,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,EAAE,EAAE,CADiB;AAErBC,MAAAA,EAAE,EAAE,CAFiB;AAGrBC,MAAAA,EAAE,EAAE,CAAC,CAHgB;AAIrBJ,MAAAA,KAAK,EAAE,MAJc;AAKrBR,MAAAA,UAAU,EAAE,QALS;AAMrBa,MAAAA,WAAW,EAAE;AANQ,KAZG;AAoB1BC,IAAAA,2BAA2B,EAAE;AAC3BZ,MAAAA,EAAE,EAAE,CADuB;AAE3BW,MAAAA,WAAW,EAAE;AAFc;AApBH,GAAjB;AADqB,CAA3B,C,CA4BP;;;AACO,MAAME,eAAe,GAAG;AAC7BjB,EAAAA,SAAS,EAAGC,KAAD,KAAiB;AAC1BS,IAAAA,KAAK,EAAE,MADmB;AAE1Bb,IAAAA,cAAc,EAAE,YAFU;AAG1BqB,IAAAA,CAAC,EAAE,CAHuB;AAI1BC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,EADL;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLC,MAAAA,KAAK,EAAE,iBAAK,cAAL,EAAqB,aAArB,EAAoCrB,KAApC;AAHF,KAJmB;AAS1BsB,IAAAA,QAAQ,EAAE;AACRf,MAAAA,EAAE,EAAE,iBAAK,cAAL,EAAqB,UAArB,EAAiCP,KAAjC;AADI,KATgB;AAY1BuB,IAAAA,MAAM,EAAE;AACNhB,MAAAA,EAAE,EAAE,iBAAK,cAAL,EAAqB,UAArB,EAAiCP,KAAjC;AADE;AAZkB,GAAjB,CADkB;AAiB7BN,EAAAA,YAAY,EAAE;AACZ8B,IAAAA,OAAO,EAAE;AADG;AAjBe,CAAxB","sourcesContent":["import { mode } from '../tools';\r\n// 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: (props: any) => ({\r\n    alignItems: 'center',\r\n    px: 2,\r\n    py: 2,\r\n    borderRadius: 'none',\r\n    roundedTop: 20,\r\n    _dragIndicator: {\r\n      bg: mode('gray.400', 'gray.400')(props),\r\n      height: 1,\r\n      width: 10,\r\n      borderRadius: 2,\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: (props: any) => ({\r\n    width: '100%',\r\n    justifyContent: 'flex-start',\r\n    p: 4,\r\n    _text: {\r\n      fontSize: 16,\r\n      fontWeight: 'normal',\r\n      color: mode('coolGray.800', 'warmGray.50')(props),\r\n    },\r\n    _pressed: {\r\n      bg: mode('coolGray.300', 'gray.600')(props),\r\n    },\r\n    _hover: {\r\n      bg: mode('coolGray.200', 'gray.500')(props),\r\n    },\r\n  }),\r\n  defaultProps: {\r\n    variant: 'unstyled',\r\n  },\r\n};\r\n"]}

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

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertDialogOverlay = exports.AlertDialogFooter = exports.AlertDialogBody = exports.AlertDialogHeader = exports.AlertDialogCloseButton = exports.AlertDialogContent = exports.AlertDialog = void 0;
+
+var _reactNative = require("react-native");
+
+var _tools = require("../tools");
+
+const sizes = {
+  xs: {
+    contentSize: {
+      width: '60%',
+      maxWidth: '280'
+    }
+  },
+  sm: {
+    contentSize: {
+      width: '65%',
+      maxWidth: '320'
+    }
+  },
+  md: {
+    contentSize: {
+      width: '75%',
+      maxWidth: '380'
+    }
+  },
+  lg: {
+    contentSize: {
+      width: '80%',
+      maxWidth: '520'
+    }
+  },
+  xl: {
+    contentSize: {
+      width: '90%',
+      maxWidth: '580'
+    }
+  },
+  full: {
+    contentSize: {
+      width: '100%'
+    }
+  }
+};
+const AlertDialog = {
+  baseStyle: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    _web: {
+      pointerEvents: 'box-none'
+    },
+    _backdropFade: {
+      exitDuration: 150,
+      entryDuration: 200
+    },
+    _fade: {
+      exitDuration: 100,
+      entryDuration: 200
+    },
+    _slide: {
+      duration: 200,
+      overlay: false
+    }
+  },
+  sizes,
+  defaultProps: {
+    size: 'md',
+    closeOnOverlayClick: true
+  }
+};
+exports.AlertDialog = AlertDialog;
+const AlertDialogContent = {
+  baseStyle: props => {
+    return {
+      bg: (0, _tools.mode)('coolGray.50', 'gray.700')(props),
+      _text: {
+        color: (0, _tools.mode)('coolGray.800', 'warmGray.50')(props)
+      },
+      shadow: 1,
+      rounded: 'lg',
+      maxHeight: "".concat(_reactNative.Dimensions.get('window').height - 150, "px"),
+      overflow: 'hidden'
+    };
+  }
+};
+exports.AlertDialogContent = AlertDialogContent;
+const AlertDialogCloseButton = {
+  baseStyle: props => {
+    return {
+      position: 'absolute',
+      right: '3',
+      top: '3',
+      zIndex: '1',
+      colorScheme: 'coolGray',
+      p: '2',
+      _icon: {
+        size: '3',
+        color: (0, _tools.mode)('coolGray.600', 'coolGray.100')(props)
+      }
+    };
+  }
+};
+exports.AlertDialogCloseButton = AlertDialogCloseButton;
+const AlertDialogHeader = {
+  baseStyle: props => {
+    return {
+      py: '4',
+      px: '3',
+      borderBottomWidth: '1',
+      borderColor: (0, _tools.mode)('coolGray.200', 'gray.600')(props),
+      _text: {
+        fontSize: 'md',
+        fontWeight: 'semibold',
+        color: (0, _tools.mode)('coolGray.800', 'warmGray.50')(props),
+        lineHeight: 'sm'
+      }
+    };
+  }
+};
+exports.AlertDialogHeader = AlertDialogHeader;
+const AlertDialogBody = {
+  baseStyle: props => {
+    return {
+      pt: '2',
+      p: '3',
+      _text: {
+        color: (0, _tools.mode)('coolGray.600', 'coolGray.300')(props)
+      }
+    };
+  }
+};
+exports.AlertDialogBody = AlertDialogBody;
+const AlertDialogFooter = {
+  baseStyle: props => {
+    return {
+      p: '3',
+      bg: (0, _tools.mode)('coolGray.100', 'gray.600')(props),
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      flexWrap: 'wrap'
+    };
+  }
+};
+exports.AlertDialogFooter = AlertDialogFooter;
+const AlertDialogOverlay = {
+  baseStyle: {
+    position: 'absolute',
+    left: '0',
+    top: '0',
+    opacity: '50',
+    right: '0',
+    bottom: '0'
+  }
+};
+exports.AlertDialogOverlay = AlertDialogOverlay;
+//# sourceMappingURL=alert-dialog.js.map

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

@@ -0,0 +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","defaultProps","size","closeOnOverlayClick","AlertDialogContent","props","bg","_text","color","shadow","rounded","maxHeight","Dimensions","get","overflow","AlertDialogCloseButton","position","right","top","zIndex","colorScheme","p","_icon","AlertDialogHeader","py","px","borderBottomWidth","borderColor","fontSize","fontWeight","lineHeight","AlertDialogBody","pt","AlertDialogFooter","flexDirection","flexWrap","AlertDialogOverlay","left","opacity","bottom"],"mappings":"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","sourcesContent":["import { Dimensions } from 'react-native';\r\nimport { mode } from '../tools';\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  },\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: (props: Record<string, any>) => {\r\n    return {\r\n      bg: mode('coolGray.50', 'gray.700')(props),\r\n      _text: { color: mode('coolGray.800', 'warmGray.50')(props) },\r\n      shadow: 1,\r\n      rounded: 'lg',\r\n      maxHeight: `${Dimensions.get('window').height - 150}px`,\r\n      overflow: 'hidden',\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogCloseButton = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      position: 'absolute',\r\n      right: '3',\r\n      top: '3',\r\n      zIndex: '1',\r\n      colorScheme: 'coolGray',\r\n      p: '2',\r\n      _icon: {\r\n        size: '3',\r\n        color: mode('coolGray.600', 'coolGray.100')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogHeader = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      py: '4',\r\n      px: '3',\r\n      borderBottomWidth: '1',\r\n      borderColor: mode('coolGray.200', 'gray.600')(props),\r\n      _text: {\r\n        fontSize: 'md',\r\n        fontWeight: 'semibold',\r\n        color: mode('coolGray.800', 'warmGray.50')(props),\r\n        lineHeight: 'sm',\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogBody = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      pt: '2',\r\n      p: '3',\r\n      _text: {\r\n        color: mode('coolGray.600', 'coolGray.300')(props),\r\n      },\r\n    };\r\n  },\r\n};\r\nexport const AlertDialogFooter = {\r\n  baseStyle: (props: Record<string, any>) => {\r\n    return {\r\n      p: '3',\r\n      bg: mode('coolGray.100', 'gray.600')(props),\r\n      flexDirection: 'row',\r\n      justifyContent: 'flex-end',\r\n      flexWrap: 'wrap',\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"]}

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

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertIcon = exports.Alert = void 0;
+
+var _tools = require("../tools");
+
+function getBg(props) {
+  let {
+    theme,
+    colorScheme,
+    status,
+    variant
+  } = props;
+  colorScheme = (0, _tools.getColorScheme)(props, colorScheme !== 'primary' ? colorScheme : status);
+  const lightBg = variant === 'solid' ? (0, _tools.getColor)(theme, "".concat(colorScheme, ".600"), colorScheme) : (0, _tools.getColor)(theme, "".concat(colorScheme, ".100"), colorScheme);
+  const darkBg = variant === 'solid' ? (0, _tools.getColor)(theme, "".concat(colorScheme, ".700"), colorScheme) : (0, _tools.getColor)(theme, "".concat(colorScheme, ".200"), colorScheme);
+  return (0, _tools.mode)(lightBg, darkBg)(props);
+}
+
+const variantSubtle = props => {
+  let {
+    colorScheme,
+    status
+  } = props;
+  colorScheme = (0, _tools.getColorScheme)(props, colorScheme !== 'primary' ? colorScheme : status);
+  return {
+    bg: getBg(props),
+    _icon: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+    }
+  };
+};
+
+const variantOutline = props => {
+  let {
+    colorScheme,
+    status
+  } = props;
+  colorScheme = (0, _tools.getColorScheme)(props, colorScheme !== 'primary' ? colorScheme : status);
+  return {
+    borderWidth: 1,
+    borderColor: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props),
+    _icon: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+    }
+  };
+};
+
+const variantOutlineLight = props => {
+  let {
+    colorScheme,
+    status,
+    theme
+  } = props;
+  colorScheme = (0, _tools.getColorScheme)(props, colorScheme !== 'primary' ? colorScheme : status);
+  return {
+    borderWidth: 1,
+    borderColor: (0, _tools.transparentize)((0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".500"))(props), 0.2)(theme),
+    _icon: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+    }
+  };
+};
+
+const variantSolid = props => {
+  return {
+    borderWidth: 6,
+    borderColor: 'transparent',
+    bg: getBg(props),
+    _icon: {
+      color: (0, _tools.mode)("coolGray.50", "warmGray.50")(props)
+    }
+  };
+};
+
+const variantLeftAccent = props => {
+  let {
+    colorScheme,
+    status
+  } = props;
+  colorScheme = (0, _tools.getColorScheme)(props, colorScheme !== 'primary' ? colorScheme : status);
+  return {
+    borderWidth: 4,
+    bg: getBg(props),
+    _icon: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+    },
+    borderColor: 'transparent',
+    borderLeftColor: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+  };
+};
+
+const variantTopAccent = props => {
+  let {
+    colorScheme,
+    status
+  } = props;
+  colorScheme = (0, _tools.getColorScheme)(props, colorScheme !== 'primary' ? colorScheme : status);
+  return {
+    borderWidth: 4,
+    borderColor: 'transparent',
+    borderTopColor: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props),
+    bg: getBg(props),
+    _icon: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".700"))(props)
+    }
+  };
+};
+
+const variants = {
+  'subtle': variantSubtle,
+  'solid': variantSolid,
+  'left-accent': variantLeftAccent,
+  'top-accent': variantTopAccent,
+  'outline': variantOutline,
+  'outline-light': variantOutlineLight
+};
+const Alert = {
+  baseStyle: {
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    p: 3,
+    space: 3,
+    borderRadius: 'sm'
+  },
+  variants,
+  defaultProps: {
+    colorScheme: 'primary',
+    variant: 'subtle'
+  }
+}; // AlertIcon
+
+exports.Alert = Alert;
+const AlertIcon = {
+  baseStyle: {
+    size: 4
+  }
+};
+exports.AlertIcon = AlertIcon;
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["alert.ts"],"names":["getBg","props","theme","colorScheme","status","variant","lightBg","darkBg","variantSubtle","bg","_icon","color","variantOutline","borderWidth","borderColor","variantOutlineLight","variantSolid","variantLeftAccent","borderLeftColor","variantTopAccent","borderTopColor","variants","Alert","baseStyle","alignItems","justifyContent","p","space","borderRadius","defaultProps","AlertIcon","size"],"mappings":"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","sourcesContent":["import { mode, getColor, getColorScheme, transparentize } from '../tools';\r\n\r\nfunction getBg(props: Record<string, any>) {\r\n  let { theme, colorScheme, status, variant } = props;\r\n\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  const lightBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.600`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.100`, colorScheme);\r\n\r\n  const darkBg =\r\n    variant === 'solid'\r\n      ? getColor(theme, `${colorScheme}.700`, colorScheme)\r\n      : getColor(theme, `${colorScheme}.200`, colorScheme);\r\n  return mode(lightBg, darkBg)(props);\r\n}\r\n\r\nconst variantSubtle = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\n\r\nconst variantOutline = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\nconst variantOutlineLight = (props: Record<string, any>) => {\r\n  let { colorScheme, status, theme } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 1,\r\n    borderColor: transparentize(\r\n      mode(`${colorScheme}.600`, `${colorScheme}.500`)(props),\r\n      0.2\r\n    )(theme),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n  };\r\n};\r\n\r\nconst variantSolid = (props: Record<string, any>) => {\r\n  return {\r\n    borderWidth: 6,\r\n    borderColor: 'transparent',\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`coolGray.50`, `warmGray.50`)(props) },\r\n  };\r\n};\r\nconst variantLeftAccent = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 4,\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n    borderColor: 'transparent',\r\n    borderLeftColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n  };\r\n};\r\nconst variantTopAccent = (props: Record<string, any>) => {\r\n  let { colorScheme, status } = props;\r\n  colorScheme = getColorScheme(\r\n    props,\r\n    colorScheme !== 'primary' ? colorScheme : status\r\n  );\r\n  return {\r\n    borderWidth: 4,\r\n    borderColor: 'transparent',\r\n    borderTopColor: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props),\r\n    bg: getBg(props),\r\n    _icon: { color: mode(`${colorScheme}.600`, `${colorScheme}.700`)(props) },\r\n  };\r\n};\r\n\r\nconst variants = {\r\n  'subtle': variantSubtle,\r\n  'solid': variantSolid,\r\n  'left-accent': variantLeftAccent,\r\n  'top-accent': variantTopAccent,\r\n  'outline': variantOutline,\r\n  'outline-light': variantOutlineLight,\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: 'primary',\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"]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+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),
+    px: 2
+  };
+};
+
+const defaultProps = {
+  colorScheme: 'primary'
+};
+var _default = {
+  baseStyle,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=app-bar.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const baseStyle = {};
+const defaultProps = {
+  ratio: 4 / 3
+};
+var _default = {
+  baseStyle,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=aspect-ratio.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tools = require("../tools");
+
+function baseStyle(props) {
+  return {
+    borderRadius: 'full',
+    borderWidth: 2,
+    borderColor: (0, _tools.mode)('light.50', 'gray.800')(props),
+    bg: (0, _tools.mode)('gray.600', 'light.100')(props),
+    size: 3,
+    position: 'absolute',
+    right: 0,
+    bottom: 0
+  };
+}
+
+var _default = {
+  baseStyle
+};
+exports.default = _default;
+//# sourceMappingURL=avatar-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["avatar-badge.ts"],"names":["baseStyle","props","borderRadius","borderWidth","borderColor","bg","size","position","right","bottom"],"mappings":";;;;;;;AAAA;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA+C;AAC7C,SAAO;AACLC,IAAAA,YAAY,EAAE,MADT;AAELC,IAAAA,WAAW,EAAE,CAFR;AAGLC,IAAAA,WAAW,EAAE,iBAAK,UAAL,EAAiB,UAAjB,EAA6BH,KAA7B,CAHR;AAILI,IAAAA,EAAE,EAAE,iBAAK,UAAL,EAAiB,WAAjB,EAA8BJ,KAA9B,CAJC;AAKLK,IAAAA,IAAI,EAAE,CALD;AAMLC,IAAAA,QAAQ,EAAE,UANL;AAOLC,IAAAA,KAAK,EAAE,CAPF;AAQLC,IAAAA,MAAM,EAAE;AARH,GAAP;AAUD;;eAEc;AAAET,EAAAA;AAAF,C","sourcesContent":["import { mode } from '../tools';\r\n\r\nfunction baseStyle(props: Record<string, any>) {\r\n  return {\r\n    borderRadius: 'full',\r\n    borderWidth: 2,\r\n    borderColor: mode('light.50', 'gray.800')(props),\r\n    bg: mode('gray.600', 'light.100')(props),\r\n    size: 3,\r\n    position: 'absolute',\r\n    right: 0,\r\n    bottom: 0,\r\n  };\r\n}\r\n\r\nexport default { baseStyle };\r\n"]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tools = require("../tools");
+
+function baseStyle({
+  isVertical,
+  ...props
+}) {
+  return {
+    flexDirection: isVertical ? 'column-reverse' : 'row-reverse',
+    space: -4,
+    _avatar: {
+      borderColor: (0, _tools.mode)('gray.50', 'gray.800')(props),
+      borderWidth: 2
+    },
+    _hiddenAvatarPlaceholder: {
+      bg: (0, _tools.mode)('gray.600', 'gray.100')(props)
+    }
+  };
+}
+
+var _default = {
+  baseStyle,
+  defaultProps: {
+    isVertical: false
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=avatar-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["avatar-group.ts"],"names":["baseStyle","isVertical","props","flexDirection","space","_avatar","borderColor","borderWidth","_hiddenAvatarPlaceholder","bg","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA,SAASA,SAAT,CAAmB;AAAEC,EAAAA,UAAF;AAAc,KAAGC;AAAjB,CAAnB,EAAkE;AAChE,SAAO;AACLC,IAAAA,aAAa,EAAEF,UAAU,GAAG,gBAAH,GAAsB,aAD1C;AAELG,IAAAA,KAAK,EAAE,CAAC,CAFH;AAGLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,WAAW,EAAE,iBAAK,SAAL,EAAgB,UAAhB,EAA4BJ,KAA5B,CADN;AAEPK,MAAAA,WAAW,EAAE;AAFN,KAHJ;AAOLC,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,EAAE,EAAE,iBAAK,UAAL,EAAiB,UAAjB,EAA6BP,KAA7B;AADoB;AAPrB,GAAP;AAWD;;eAEc;AACbF,EAAAA,SADa;AAEbU,EAAAA,YAAY,EAAE;AACZT,IAAAA,UAAU,EAAE;AADA;AAFD,C","sourcesContent":["import { mode } from '../tools';\r\n\r\nfunction baseStyle({ isVertical, ...props }: Record<string, any>) {\r\n  return {\r\n    flexDirection: isVertical ? 'column-reverse' : 'row-reverse',\r\n    space: -4,\r\n    _avatar: {\r\n      borderColor: mode('gray.50', 'gray.800')(props),\r\n      borderWidth: 2,\r\n    },\r\n    _hiddenAvatarPlaceholder: {\r\n      bg: mode('gray.600', 'gray.100')(props),\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"]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tools = require("../tools");
+
+const baseStyle = props => {
+  const {
+    name,
+    ...colorModeProps
+  } = props;
+  const bg = name ? (0, _tools.randomColor)({
+    string: (0, _tools.getRandomString)(5) + name
+  }) : 'gray.400';
+  const borderColor = (0, _tools.mode)('gray.800', 'white')(colorModeProps);
+  return {
+    bg,
+    borderColor,
+    position: 'relative',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 'full',
+    _text: {
+      fontWeight: 600
+    },
+    _image: {
+      borderRadius: 'full',
+      alt: '--',
+      _alt: {
+        fontWeight: 600
+      },
+      style: {
+        height: '100%',
+        width: '100%'
+      }
+    }
+  };
+};
+
+function getSize(size, fontSize) {
+  return {
+    width: size,
+    height: size,
+    _text: {
+      fontSize: fontSize
+    }
+  };
+}
+
+const sizes = {
+  'xs': getSize('6', '2xs'),
+  'sm': getSize('8', 'xs'),
+  'md': getSize('12', 'md'),
+  'lg': getSize('16', 'xl'),
+  'xl': getSize('24', '3xl'),
+  '2xl': getSize('32', '5xl')
+};
+const defaultProps = {
+  size: 'md'
+};
+var _default = {
+  baseStyle,
+  sizes,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["avatar.ts"],"names":["baseStyle","props","name","colorModeProps","bg","string","borderColor","position","justifyContent","alignItems","borderRadius","_text","fontWeight","_image","alt","_alt","style","height","width","getSize","size","fontSize","sizes","defaultProps"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,SAAS,GAAIC,KAAD,IAAgC;AAChD,QAAM;AAAEC,IAAAA,IAAF;AAAQ,OAAGC;AAAX,MAA8BF,KAApC;AACA,QAAMG,EAAE,GAAGF,IAAI,GACX,wBAAY;AAAEG,IAAAA,MAAM,EAAE,4BAAgB,CAAhB,IAAqBH;AAA/B,GAAZ,CADW,GAEX,UAFJ;AAGA,QAAMI,WAAW,GAAG,iBAAK,UAAL,EAAiB,OAAjB,EAA0BH,cAA1B,CAApB;AACA,SAAO;AACLC,IAAAA,EADK;AAELE,IAAAA,WAFK;AAGLC,IAAAA,QAAQ,EAAE,UAHL;AAILC,IAAAA,cAAc,EAAE,QAJX;AAKLC,IAAAA,UAAU,EAAE,QALP;AAMLC,IAAAA,YAAY,EAAE,MANT;AAOLC,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAE;AADP,KAPF;AAULC,IAAAA,MAAM,EAAE;AACNH,MAAAA,YAAY,EAAE,MADR;AAENI,MAAAA,GAAG,EAAE,IAFC;AAGNC,MAAAA,IAAI,EAAE;AACJH,QAAAA,UAAU,EAAE;AADR,OAHA;AAMNI,MAAAA,KAAK,EAAE;AACLC,QAAAA,MAAM,EAAE,MADH;AAELC,QAAAA,KAAK,EAAE;AAFF;AAND;AAVH,GAAP;AAsBD,CA5BD;;AA8BA,SAASC,OAAT,CAAiBC,IAAjB,EAA4BC,QAA5B,EAA8C;AAC5C,SAAO;AACLH,IAAAA,KAAK,EAAEE,IADF;AAELH,IAAAA,MAAM,EAAEG,IAFH;AAGLT,IAAAA,KAAK,EAAE;AACLU,MAAAA,QAAQ,EAAEA;AADL;AAHF,GAAP;AAOD;;AAED,MAAMC,KAAK,GAAG;AACZ,QAAMH,OAAO,CAAC,GAAD,EAAM,KAAN,CADD;AAEZ,QAAMA,OAAO,CAAC,GAAD,EAAM,IAAN,CAFD;AAGZ,QAAMA,OAAO,CAAC,IAAD,EAAO,IAAP,CAHD;AAIZ,QAAMA,OAAO,CAAC,IAAD,EAAO,IAAP,CAJD;AAKZ,QAAMA,OAAO,CAAC,IAAD,EAAO,KAAP,CALD;AAMZ,SAAOA,OAAO,CAAC,IAAD,EAAO,KAAP;AANF,CAAd;AASA,MAAMI,YAAY,GAAG;AACnBH,EAAAA,IAAI,EAAE;AADa,CAArB;eAIe;AACbpB,EAAAA,SADa;AAEbsB,EAAAA,KAFa;AAGbC,EAAAA;AAHa,C","sourcesContent":["import { randomColor, getRandomString, mode } from '../tools';\r\n\r\nconst baseStyle = (props: Record<string, any>) => {\r\n  const { name, ...colorModeProps } = props;\r\n  const bg = name\r\n    ? randomColor({ string: getRandomString(5) + name })\r\n    : 'gray.400';\r\n  const borderColor = mode('gray.800', 'white')(colorModeProps);\r\n  return {\r\n    bg,\r\n    borderColor,\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    },\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  };\r\n};\r\n\r\nfunction getSize(size: any, fontSize: string) {\r\n  return {\r\n    width: size,\r\n    height: size,\r\n    _text: {\r\n      fontSize: fontSize,\r\n    },\r\n  };\r\n}\r\n\r\nconst sizes = {\r\n  'xs': getSize('6', '2xs'),\r\n  'sm': getSize('8', 'xs'),\r\n  'md': getSize('12', 'md'),\r\n  'lg': getSize('16', 'xl'),\r\n  'xl': getSize('24', '3xl'),\r\n  '2xl': getSize('32', '5xl'),\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"]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tools = require("../tools");
+
+const baseStyle = {
+  px: '2',
+  py: '0.5',
+  alignItems: 'center',
+  _text: {
+    fontSize: 'xs',
+    fontWeight: 'medium'
+  }
+};
+
+function variantSolid(props) {
+  const colorScheme = (0, _tools.getColorScheme)(props);
+  return {
+    bg: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".300"))(props),
+    _text: {
+      color: (0, _tools.mode)("coolGray.100", "coolGray.800")(props)
+    },
+    borderWidth: '1',
+    borderColor: 'transparent',
+    borderRadius: '2'
+  };
+}
+
+function variantSubtle(props) {
+  const colorScheme = (0, _tools.getColorScheme)(props);
+  return {
+    bg: (0, _tools.mode)("".concat(colorScheme, ".200"), "".concat(colorScheme, ".700"))(props),
+    _text: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".600"), "".concat(colorScheme, ".200"))(props)
+    },
+    borderWidth: '1',
+    borderRadius: '2',
+    borderColor: 'transparent'
+  };
+}
+
+function variantOutline(props) {
+  const colorScheme = (0, _tools.getColorScheme)(props);
+  return {
+    borderColor: (0, _tools.mode)("".concat(colorScheme, ".500"), "".concat(colorScheme, ".400"))(props),
+    _text: {
+      color: (0, _tools.mode)("".concat(colorScheme, ".500"), "".concat(colorScheme, ".400"))(props)
+    },
+    borderRadius: '2',
+    borderWidth: '1'
+  };
+}
+
+const variants = {
+  solid: variantSolid,
+  subtle: variantSubtle,
+  outline: variantOutline
+};
+const defaultProps = {
+  variant: 'subtle',
+  colorScheme: 'coolGray'
+};
+var _default = {
+  baseStyle,
+  variants,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["badge.ts"],"names":["baseStyle","px","py","alignItems","_text","fontSize","fontWeight","variantSolid","props","colorScheme","bg","color","borderWidth","borderColor","borderRadius","variantSubtle","variantOutline","variants","solid","subtle","outline","defaultProps","variant"],"mappings":";;;;;;;AAAA;;AAEA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,EAAE,EAAE,GADY;AAEhBC,EAAAA,EAAE,EAAE,KAFY;AAGhBC,EAAAA,UAAU,EAAE,QAHI;AAIhBC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE,IAAZ;AAAkBC,IAAAA,UAAU,EAAE;AAA9B;AAJS,CAAlB;;AAOA,SAASC,YAAT,CAAsBC,KAAtB,EAAkD;AAChD,QAAMC,WAAW,GAAG,2BAAeD,KAAf,CAApB;AACA,SAAO;AACLE,IAAAA,EAAE,EAAE,2BAAQD,WAAR,qBAA8BA,WAA9B,WAAiDD,KAAjD,CADC;AAELJ,IAAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAE,iDAAqCH,KAArC;AAAT,KAFF;AAGLI,IAAAA,WAAW,EAAE,GAHR;AAILC,IAAAA,WAAW,EAAE,aAJR;AAKLC,IAAAA,YAAY,EAAE;AALT,GAAP;AAOD;;AAED,SAASC,aAAT,CAAuBP,KAAvB,EAAmD;AACjD,QAAMC,WAAW,GAAG,2BAAeD,KAAf,CAApB;AACA,SAAO;AACLE,IAAAA,EAAE,EAAE,2BAAQD,WAAR,qBAA8BA,WAA9B,WAAiDD,KAAjD,CADC;AAELJ,IAAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAE,2BAAQF,WAAR,qBAA8BA,WAA9B,WAAiDD,KAAjD;AAAT,KAFF;AAGLI,IAAAA,WAAW,EAAE,GAHR;AAILE,IAAAA,YAAY,EAAE,GAJT;AAKLD,IAAAA,WAAW,EAAE;AALR,GAAP;AAOD;;AAED,SAASG,cAAT,CAAwBR,KAAxB,EAAoD;AAClD,QAAMC,WAAW,GAAG,2BAAeD,KAAf,CAApB;AACA,SAAO;AACLK,IAAAA,WAAW,EAAE,2BAAQJ,WAAR,qBAA8BA,WAA9B,WAAiDD,KAAjD,CADR;AAELJ,IAAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAE,2BAAQF,WAAR,qBAA8BA,WAA9B,WAAiDD,KAAjD;AAAT,KAFF;AAGLM,IAAAA,YAAY,EAAE,GAHT;AAILF,IAAAA,WAAW,EAAE;AAJR,GAAP;AAMD;;AAED,MAAMK,QAAQ,GAAG;AACfC,EAAAA,KAAK,EAAEX,YADQ;AAEfY,EAAAA,MAAM,EAAEJ,aAFO;AAGfK,EAAAA,OAAO,EAAEJ;AAHM,CAAjB;AAMA,MAAMK,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,QADU;AAEnBb,EAAAA,WAAW,EAAE;AAFM,CAArB;eAKe;AACbT,EAAAA,SADa;AAEbiB,EAAAA,QAFa;AAGbI,EAAAA;AAHa,C","sourcesContent":["import { mode, getColorScheme } from '../tools';\r\n\r\nconst baseStyle = {\r\n  px: '2',\r\n  py: '0.5',\r\n  alignItems: 'center',\r\n  _text: { fontSize: 'xs', fontWeight: 'medium' },\r\n};\r\n\r\nfunction variantSolid(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.600`, `${colorScheme}.300`)(props),\r\n    _text: { color: mode(`coolGray.100`, `coolGray.800`)(props) },\r\n    borderWidth: '1',\r\n    borderColor: 'transparent',\r\n    borderRadius: '2',\r\n  };\r\n}\r\n\r\nfunction variantSubtle(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    bg: mode(`${colorScheme}.200`, `${colorScheme}.700`)(props),\r\n    _text: { color: mode(`${colorScheme}.600`, `${colorScheme}.200`)(props) },\r\n    borderWidth: '1',\r\n    borderRadius: '2',\r\n    borderColor: 'transparent',\r\n  };\r\n}\r\n\r\nfunction variantOutline(props: Record<string, any>) {\r\n  const colorScheme = getColorScheme(props);\r\n  return {\r\n    borderColor: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props),\r\n    _text: { color: mode(`${colorScheme}.500`, `${colorScheme}.400`)(props) },\r\n    borderRadius: '2',\r\n    borderWidth: '1',\r\n  };\r\n}\r\n\r\nconst variants = {\r\n  solid: variantSolid,\r\n  subtle: variantSubtle,\r\n  outline: variantOutline,\r\n};\r\n\r\nconst defaultProps = {\r\n  variant: 'subtle',\r\n  colorScheme: 'coolGray',\r\n};\r\n\r\nexport default {\r\n  baseStyle,\r\n  variants,\r\n  defaultProps,\r\n};\r\n"]}

package/lib/commonjs/theme/v33x-theme/components/box.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const baseStyle = {};
+const defaultProps = {};
+var _default = {
+  baseStyle,
+  defaultProps
+};
+exports.default = _default;
+//# sourceMappingURL=box.js.map

package/lib/commonjs/theme/v33x-theme/components/box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["box.ts"],"names":["baseStyle","defaultProps"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG,EAAlB;AACA,MAAMC,YAAY,GAAG,EAArB;eACe;AACbD,EAAAA,SADa;AAEbC,EAAAA;AAFa,C","sourcesContent":["const baseStyle = {};\r\nconst defaultProps = {};\r\nexport default {\r\n  baseStyle,\r\n  defaultProps,\r\n};\r\n"]}