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

package/lib/commonjs/components/composites/Actionsheet/ActionsheetContent.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Modal = require("../../composites/Modal");
+
+var _hooks = require("../../../hooks");
+
+var _reactNative = require("react-native");
+
+var _Context = require("../Modal/Context");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _ActionSheetContext = require("./ActionSheetContext");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Content = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(({
+  hideDragIndicator,
+  children,
+  handleClose,
+  pan,
+  sheetHeight,
+  ...props
+}, ref) => {
+  const {
+    _dragIndicator,
+    _dragIndicatorWrapperOffSet,
+    _dragIndicatorWrapper,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('ActionsheetContent', props);
+
+  const handleCloseRef = _react.default.useRef(null);
+
+  const handleCloseCallback = _react.default.useCallback(() => {
+    let handleCloseCurrent = handleCloseRef.current; //@ts-ignore
+
+    return handleCloseCurrent();
+  }, []);
+
+  _react.default.useEffect(() => {
+    handleCloseRef.current = handleClose;
+  }, [handleClose]);
+
+  const panResponder = _react.default.useRef(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_evt, gestureState) => {
+      return gestureState.dy > 15;
+    },
+    onPanResponderMove: (e, gestureState) => {
+      if (gestureState.dy > 0) {
+        _reactNative.Animated.event([null, {
+          dy: pan.y
+        }], {
+          useNativeDriver: false
+        })(e, gestureState);
+      }
+    },
+    onPanResponderRelease: (_e, gestureState) => {
+      // If sheet is dragged 1/4th of it's height, close it
+      if (sheetHeight.current / 4 - gestureState.dy < 0) {
+        _reactNative.Animated.timing(pan, {
+          toValue: {
+            x: 0,
+            y: sheetHeight.current
+          },
+          duration: 150,
+          useNativeDriver: true
+        }).start(handleCloseCallback);
+
+        setTimeout(() => {
+          _reactNative.Animated.timing(pan, {
+            toValue: {
+              x: 0,
+              y: 0
+            },
+            duration: 150,
+            useNativeDriver: true
+          }).start();
+        }, 300);
+      } else {
+        _reactNative.Animated.spring(pan, {
+          toValue: {
+            x: 0,
+            y: 0
+          },
+          overshootClamping: true,
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  })).current;
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hideDragIndicator ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, panResponder.panHandlers, _dragIndicatorWrapperOffSet))) : null, /*#__PURE__*/_react.default.createElement(_Modal.Modal.Content, _extends({}, resolvedProps, {
+    ref: ref,
+    safeAreaBottom: true
+  }), !hideDragIndicator ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, panResponder.panHandlers, _dragIndicatorWrapper), /*#__PURE__*/_react.default.createElement(_Box.default, _dragIndicator))) : null, children));
+}));
+
+const ActionsheetContent = ({
+  children,
+  ...props
+}, ref) => {
+  // return null;
+  const {
+    handleClose
+  } = _react.default.useContext(_Context.ModalContext);
+
+  const {
+    hideDragIndicator
+  } = _react.default.useContext(_ActionSheetContext.ActionSheetContext);
+
+  const pan = _react.default.useRef(new _reactNative.Animated.ValueXY()).current;
+
+  const sheetHeight = _react.default.useRef(0);
+
+  const handleCloseCallback = _react.default.useCallback(handleClose, [_Context.ModalContext, handleClose]); // useEffect(() => {
+  // }, [])
+  //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: {
+      transform: [{
+        translateY: pan.y
+      }],
+      width: '100%'
+    },
+    onLayout: event => {
+      const {
+        height
+      } = event.nativeEvent.layout;
+      sheetHeight.current = height;
+    },
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/_react.default.createElement(Content, _extends({
+    children: children,
+    sheetHeight: sheetHeight,
+    pan: pan,
+    hideDragIndicator: hideDragIndicator,
+    handleClose: handleCloseCallback,
+    ref: ref
+  }, props)));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(ActionsheetContent));
+
+exports.default = _default;
+//# sourceMappingURL=ActionsheetContent.js.map

package/lib/commonjs/components/composites/Actionsheet/ActionsheetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionsheetContent.tsx"],"names":["Content","hideDragIndicator","children","handleClose","pan","sheetHeight","props","ref","_dragIndicator","_dragIndicatorWrapperOffSet","_dragIndicatorWrapper","resolvedProps","handleCloseRef","React","useRef","handleCloseCallback","useCallback","handleCloseCurrent","current","useEffect","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_evt","gestureState","dy","onPanResponderMove","e","Animated","event","y","useNativeDriver","onPanResponderRelease","_e","timing","toValue","x","duration","start","setTimeout","spring","overshootClamping","panHandlers","ActionsheetContent","useContext","ModalContext","ActionSheetContext","ValueXY","transform","translateY","width","height","nativeEvent","layout"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Modal } from '../../composites/Modal';\r\nimport type { IActionsheetContentProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Animated, PanResponder } from 'react-native';\r\nimport { ModalContext } from '../Modal/Context';\r\nimport Box from '../../primitives/Box';\r\nimport { ActionSheetContext } from './ActionSheetContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Content = memo(\r\n  forwardRef(\r\n    (\r\n      {\r\n        hideDragIndicator,\r\n        children,\r\n        handleClose,\r\n        pan,\r\n        sheetHeight,\r\n        ...props\r\n      }: any,\r\n      ref: any\r\n    ) => {\r\n      const {\r\n        _dragIndicator,\r\n        _dragIndicatorWrapperOffSet,\r\n        _dragIndicatorWrapper,\r\n        ...resolvedProps\r\n      } = usePropsResolution('ActionsheetContent', props);\r\n\r\n      const handleCloseRef = React.useRef(null);\r\n      const handleCloseCallback = React.useCallback(() => {\r\n        let handleCloseCurrent = handleCloseRef.current;\r\n        //@ts-ignore\r\n        return handleCloseCurrent();\r\n      }, []);\r\n      React.useEffect(() => {\r\n        handleCloseRef.current = handleClose;\r\n      }, [handleClose]);\r\n\r\n      const panResponder = React.useRef(\r\n        PanResponder.create({\r\n          onStartShouldSetPanResponder: () => true,\r\n          onMoveShouldSetPanResponder: (_evt, gestureState) => {\r\n            return gestureState.dy > 15;\r\n          },\r\n          onPanResponderMove: (e, gestureState) => {\r\n            if (gestureState.dy > 0) {\r\n              Animated.event([null, { dy: pan.y }], {\r\n                useNativeDriver: false,\r\n              })(e, gestureState);\r\n            }\r\n          },\r\n          onPanResponderRelease: (_e, gestureState) => {\r\n            // If sheet is dragged 1/4th of it's height, close it\r\n            if (sheetHeight.current / 4 - gestureState.dy < 0) {\r\n              Animated.timing(pan, {\r\n                toValue: { x: 0, y: sheetHeight.current },\r\n                duration: 150,\r\n                useNativeDriver: true,\r\n              }).start(handleCloseCallback);\r\n\r\n              setTimeout(() => {\r\n                Animated.timing(pan, {\r\n                  toValue: { x: 0, y: 0 },\r\n                  duration: 150,\r\n                  useNativeDriver: true,\r\n                }).start();\r\n              }, 300);\r\n            } else {\r\n              Animated.spring(pan, {\r\n                toValue: { x: 0, y: 0 },\r\n                overshootClamping: true,\r\n                useNativeDriver: true,\r\n              }).start();\r\n            }\r\n          },\r\n        })\r\n      ).current;\r\n\r\n      return (\r\n        <>\r\n          {!hideDragIndicator ? (\r\n            <>\r\n              {/* To increase the draggable area */}\r\n              <Box\r\n                {...panResponder.panHandlers}\r\n                {..._dragIndicatorWrapperOffSet}\r\n              />\r\n            </>\r\n          ) : null}\r\n\r\n          <Modal.Content {...resolvedProps} ref={ref} safeAreaBottom>\r\n            {!hideDragIndicator ? (\r\n              <>\r\n                {/* Hack. Fix later. Add -2 negative margin to remove the padding added by ActionSheetContent */}\r\n                <Box {...panResponder.panHandlers} {..._dragIndicatorWrapper}>\r\n                  <Box {..._dragIndicator} />\r\n                </Box>\r\n              </>\r\n            ) : null}\r\n\r\n            {children}\r\n          </Modal.Content>\r\n        </>\r\n      );\r\n    }\r\n  )\r\n);\r\nconst ActionsheetContent = (\r\n  { children, ...props }: IActionsheetContentProps,\r\n  ref?: any\r\n) => {\r\n  // return null;\r\n  const { handleClose } = React.useContext(ModalContext);\r\n  const { hideDragIndicator } = React.useContext(ActionSheetContext);\r\n  const pan = React.useRef(new Animated.ValueXY()).current;\r\n  const sheetHeight = React.useRef(0);\r\n\r\n  const handleCloseCallback = React.useCallback(handleClose, [\r\n    ModalContext,\r\n    handleClose,\r\n  ]);\r\n\r\n  // useEffect(() => {\r\n\r\n  // }, [])\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Animated.View\r\n      style={{\r\n        transform: [{ translateY: pan.y }],\r\n        width: '100%',\r\n      }}\r\n      onLayout={(event) => {\r\n        const { height } = event.nativeEvent.layout;\r\n        sheetHeight.current = height;\r\n      }}\r\n      pointerEvents=\"box-none\"\r\n    >\r\n      <Content\r\n        children={children}\r\n        sheetHeight={sheetHeight}\r\n        pan={pan}\r\n        hideDragIndicator={hideDragIndicator}\r\n        handleClose={handleCloseCallback}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    </Animated.View>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ActionsheetContent));\r\n"]}

package/lib/commonjs/components/composites/Actionsheet/ActionsheetFooter.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Modal = require("../../composites/Modal");
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ActionsheetFooter = (props, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('ActionsheetFooter', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Modal.Modal.Content, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(ActionsheetFooter));
+
+exports.default = _default;
+//# sourceMappingURL=ActionsheetFooter.js.map

package/lib/commonjs/components/composites/Actionsheet/ActionsheetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionsheetFooter.tsx"],"names":["ActionsheetFooter","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAiCC,GAAjC,KAA+C;AACvE,QAAMC,aAAa,GAAG,+BAAmB,mBAAnB,EAAwCF,KAAxC,CAAtB,CADuE,CAEvE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD,CAAO,OAAP,eAAmBE,aAAnB;AAAkC,IAAA,GAAG,EAAED;AAAvC,KAAP;AACD,CAPD;;4BASe,+BAAK,uBAAWF,iBAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Modal } from '../../composites/Modal';\r\nimport type { IActionsheetFooterProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ActionsheetFooter = (props: IActionsheetFooterProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ActionsheetFooter', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Modal.Content {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(ActionsheetFooter));\r\n"]}

package/lib/commonjs/components/composites/Actionsheet/ActionsheetHeader.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ActionsheetHeader = (props, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('ActionsheetHeader', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    justifyContent: "center",
+    alignItems: "center"
+  }, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(ActionsheetHeader));
+
+exports.default = _default;
+//# sourceMappingURL=ActionsheetHeader.js.map

package/lib/commonjs/components/composites/Actionsheet/ActionsheetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionsheetHeader.tsx"],"names":["ActionsheetHeader","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAiCC,GAAjC,KAA+C;AACvE,QAAMC,aAAa,GAAG,+BAAmB,mBAAnB,EAAwCF,KAAxC,CAAtB,CADuE,CAEvE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD;AACE,IAAA,cAAc,EAAC,QADjB;AAEE,IAAA,UAAU,EAAC;AAFb,KAGME,aAHN;AAIE,IAAA,GAAG,EAAED;AAJP,KADF;AAQD,CAdD;;4BAgBe,+BAAK,uBAAWF,iBAAX,CAAL,C","sourcesContent":["import React, { forwardRef, memo } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { IActionsheetHeaderProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst ActionsheetHeader = (props: IActionsheetHeaderProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ActionsheetHeader', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Box\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      {...resolvedProps}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ActionsheetHeader));\r\n"]}

package/lib/commonjs/components/composites/Actionsheet/ActionsheetItem.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Pressable = require("../../primitives/Pressable");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _Stack = require("../../primitives/Stack");
+
+var _Spinner = _interopRequireDefault(require("../../primitives/Spinner"));
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const ActionsheetItem = ({
+  //@ts-ignore
+  children,
+  startIcon,
+  rightIcon,
+  leftIcon,
+  endIcon,
+  spinner,
+  isDisabled,
+  isLoading,
+  spinnerPlacement = 'start',
+  ...props
+}, ref) => {
+  const {
+    _text,
+    _stack,
+    _icon,
+    _spinner,
+    isLoadingText,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('ActionsheetItem', props, undefined, {
+    cascadePseudoProps: true
+  }); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  if (leftIcon) {
+    startIcon = leftIcon;
+  }
+
+  if (rightIcon) {
+    endIcon = rightIcon;
+  }
+
+  if (endIcon && /*#__PURE__*/_react.default.isValidElement(endIcon)) {
+    endIcon = _react.default.Children.map(endIcon, (child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-end-icon-".concat(index),
+        ..._icon,
+        ...child.props
+      });
+    });
+  }
+
+  if (startIcon && /*#__PURE__*/_react.default.isValidElement(startIcon)) {
+    startIcon = _react.default.Children.map(startIcon, (child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-start-icon-".concat(index),
+        ..._icon,
+        ...child.props
+      });
+    });
+  }
+
+  const spinnerElement = spinner ? spinner : /*#__PURE__*/_react.default.createElement(_Spinner.default, _extends({
+    color: _text === null || _text === void 0 ? void 0 : _text.color
+  }, _spinner));
+
+  const boxChildren = child => {
+    return child ? /*#__PURE__*/_react.default.createElement(_Box.default, {
+      _text: _text
+    }, child) : null;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, _extends({
+    disabled: isDisabled || isLoading
+  }, resolvedProps, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_Stack.HStack, _extends({}, _stack, {
+    test: true
+  }), startIcon && !isLoading ? startIcon : null, isLoading && spinnerPlacement === 'start' ? spinnerElement : null, isLoading ? isLoadingText ? boxChildren(isLoadingText) : null : boxChildren(children), endIcon && !isLoading ? endIcon : null, isLoading && spinnerPlacement === 'end' ? spinnerElement : null));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(ActionsheetItem));
+
+exports.default = _default;
+//# sourceMappingURL=ActionsheetItem.js.map

package/lib/commonjs/components/composites/Actionsheet/ActionsheetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ActionsheetItem.tsx"],"names":["ActionsheetItem","children","startIcon","rightIcon","leftIcon","endIcon","spinner","isDisabled","isLoading","spinnerPlacement","props","ref","_text","_stack","_icon","_spinner","isLoadingText","resolvedProps","undefined","cascadePseudoProps","React","isValidElement","Children","map","child","index","cloneElement","key","spinnerElement","color","boxChildren"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAGA,MAAMA,eAAe,GAAG,CACtB;AACE;AACAC,EAAAA,QAFF;AAGEC,EAAAA,SAHF;AAIEC,EAAAA,SAJF;AAKEC,EAAAA,QALF;AAMEC,EAAAA,OANF;AAOEC,EAAAA,OAPF;AAQEC,EAAAA,UARF;AASEC,EAAAA,SATF;AAUEC,EAAAA,gBAAgB,GAAG,OAVrB;AAWE,KAAGC;AAXL,CADsB,EActBC,GAdsB,KAenB;AACH,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,MAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,aALI;AAMJ,OAAGC;AANC,MAOF,+BAAmB,iBAAnB,EAAsCP,KAAtC,EAA6CQ,SAA7C,EAAwD;AAC1DC,IAAAA,kBAAkB,EAAE;AADsC,GAAxD,CAPJ,CADG,CAWH;;AACA,MAAI,kDAAsBT,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,MAAIN,QAAJ,EAAc;AACZF,IAAAA,SAAS,GAAGE,QAAZ;AACD;;AACD,MAAID,SAAJ,EAAe;AACbE,IAAAA,OAAO,GAAGF,SAAV;AACD;;AACD,MAAIE,OAAO,iBAAIe,eAAMC,cAAN,CAAqBhB,OAArB,CAAf,EAA8C;AAC5CA,IAAAA,OAAO,GAAGe,eAAME,QAAN,CAAeC,GAAf,CACRlB,OADQ,EAER,CAACmB,KAAD,EAAqBC,KAArB,KAAuC;AACrC,0BAAOL,eAAMM,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,GAAG,4BAAqBF,KAArB,CAD4B;AAE/B,WAAGX,KAF4B;AAG/B,WAAGU,KAAK,CAACd;AAHsB,OAA1B,CAAP;AAKD,KARO,CAAV;AAUD;;AACD,MAAIR,SAAS,iBAAIkB,eAAMC,cAAN,CAAqBnB,SAArB,CAAjB,EAAkD;AAChDA,IAAAA,SAAS,GAAGkB,eAAME,QAAN,CAAeC,GAAf,CACVrB,SADU,EAEV,CAACsB,KAAD,EAAqBC,KAArB,KAAuC;AACrC,0BAAOL,eAAMM,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,GAAG,8BAAuBF,KAAvB,CAD4B;AAE/B,WAAGX,KAF4B;AAG/B,WAAGU,KAAK,CAACd;AAHsB,OAA1B,CAAP;AAKD,KARS,CAAZ;AAUD;;AACD,QAAMkB,cAAc,GAAGtB,OAAO,GAC5BA,OAD4B,gBAG5B,6BAAC,gBAAD;AAAS,IAAA,KAAK,EAAEM,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEiB;AAAvB,KAAkCd,QAAlC,EAHF;;AAMA,QAAMe,WAAW,GAAIN,KAAD,IAAgB;AAClC,WAAOA,KAAK,gBAAG,6BAAC,YAAD;AAAK,MAAA,KAAK,EAAEZ;AAAZ,OAAoBY,KAApB,CAAH,GAAsC,IAAlD;AACD,GAFD;;AAIA,sBACE,6BAAC,oBAAD;AAAW,IAAA,QAAQ,EAAEjB,UAAU,IAAIC;AAAnC,KAAkDS,aAAlD;AAAiE,IAAA,GAAG,EAAEN;AAAtE,mBACE,6BAAC,aAAD,eAAYE,MAAZ;AAAoB,IAAA,IAAI,EAAE;AAA1B,MACGX,SAAS,IAAI,CAACM,SAAd,GAA0BN,SAA1B,GAAsC,IADzC,EAEGM,SAAS,IAAIC,gBAAgB,KAAK,OAAlC,GAA4CmB,cAA5C,GAA6D,IAFhE,EAGGpB,SAAS,GACNQ,aAAa,GACXc,WAAW,CAACd,aAAD,CADA,GAEX,IAHI,GAINc,WAAW,CAAC7B,QAAD,CAPjB,EASGI,OAAO,IAAI,CAACG,SAAZ,GAAwBH,OAAxB,GAAkC,IATrC,EAUGG,SAAS,IAAIC,gBAAgB,KAAK,KAAlC,GAA0CmB,cAA1C,GAA2D,IAV9D,CADF,CADF;AAgBD,CAvFD;;4BAyFe,+BAAK,uBAAW5B,eAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport Box from '../../primitives/Box';\r\nimport { HStack } from '../../primitives/Stack';\r\nimport Spinner from '../../primitives/Spinner';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { IActionsheetItemProps } from './types';\r\n\r\nconst ActionsheetItem = (\r\n  {\r\n    //@ts-ignore\r\n    children,\r\n    startIcon,\r\n    rightIcon,\r\n    leftIcon,\r\n    endIcon,\r\n    spinner,\r\n    isDisabled,\r\n    isLoading,\r\n    spinnerPlacement = 'start',\r\n    ...props\r\n  }: IActionsheetItemProps,\r\n  ref: any\r\n) => {\r\n  const {\r\n    _text,\r\n    _stack,\r\n    _icon,\r\n    _spinner,\r\n    isLoadingText,\r\n    ...resolvedProps\r\n  } = usePropsResolution('ActionsheetItem', props, undefined, {\r\n    cascadePseudoProps: true,\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (leftIcon) {\r\n    startIcon = leftIcon;\r\n  }\r\n  if (rightIcon) {\r\n    endIcon = rightIcon;\r\n  }\r\n  if (endIcon && React.isValidElement(endIcon)) {\r\n    endIcon = React.Children.map(\r\n      endIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-end-icon-${index}`,\r\n          ..._icon,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  if (startIcon && React.isValidElement(startIcon)) {\r\n    startIcon = React.Children.map(\r\n      startIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-start-icon-${index}`,\r\n          ..._icon,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  const spinnerElement = spinner ? (\r\n    spinner\r\n  ) : (\r\n    <Spinner color={_text?.color} {..._spinner} />\r\n  );\r\n\r\n  const boxChildren = (child: any) => {\r\n    return child ? <Box _text={_text}>{child}</Box> : null;\r\n  };\r\n\r\n  return (\r\n    <Pressable disabled={isDisabled || isLoading} {...resolvedProps} ref={ref}>\r\n      <HStack {..._stack} test={true}>\r\n        {startIcon && !isLoading ? startIcon : null}\r\n        {isLoading && spinnerPlacement === 'start' ? spinnerElement : null}\r\n        {isLoading\r\n          ? isLoadingText\r\n            ? boxChildren(isLoadingText)\r\n            : null\r\n          : boxChildren(children)}\r\n\r\n        {endIcon && !isLoading ? endIcon : null}\r\n        {isLoading && spinnerPlacement === 'end' ? spinnerElement : null}\r\n      </HStack>\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ActionsheetItem));\r\n"]}

package/lib/commonjs/components/composites/Actionsheet/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Actionsheet = void 0;
+
+var _Actionsheet = _interopRequireDefault(require("./Actionsheet"));
+
+var _ActionsheetItem = _interopRequireDefault(require("./ActionsheetItem"));
+
+var _ActionsheetContent = _interopRequireDefault(require("./ActionsheetContent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import ActionsheetHeader from './ActionsheetHeader';
+// import ActionsheetFooter from './ActionsheetFooter';
+const ActionsheetTemp = _Actionsheet.default;
+ActionsheetTemp.Content = _ActionsheetContent.default;
+ActionsheetTemp.Item = _ActionsheetItem.default; // ActionsheetTemp.Header = ActionsheetHeader;
+// ActionsheetTemp.Footer = ActionsheetFooter;
+// To add typings
+
+const Actionsheet = ActionsheetTemp;
+exports.Actionsheet = Actionsheet;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Actionsheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["ActionsheetTemp","ActionsheetMain","Content","ActionsheetContent","Item","ActionsheetItem","Actionsheet"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;AAFA;AACA;AAIA,MAAMA,eAAoB,GAAGC,oBAA7B;AACAD,eAAe,CAACE,OAAhB,GAA0BC,2BAA1B;AACAH,eAAe,CAACI,IAAhB,GAAuBC,wBAAvB,C,CACA;AACA;AAEA;;AACA,MAAMC,WAAW,GAAGN,eAApB","sourcesContent":["import ActionsheetMain from './Actionsheet';\r\nimport ActionsheetItem from './ActionsheetItem';\r\n// import ActionsheetHeader from './ActionsheetHeader';\r\n// import ActionsheetFooter from './ActionsheetFooter';\r\nimport ActionsheetContent from './ActionsheetContent';\r\nimport type { IActionsheetComponentType } from './types';\r\n\r\nconst ActionsheetTemp: any = ActionsheetMain;\r\nActionsheetTemp.Content = ActionsheetContent;\r\nActionsheetTemp.Item = ActionsheetItem;\r\n// ActionsheetTemp.Header = ActionsheetHeader;\r\n// ActionsheetTemp.Footer = ActionsheetFooter;\r\n\r\n// To add typings\r\nconst Actionsheet = ActionsheetTemp as IActionsheetComponentType;\r\n\r\nexport { Actionsheet };\r\n\r\nexport type {\r\n  IActionsheetProps,\r\n  IActionsheetContentProps,\r\n  IActionsheetItemProps,\r\n} from './types';\r\n"]}

package/lib/commonjs/components/composites/Actionsheet/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/Actionsheet/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/commonjs/components/composites/Alert/Alert.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Context = require("./Context");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Alert = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    status,
+    variant,
+    _icon,
+    colorScheme,
+    ...newProps
+  } = (0, _useThemeProps.usePropsResolution)('Alert', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Context.AlertContext.Provider, {
+    value: {
+      status,
+      variant,
+      _icon,
+      colorScheme
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, newProps, {
+    ref: ref
+  }), children));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Alert));
+
+exports.default = _default;
+//# sourceMappingURL=Alert.js.map

package/lib/commonjs/components/composites/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Alert.tsx"],"names":["Alert","children","props","ref","status","variant","_icon","colorScheme","newProps"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAsCC,GAAtC,KAAoD;AAChE,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,WAJI;AAKJ,OAAGC;AALC,MAMF,uCAAmB,OAAnB,EAA4BN,KAA5B,CANJ,CADgE,CAQhE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,qBAAD,CAAc,QAAd;AACE,IAAA,KAAK,EAAE;AACLE,MAAAA,MADK;AAELC,MAAAA,OAFK;AAGLC,MAAAA,KAHK;AAILC,MAAAA;AAJK;AADT,kBAQE,6BAAC,YAAD,eAASC,QAAT;AAAmB,IAAA,GAAG,EAAEL;AAAxB,MACGF,QADH,CARF,CADF;AAcD,CA1BD;;4BA4Be,+BAAK,uBAAWD,KAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\n// import { HStack } from '../../primitives/Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IAlertProps } from './types';\r\nimport { AlertContext } from './Context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Alert = ({ children, ...props }: IAlertProps, ref?: any) => {\r\n  const {\r\n    status,\r\n    variant,\r\n    _icon,\r\n    colorScheme,\r\n    ...newProps\r\n  } = usePropsResolution('Alert', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <AlertContext.Provider\r\n      value={{\r\n        status,\r\n        variant,\r\n        _icon,\r\n        colorScheme,\r\n      }}\r\n    >\r\n      <Box {...newProps} ref={ref}>\r\n        {children}\r\n      </Box>\r\n    </AlertContext.Provider>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Alert));\r\n"]}

package/lib/commonjs/components/composites/Alert/AlertIcon.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _primitives = require("../../primitives");
+
+var _Icons = require("../../primitives/Icon/Icons");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Context = require("./Context");
+
+var _utils = require("../../../theme/tools/utils");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const AlertIcon = ({
+  children,
+  ...props
+}, ref) => {
+  let newProps = (0, _useThemeProps.usePropsResolution)('AlertIcon', props);
+  newProps = (0, _utils.omitUndefined)(newProps);
+
+  const {
+    status,
+    _icon
+  } = _react.default.useContext(_Context.AlertContext);
+
+  const getIcon = () => {
+    switch (status) {
+      case 'error':
+        return /*#__PURE__*/_react.default.createElement(_Icons.WarningTwoIcon, _extends({}, _icon, newProps, {
+          ref: ref
+        }));
+
+      case 'warning':
+        return /*#__PURE__*/_react.default.createElement(_Icons.WarningIcon, _extends({}, _icon, newProps, {
+          ref: ref
+        }));
+
+      case 'success':
+        return /*#__PURE__*/_react.default.createElement(_Icons.CheckCircleIcon, _extends({}, _icon, newProps, {
+          ref: ref
+        }));
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_Icons.InfoIcon, _extends({}, _icon, newProps, {
+          ref: ref
+        }));
+    }
+  }; //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, null, children || getIcon());
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(AlertIcon));
+
+exports.default = _default;
+//# sourceMappingURL=AlertIcon.js.map

package/lib/commonjs/components/composites/Alert/AlertIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AlertIcon.tsx"],"names":["AlertIcon","children","props","ref","newProps","status","_icon","React","useContext","AlertContext","getIcon"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA0CC,GAA1C,KAAwD;AACxE,MAAIC,QAAQ,GAAG,uCAAmB,WAAnB,EAAgCF,KAAhC,CAAf;AACAE,EAAAA,QAAQ,GAAG,0BAAcA,QAAd,CAAX;;AACA,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAAmCC,eAAMC,UAAN,CAAiBC,qBAAjB,CAAzC;;AACA,QAAMC,OAAO,GAAG,MAAM;AACpB,YAAQL,MAAR;AACE,WAAK,OAAL;AACE,4BAAO,6BAAC,qBAAD,eAAoBC,KAApB,EAA+BF,QAA/B;AAAyC,UAAA,GAAG,EAAED;AAA9C,WAAP;;AACF,WAAK,SAAL;AACE,4BAAO,6BAAC,kBAAD,eAAiBG,KAAjB,EAA4BF,QAA5B;AAAsC,UAAA,GAAG,EAAED;AAA3C,WAAP;;AACF,WAAK,SAAL;AACE,4BAAO,6BAAC,sBAAD,eAAqBG,KAArB,EAAgCF,QAAhC;AAA0C,UAAA,GAAG,EAAED;AAA/C,WAAP;;AACF;AACE,4BAAO,6BAAC,eAAD,eAAcG,KAAd,EAAyBF,QAAzB;AAAmC,UAAA,GAAG,EAAED;AAAxC,WAAP;AARJ;AAUD,GAXD,CAJwE,CAgBxE;;;AACA,MAAI,kDAAsBD,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,eAAD,QAAMD,QAAQ,IAAIS,OAAO,EAAzB,CAAP;AACD,CArBD;;4BAsBe,+BAAK,uBAAWV,SAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box } from '../../primitives';\r\nimport {\r\n  WarningIcon,\r\n  WarningTwoIcon,\r\n  InfoIcon,\r\n  CheckCircleIcon,\r\n} from '../../primitives/Icon/Icons';\r\nimport type { IAlertContext, IAlertIconProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { AlertContext } from './Context';\r\nimport { omitUndefined } from '../../../theme/tools/utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst AlertIcon = ({ children, ...props }: IAlertIconProps, ref?: any) => {\r\n  let newProps = usePropsResolution('AlertIcon', props);\r\n  newProps = omitUndefined(newProps);\r\n  const { status, _icon }: IAlertContext = React.useContext(AlertContext);\r\n  const getIcon = () => {\r\n    switch (status) {\r\n      case 'error':\r\n        return <WarningTwoIcon {..._icon} {...newProps} ref={ref} />;\r\n      case 'warning':\r\n        return <WarningIcon {..._icon} {...newProps} ref={ref} />;\r\n      case 'success':\r\n        return <CheckCircleIcon {..._icon} {...newProps} ref={ref} />;\r\n      default:\r\n        return <InfoIcon {..._icon} {...newProps} ref={ref} />;\r\n    }\r\n  };\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box>{children || getIcon()}</Box>;\r\n};\r\nexport default memo(forwardRef(AlertIcon));\r\n"]}

package/lib/commonjs/components/composites/Alert/Context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertContext = void 0;
+
+var _react = require("react");
+
+const AlertContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.AlertContext = AlertContext;
+//# sourceMappingURL=Context.js.map

package/lib/commonjs/components/composites/Alert/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["AlertContext"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,YAAY,gBAAG,0BAAc,EAAd,CAArB","sourcesContent":["import { createContext } from 'react';\r\nexport const AlertContext = createContext({});\r\n"]}

package/lib/commonjs/components/composites/Alert/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = void 0;
+
+var _AlertIcon = _interopRequireDefault(require("./AlertIcon"));
+
+var _Alert = _interopRequireDefault(require("./Alert"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const AlertTemp = _Alert.default;
+AlertTemp.Icon = _AlertIcon.default; // To add typings
+
+const Alert = AlertTemp;
+exports.Alert = Alert;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/composites/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["AlertTemp","AlertMain","Icon","AlertIcon","Alert"],"mappings":";;;;;;;AAAA;;AACA;;;;AAKA,MAAMA,SAAc,GAAGC,cAAvB;AACAD,SAAS,CAACE,IAAV,GAAiBC,kBAAjB,C,CACA;;AACA,MAAMC,KAAK,GAAGJ,SAAd","sourcesContent":["import AlertIcon from './AlertIcon';\r\nimport AlertMain from './Alert';\r\n\r\nexport type { IAlertProps, IAlertContext } from './types';\r\nimport type { IAlertComponentType } from './types';\r\n\r\nconst AlertTemp: any = AlertMain;\r\nAlertTemp.Icon = AlertIcon;\r\n// To add typings\r\nconst Alert = AlertTemp as IAlertComponentType;\r\nexport { Alert };\r\n"]}

package/lib/commonjs/components/composites/Alert/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/composites/Alert/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}