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

package/lib/module/components/primitives/Text/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Text/types.js.map

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

package/lib/module/components/primitives/TextArea/index.js

@@ -0,0 +1,68 @@
+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); }
+
+import React, { memo, forwardRef } from 'react';
+import { Input } from '../Input';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { useHover } from '@react-native-aria/interactions';
+import { mergeRefs } from '../../../utils';
+
+const TextArea = ({
+  wrapperRef,
+  isDisabled,
+  isInvalid,
+  isReadOnly,
+  isFocused: isFocusedProp,
+  isHovered: isHoveredProp,
+  ...props
+}, ref) => {
+  const _ref = React.useRef(null);
+
+  const {
+    isHovered
+  } = useHover({}, _ref);
+  const [isFocused, setIsFocused] = React.useState(isFocusedProp);
+
+  const handleFocus = (focusState, callback) => {
+    setIsFocused(focusState);
+    callback();
+  };
+
+  const {
+    totalLines,
+    onFocus,
+    onBlur,
+    ...newProps
+  } = usePropsResolution('TextArea', props, {
+    isHovered: isHoveredProp || isHovered,
+    isDisabled,
+    isFocused,
+    isInvalid,
+    isReadOnly
+  }, {
+    extendTheme: ['Input']
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Input, _extends({}, newProps, {
+    INTERNAL_notResolveThemeAndPseudoProps: true,
+    numberOfLines: totalLines,
+    wrapperRef: wrapperRef,
+    ref: mergeRefs([_ref, ref]),
+    onFocus: e => {
+      handleFocus(true, onFocus ? () => onFocus(e) : () => {});
+    },
+    onBlur: e => {
+      handleFocus(false, onBlur ? () => onBlur(e) : () => {});
+    },
+    isDisabled: isDisabled,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(TextArea));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","Input","usePropsResolution","useHasResponsiveProps","useHover","mergeRefs","TextArea","wrapperRef","isDisabled","isInvalid","isReadOnly","isFocused","isFocusedProp","isHovered","isHoveredProp","props","ref","_ref","useRef","setIsFocused","useState","handleFocus","focusState","callback","totalLines","onFocus","onBlur","newProps","extendTheme","e"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,KAAT,QAAsB,UAAtB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,QAAT,QAAyB,iCAAzB;AACA,SAASC,SAAT,QAA0B,gBAA1B;;AAcA,MAAMC,QAAQ,GAAG,CACf;AACEC,EAAAA,UADF;AAEEC,EAAAA,UAFF;AAGEC,EAAAA,SAHF;AAIEC,EAAAA,UAJF;AAKEC,EAAAA,SAAS,EAAEC,aALb;AAMEC,EAAAA,SAAS,EAAEC,aANb;AAOE,KAAGC;AAPL,CADe,EAUfC,GAVe,KAWZ;AACH,QAAMC,IAAI,GAAGnB,KAAK,CAACoB,MAAN,CAAa,IAAb,CAAb;;AACA,QAAM;AAAEL,IAAAA;AAAF,MAAgBT,QAAQ,CAAC,EAAD,EAAKa,IAAL,CAA9B;AACA,QAAM,CAACN,SAAD,EAAYQ,YAAZ,IAA4BrB,KAAK,CAACsB,QAAN,CAAeR,aAAf,CAAlC;;AACA,QAAMS,WAAW,GAAG,CAACC,UAAD,EAAsBC,QAAtB,KAAwC;AAC1DJ,IAAAA,YAAY,CAACG,UAAD,CAAZ;AACAC,IAAAA,QAAQ;AACT,GAHD;;AAIA,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,OAAd;AAAuBC,IAAAA,MAAvB;AAA+B,OAAGC;AAAlC,MAA+CzB,kBAAkB,CACrE,UADqE,EAErEa,KAFqE,EAGrE;AACEF,IAAAA,SAAS,EAAEC,aAAa,IAAID,SAD9B;AAEEL,IAAAA,UAFF;AAGEG,IAAAA,SAHF;AAIEF,IAAAA,SAJF;AAKEC,IAAAA;AALF,GAHqE,EAUrE;AAAEkB,IAAAA,WAAW,EAAE,CAAC,OAAD;AAAf,GAVqE,CAAvE,CARG,CAoBH;;AACA,MAAIzB,qBAAqB,CAACY,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,KAAD,eACMY,QADN;AAEE,IAAA,sCAAsC,MAFxC;AAGE,IAAA,aAAa,EAAEH,UAHjB;AAIE,IAAA,UAAU,EAAEjB,UAJd;AAKE,IAAA,GAAG,EAAEF,SAAS,CAAC,CAACY,IAAD,EAAOD,GAAP,CAAD,CALhB;AAME,IAAA,OAAO,EAAGa,CAAD,IAAO;AACdR,MAAAA,WAAW,CAAC,IAAD,EAAOI,OAAO,GAAG,MAAMA,OAAO,CAACI,CAAD,CAAhB,GAAsB,MAAM,CAAE,CAA5C,CAAX;AACD,KARH;AASE,IAAA,MAAM,EAAGA,CAAD,IAAO;AACbR,MAAAA,WAAW,CAAC,KAAD,EAAQK,MAAM,GAAG,MAAMA,MAAM,CAACG,CAAD,CAAf,GAAqB,MAAM,CAAE,CAA3C,CAAX;AACD,KAXH;AAYE,IAAA,UAAU,EAAErB,UAZd;AAaE,IAAA,SAAS,EAAEC,SAbb;AAcE,IAAA,UAAU,EAAEC;AAdd,KADF;AAkBD,CArDD;;AAuDA,4BAAeX,IAAI,eAACC,UAAU,CAACM,QAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Input } from '../Input';\r\nimport type { InterfaceInputProps } from '../Input/types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useHover } from '@react-native-aria/interactions';\r\nimport { mergeRefs } from '../../../utils';\r\nimport type { PlatformProps } from '../../../components/types';\r\nexport interface ITextAreaProps\r\n  extends Omit<\r\n      InterfaceInputProps,\r\n      '_web' | '_android' | '_ios' | '_light' | '_dark' | '_important'\r\n    >,\r\n    PlatformProps<ITextAreaProps> {\r\n  /**\r\n   * Maps to react-native TextInput's numberOfLines.\r\n   */\r\n  totalLines?: number;\r\n}\r\n\r\nconst TextArea = (\r\n  {\r\n    wrapperRef,\r\n    isDisabled,\r\n    isInvalid,\r\n    isReadOnly,\r\n    isFocused: isFocusedProp,\r\n    isHovered: isHoveredProp,\r\n    ...props\r\n  }: ITextAreaProps,\r\n  ref: any\r\n) => {\r\n  const _ref = React.useRef(null);\r\n  const { isHovered } = useHover({}, _ref);\r\n  const [isFocused, setIsFocused] = React.useState(isFocusedProp);\r\n  const handleFocus = (focusState: boolean, callback: any) => {\r\n    setIsFocused(focusState);\r\n    callback();\r\n  };\r\n  const { totalLines, onFocus, onBlur, ...newProps } = usePropsResolution(\r\n    'TextArea',\r\n    props,\r\n    {\r\n      isHovered: isHoveredProp || isHovered,\r\n      isDisabled,\r\n      isFocused,\r\n      isInvalid,\r\n      isReadOnly,\r\n    },\r\n    { extendTheme: ['Input'] }\r\n  );\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <Input\r\n      {...newProps}\r\n      INTERNAL_notResolveThemeAndPseudoProps\r\n      numberOfLines={totalLines}\r\n      wrapperRef={wrapperRef}\r\n      ref={mergeRefs([_ref, ref])}\r\n      onFocus={(e) => {\r\n        handleFocus(true, onFocus ? () => onFocus(e) : () => {});\r\n      }}\r\n      onBlur={(e) => {\r\n        handleFocus(false, onBlur ? () => onBlur(e) : () => {});\r\n      }}\r\n      isDisabled={isDisabled}\r\n      isInvalid={isInvalid}\r\n      isReadOnly={isReadOnly}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(TextArea));\r\n"]}

package/lib/module/components/primitives/TouchableItem/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { makeStyledComponent } from '../../../utils/styled';
+import { TouchableHighlight } from 'react-native';
+const TouchableItem = makeStyledComponent(TouchableHighlight);
+export default /*#__PURE__*/React.memo(TouchableItem);
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/TouchableItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","makeStyledComponent","TouchableHighlight","TouchableItem","memo"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,kBAAT,QAAmC,cAAnC;AAEA,MAAMC,aAAa,GAAGF,mBAAmB,CAACC,kBAAD,CAAzC;AACA,4BAAeF,KAAK,CAACI,IAAN,CAAWD,aAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { TouchableHighlight } from 'react-native';\r\n\r\nconst TouchableItem = makeStyledComponent(TouchableHighlight);\r\nexport default React.memo(TouchableItem);\r\n"]}

package/lib/module/components/primitives/View/index.js

@@ -0,0 +1,25 @@
+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); }
+
+import React from 'react';
+import { makeStyledComponent } from '../../../utils/styled';
+import { View as RNView } from 'react-native';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { useThemeProps } from '../../../hooks/useThemeProps';
+import { useSafeArea } from '../../../hooks/useSafeArea';
+const StyledView = makeStyledComponent(RNView);
+
+const View = (props, ref) => {
+  const viewProps = useThemeProps('View', props);
+  const safeAreaProps = useSafeArea(viewProps); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(StyledView, _extends({}, safeAreaProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(View));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/View/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","makeStyledComponent","View","RNView","useHasResponsiveProps","useThemeProps","useSafeArea","StyledView","props","ref","viewProps","safeAreaProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,IAAI,IAAIC,MAAjB,QAA+B,cAA/B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,aAAT,QAA8B,8BAA9B;AACA,SAASC,WAAT,QAA4B,4BAA5B;AAEA,MAAMC,UAAe,GAAGN,mBAAmB,CAACE,MAAD,CAA3C;;AAEA,MAAMD,IAAI,GAAG,CAACM,KAAD,EAAoBC,GAApB,KAAiC;AAC5C,QAAMC,SAAS,GAAGL,aAAa,CAAC,MAAD,EAASG,KAAT,CAA/B;AACA,QAAMG,aAAa,GAAGL,WAAW,CAACI,SAAD,CAAjC,CAF4C,CAG5C;;AACA,MAAIN,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,oBAAC,UAAD,eAAgBG,aAAhB;AAA+B,IAAA,GAAG,EAAEF;AAApC,KAAP;AACD,CARD;;AASA,4BAAeT,KAAK,CAACY,IAAN,eAAWZ,KAAK,CAACa,UAAN,CAAiBX,IAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { View as RNView } from 'react-native';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { useSafeArea } from '../../../hooks/useSafeArea';\r\nimport type { IViewProps } from './types';\r\nconst StyledView: any = makeStyledComponent(RNView);\r\n\r\nconst View = (props: IViewProps, ref: any) => {\r\n  const viewProps = useThemeProps('View', props);\r\n  const safeAreaProps = useSafeArea(viewProps);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <StyledView {...safeAreaProps} ref={ref} />;\r\n};\r\nexport default React.memo(React.forwardRef(View));\r\nexport type { IViewProps };\r\n"]}

package/lib/module/components/primitives/View/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/View/types.js.map

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

package/lib/module/components/primitives/VisuallyHidden/index.js

@@ -0,0 +1,8 @@
+import { useScreenReaderEnabled } from '../../../hooks';
+export function VisuallyHidden({
+  children
+}) {
+  const screenReaderEnabled = useScreenReaderEnabled();
+  return screenReaderEnabled ? children : null;
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/VisuallyHidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["useScreenReaderEnabled","VisuallyHidden","children","screenReaderEnabled"],"mappings":"AACA,SAASA,sBAAT,QAAuC,gBAAvC;AAEA,OAAO,SAASC,cAAT,CAAwB;AAC7BC,EAAAA;AAD6B,CAAxB,EAIuB;AAC5B,QAAMC,mBAAmB,GAAGH,sBAAsB,EAAlD;AAEA,SAAOG,mBAAmB,GAAGD,QAAH,GAAc,IAAxC;AACD","sourcesContent":["import type React from 'react';\r\nimport { useScreenReaderEnabled } from '../../../hooks';\r\n\r\nexport function VisuallyHidden({\r\n  children,\r\n}: {\r\n  children: React.ReactElement;\r\n}): React.ReactElement | null {\r\n  const screenReaderEnabled = useScreenReaderEnabled();\r\n\r\n  return screenReaderEnabled ? children : null;\r\n}\r\n"]}

package/lib/module/components/primitives/ZStack/index.js

@@ -0,0 +1,26 @@
+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); }
+
+import React, { memo, forwardRef } from 'react';
+import { default as Box } from '../Box';
+import { getAbsoluteChildren } from '../../../utils';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const ZStack = ({
+  children,
+  reversed,
+  ...props
+}, ref) => {
+  const resolvedProps = usePropsResolution('ZStack', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    ref: ref
+  }), getAbsoluteChildren(children, reversed));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ZStack));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/ZStack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","default","Box","getAbsoluteChildren","usePropsResolution","useHasResponsiveProps","ZStack","children","reversed","props","ref","resolvedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,OAAO,IAAIC,GAApB,QAAkD,QAAlD;AACA,SAASC,mBAAT,QAAoC,gBAApC;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAWA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsB,KAAGC;AAAzB,CAAD,EAAiDC,GAAjD,KAA+D;AAC5E,QAAMC,aAAa,GAAGP,kBAAkB,CAAC,QAAD,EAAWK,KAAX,CAAxC,CAD4E,CAE5E;;AACA,MAAIJ,qBAAqB,CAACI,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD,eAASE,aAAT;AAAwB,IAAA,GAAG,EAAED;AAA7B,MACGP,mBAAmB,CAACI,QAAD,EAAWC,QAAX,CADtB,CADF;AAKD,CAXD;;AAaA,4BAAeT,IAAI,eAACC,UAAU,CAACM,MAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { default as Box, InterfaceBoxProps } from '../Box';\r\nimport { getAbsoluteChildren } from '../../../utils';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { CustomProps } from '../../../components/types';\r\n\r\nexport interface InterfaceZStackProps extends InterfaceBoxProps<IZStackProps> {\r\n  /**\r\n   * The direction to stack the elements.\r\n   */\r\n  reversed?: boolean;\r\n}\r\n\r\nexport type IZStackProps = InterfaceZStackProps & CustomProps<'ZStack'>;\r\nconst ZStack = ({ children, reversed, ...props }: IZStackProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('ZStack', 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 {...resolvedProps} ref={ref}>\r\n      {getAbsoluteChildren(children, reversed)}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(ZStack));\r\n"]}

package/lib/module/components/primitives/index.js

@@ -0,0 +1,27 @@
+export { default as Box } from './Box';
+export { default as Text } from './Text';
+export { Input, InputGroup, InputLeftAddon, InputRightAddon } from './Input';
+// export { default as View } from './View';
+export { Checkbox } from './Checkbox';
+export { Radio, RadioContext } from './Radio';
+export { Icon, createIcon } from './Icon';
+export { Column } from './Column';
+export { Row } from './Row';
+export { Button } from './Button';
+export { Slider } from './Slider';
+export { Stack, VStack, HStack } from './Stack';
+export { default as Image } from './Image';
+export { default as Select } from './Select';
+export { default as Spinner } from './Spinner';
+export { default as Heading } from './Heading';
+export { useFocus, useHover, useIsPressed, Pressable } from './Pressable';
+export { default as Flex, Spacer } from './Flex';
+export { default as Switch } from './Switch';
+export { default as TextArea } from './TextArea';
+export { default as Link } from './Link';
+export { List } from './List';
+export { Hidden } from './Hidden';
+export { VisuallyHidden } from './VisuallyHidden';
+export { default as ZStack } from './ZStack';
+export { Overlay } from './Overlay';
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default","Box","Text","Input","InputGroup","InputLeftAddon","InputRightAddon","Checkbox","Radio","RadioContext","Icon","createIcon","Column","Row","Button","Slider","Stack","VStack","HStack","Image","Select","Spinner","Heading","useFocus","useHover","useIsPressed","Pressable","Flex","Spacer","Switch","TextArea","Link","List","Hidden","VisuallyHidden","ZStack","Overlay"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAApB,QAA+B,OAA/B;AAGA,SAASD,OAAO,IAAIE,IAApB,QAAgC,QAAhC;AAGA,SAASC,KAAT,EAAgBC,UAAhB,EAA4BC,cAA5B,EAA4CC,eAA5C,QAAmE,SAAnE;AAGA;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAGA,SAASC,KAAT,EAAgBC,YAAhB,QAAoC,SAApC;AASA,SAASC,IAAT,EAAeC,UAAf,QAAiC,QAAjC;AAGA,SAASC,MAAT,QAAuB,UAAvB;AACA,SAASC,GAAT,QAAoB,OAApB;AAEA,SAASC,MAAT,QAAuB,UAAvB;AAGA,SAASC,MAAT,QAAuB,UAAvB;AAGA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,MAAxB,QAAsC,SAAtC;AAGA,SAASlB,OAAO,IAAImB,KAApB,QAAiC,SAAjC;AAGA,SAASnB,OAAO,IAAIoB,MAApB,QAAkC,UAAlC;AAGA,SAASpB,OAAO,IAAIqB,OAApB,QAAmC,WAAnC;AAGA,SAASrB,OAAO,IAAIsB,OAApB,QAAmC,WAAnC;AAGA,SAASC,QAAT,EAAmBC,QAAnB,EAA6BC,YAA7B,EAA2CC,SAA3C,QAA4D,aAA5D;AAGA,SAAS1B,OAAO,IAAI2B,IAApB,EAA0BC,MAA1B,QAAwC,QAAxC;AAGA,SAAS5B,OAAO,IAAI6B,MAApB,QAAkC,UAAlC;AAGA,SAAS7B,OAAO,IAAI8B,QAApB,QAAoC,YAApC;AAGA,SAAS9B,OAAO,IAAI+B,IAApB,QAAgC,QAAhC;AAGA,SAASC,IAAT,QAAqB,QAArB;AAGA,SAASC,MAAT,QAAuB,UAAvB;AAGA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,SAASlC,OAAO,IAAImC,MAApB,QAAkC,UAAlC;AAGA,SAASC,OAAT,QAAwB,WAAxB","sourcesContent":["export { default as Box } from './Box';\r\nexport type { IBoxProps } from './Box';\r\n\r\nexport { default as Text } from './Text';\r\nexport type { ITextProps } from './Text';\r\n\r\nexport { Input, InputGroup, InputLeftAddon, InputRightAddon } from './Input';\r\nexport type { IInputProps } from './Input';\r\n\r\n// export { default as View } from './View';\r\n\r\nexport { Checkbox } from './Checkbox';\r\nexport type { ICheckboxProps, ICheckboxGroupProps } from './Checkbox';\r\n\r\nexport { Radio, RadioContext } from './Radio';\r\nexport type {\r\n  IRadioProps,\r\n  IRadioGroupProps,\r\n  IRadioValue,\r\n  IRadioContext,\r\n  IRadioComponentType,\r\n} from './Radio';\r\n\r\nexport { Icon, createIcon } from './Icon';\r\nexport type { IIconProps } from './Icon';\r\n\r\nexport { Column } from './Column';\r\nexport { Row } from './Row';\r\n\r\nexport { Button } from './Button';\r\nexport type { IButtonProps } from './Button';\r\n\r\nexport { Slider } from './Slider';\r\nexport type { ISliderProps } from './Slider';\r\n\r\nexport { Stack, VStack, HStack } from './Stack';\r\nexport type { IStackProps } from './Stack';\r\n\r\nexport { default as Image } from './Image';\r\nexport type { IImageProps } from './Image';\r\n\r\nexport { default as Select } from './Select';\r\nexport type { ISelectProps, ISelectItemProps } from './Select';\r\n\r\nexport { default as Spinner } from './Spinner';\r\nexport type { ISpinnerProps } from './Spinner';\r\n\r\nexport { default as Heading } from './Heading';\r\nexport type { IHeadingProps } from './Heading';\r\n\r\nexport { useFocus, useHover, useIsPressed, Pressable } from './Pressable';\r\nexport type { IPressableProps } from './Pressable';\r\n\r\nexport { default as Flex, Spacer } from './Flex';\r\nexport type { IFlexProps } from './Flex';\r\n\r\nexport { default as Switch } from './Switch';\r\nexport type { ISwitchProps } from './Switch';\r\n\r\nexport { default as TextArea } from './TextArea';\r\nexport type { ITextAreaProps } from './TextArea';\r\n\r\nexport { default as Link } from './Link';\r\nexport type { ILinkProps } from './Link';\r\n\r\nexport { List } from './List';\r\nexport type { IListProps, IListItemProps } from './List';\r\n\r\nexport { Hidden } from './Hidden';\r\nexport type { IHiddenProps } from './Hidden';\r\n\r\nexport { VisuallyHidden } from './VisuallyHidden';\r\n\r\nexport { default as ZStack } from './ZStack';\r\nexport type { IZStackProps } from './ZStack';\r\n\r\nexport { Overlay } from './Overlay';\r\n\r\nexport type { IOverlayProps } from './Overlay';\r\n"]}

package/lib/module/components/types/ExtraProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ExtraProps.js.map

package/lib/module/components/types/ExtraProps.js.map

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

package/lib/module/components/types/PlatformProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=PlatformProps.js.map

package/lib/module/components/types/PlatformProps.js.map

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

package/lib/module/components/types/index.js

@@ -0,0 +1,5 @@
+export * from './ExtraProps';
+export * from './PlatformProps';
+export * from './responsiveValue';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/lib/module/components/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,iBAAd;AACA,cAAc,mBAAd;AACA,cAAc,SAAd","sourcesContent":["export * from './ExtraProps';\r\nexport * from './PlatformProps';\r\nexport * from './responsiveValue';\r\nexport * from './utils';\r\n"]}

package/lib/module/components/types/responsiveValue.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=responsiveValue.js.map

package/lib/module/components/types/responsiveValue.js.map

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

package/lib/module/components/types/utils.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=utils.js.map

package/lib/module/components/types/utils.js.map

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

package/lib/module/core/NativeBaseContext.js

@@ -0,0 +1,6 @@
+import { createContext } from '../utils/createContext';
+export const defaultConfig = {
+  strictMode: 'off'
+};
+export const [NativeBaseConfigProvider, useNativeBaseConfig] = createContext('NativeBaseConfigProvider');
+//# sourceMappingURL=NativeBaseContext.js.map

package/lib/module/core/NativeBaseContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NativeBaseContext.ts"],"names":["createContext","defaultConfig","strictMode","NativeBaseConfigProvider","useNativeBaseConfig"],"mappings":"AAAA,SAASA,aAAT,QAA8B,wBAA9B;AAeA,OAAO,MAAMC,aAAgC,GAAG;AAC9CC,EAAAA,UAAU,EAAE;AADkC,CAAzC;AAIP,OAAO,MAAM,CAACC,wBAAD,EAA2BC,mBAA3B,IAAkDJ,aAAa,CAMzE,0BANyE,CAArE","sourcesContent":["import { createContext } from '../utils/createContext';\r\nimport type { ITheme } from './../theme';\r\nimport type { IModeType } from './StrictMode';\r\n\r\nexport interface INativebaseConfig {\r\n  theme?: ITheme;\r\n  suppressColorAccessibilityWarning?: boolean;\r\n  dependencies?: {\r\n    'linear-gradient': any;\r\n  };\r\n  enableRem?: boolean;\r\n  strictMode?: IModeType;\r\n  disableContrastText?: boolean;\r\n}\r\n\r\nexport const defaultConfig: INativebaseConfig = {\r\n  strictMode: 'off',\r\n};\r\n\r\nexport const [NativeBaseConfigProvider, useNativeBaseConfig] = createContext<{\r\n  config: INativebaseConfig;\r\n  currentBreakpoint: number;\r\n  isSSR?: boolean;\r\n  theme?: ITheme;\r\n  disableContrastText?: boolean;\r\n}>('NativeBaseConfigProvider');\r\n"]}

package/lib/module/core/NativeBaseProvider.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { SafeAreaProvider, initialWindowMetrics as defaultInitialWindowMetrics } from 'react-native-safe-area-context';
+import { SSRProvider } from '@react-native-aria/utils';
+import { theme as defaultTheme } from './../theme';
+import HybridProvider from './hybrid-overlay/HybridProvider';
+import { OverlayProvider } from '@react-native-aria/overlays';
+import { ToastProvider, ToastRef } from '../components/composites/Toast';
+import { defaultConfig, NativeBaseConfigProvider } from './NativeBaseContext';
+import { useToast } from '../components/composites/Toast';
+import { Platform, useWindowDimensions } from 'react-native';
+import { getClosestBreakpoint, platformSpecificSpaceUnits } from '../theme/tools/utils';
+import { ResponsiveQueryProvider } from '../utils/useResponsiveQuery'; // For SSR to work, we need to pass initial insets as 0 values on web.
+// https://github.com/th3rdwave/react-native-safe-area-context/issues/132
+
+const defaultInitialWindowMetricsBasedOnPlatform = Platform.select({
+  web: {
+    frame: {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    },
+    insets: {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0
+    }
+  },
+  default: defaultInitialWindowMetrics
+});
+
+const NativeBaseProvider = props => {
+  var _config$theme, _useWindowDimensions;
+
+  const {
+    colorModeManager,
+    config = defaultConfig,
+    children,
+    theme: propsTheme = defaultTheme,
+    initialWindowMetrics,
+    isSSR,
+    disableContrastText
+  } = props;
+  const theme = (_config$theme = config.theme) !== null && _config$theme !== void 0 ? _config$theme : propsTheme;
+  const newTheme = React.useMemo(() => {
+    if (config.enableRem) {
+      return platformSpecificSpaceUnits(theme);
+    }
+
+    return theme;
+  }, [config.enableRem, theme]);
+  const windowWidth = (_useWindowDimensions = useWindowDimensions()) === null || _useWindowDimensions === void 0 ? void 0 : _useWindowDimensions.width;
+  const currentBreakpoint = React.useMemo(() => getClosestBreakpoint(newTheme.breakpoints, windowWidth), [windowWidth, newTheme.breakpoints]);
+  return /*#__PURE__*/React.createElement(NativeBaseConfigProvider, {
+    theme: newTheme,
+    config: config,
+    currentBreakpoint: currentBreakpoint,
+    isSSR: isSSR,
+    disableContrastText: disableContrastText
+  }, /*#__PURE__*/React.createElement(SafeAreaProvider, {
+    initialMetrics: initialWindowMetrics !== null && initialWindowMetrics !== void 0 ? initialWindowMetrics : defaultInitialWindowMetricsBasedOnPlatform
+  }, /*#__PURE__*/React.createElement(ResponsiveQueryProvider, {
+    disableCSSMediaQueries: !isSSR
+  }, /*#__PURE__*/React.createElement(HybridProvider, {
+    colorModeManager: colorModeManager,
+    options: theme.config
+  }, /*#__PURE__*/React.createElement(OverlayProvider, {
+    isSSR: true
+  }, /*#__PURE__*/React.createElement(ToastProvider, null, /*#__PURE__*/React.createElement(InitializeToastRef, null), /*#__PURE__*/React.createElement(SSRProvider, null, children)))))));
+};
+
+const InitializeToastRef = () => {
+  const toast = useToast();
+  ToastRef.current = toast;
+  return null;
+};
+
+export { NativeBaseProvider };
+//# sourceMappingURL=NativeBaseProvider.js.map

package/lib/module/core/NativeBaseProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NativeBaseProvider.tsx"],"names":["React","SafeAreaProvider","initialWindowMetrics","defaultInitialWindowMetrics","SSRProvider","theme","defaultTheme","HybridProvider","OverlayProvider","ToastProvider","ToastRef","defaultConfig","NativeBaseConfigProvider","useToast","Platform","useWindowDimensions","getClosestBreakpoint","platformSpecificSpaceUnits","ResponsiveQueryProvider","defaultInitialWindowMetricsBasedOnPlatform","select","web","frame","x","y","width","height","insets","top","left","right","bottom","default","NativeBaseProvider","props","colorModeManager","config","children","propsTheme","isSSR","disableContrastText","newTheme","useMemo","enableRem","windowWidth","currentBreakpoint","breakpoints","InitializeToastRef","toast","current"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {\r\n  SafeAreaProvider,\r\n  Metrics,\r\n  initialWindowMetrics as defaultInitialWindowMetrics,\r\n} from 'react-native-safe-area-context';\r\nimport { SSRProvider } from '@react-native-aria/utils';\r\nimport { theme as defaultTheme, ITheme } from './../theme';\r\nimport type { IColorModeProviderProps } from './color-mode';\r\nimport HybridProvider from './hybrid-overlay/HybridProvider';\r\nimport { OverlayProvider } from '@react-native-aria/overlays';\r\nimport { ToastProvider, ToastRef } from '../components/composites/Toast';\r\nimport {\r\n  defaultConfig,\r\n  INativebaseConfig,\r\n  NativeBaseConfigProvider,\r\n} from './NativeBaseContext';\r\nimport { useToast } from '../components/composites/Toast';\r\nimport { Platform, useWindowDimensions } from 'react-native';\r\nimport {\r\n  getClosestBreakpoint,\r\n  platformSpecificSpaceUnits,\r\n} from '../theme/tools/utils';\r\nimport { ResponsiveQueryProvider } from '../utils/useResponsiveQuery';\r\n\r\n// For SSR to work, we need to pass initial insets as 0 values on web.\r\n\r\n// https://github.com/th3rdwave/react-native-safe-area-context/issues/132\r\nconst defaultInitialWindowMetricsBasedOnPlatform: Metrics | null = Platform.select(\r\n  {\r\n    web: {\r\n      frame: { x: 0, y: 0, width: 0, height: 0 },\r\n      insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n    },\r\n    default: defaultInitialWindowMetrics,\r\n  }\r\n);\r\n\r\nexport interface NativeBaseProviderProps {\r\n  theme?: ITheme;\r\n  colorModeManager?: IColorModeProviderProps['colorModeManager'];\r\n  children?: React.ReactNode;\r\n  initialWindowMetrics?: any;\r\n  config?: INativebaseConfig;\r\n  isSSR?: boolean;\r\n  disableContrastText?: boolean;\r\n  // Refer https://github.com/th3rdwave/react-native-safe-area-context#testing\r\n}\r\n\r\nconst NativeBaseProvider = (props: NativeBaseProviderProps) => {\r\n  const {\r\n    colorModeManager,\r\n    config = defaultConfig,\r\n    children,\r\n    theme: propsTheme = defaultTheme,\r\n    initialWindowMetrics,\r\n    isSSR,\r\n    disableContrastText,\r\n  } = props;\r\n  const theme = config.theme ?? propsTheme;\r\n\r\n  const newTheme = React.useMemo(() => {\r\n    if (config.enableRem) {\r\n      return platformSpecificSpaceUnits(theme);\r\n    }\r\n    return theme;\r\n  }, [config.enableRem, theme]);\r\n\r\n  const windowWidth = useWindowDimensions()?.width;\r\n\r\n  const currentBreakpoint = React.useMemo(\r\n    () => getClosestBreakpoint(newTheme.breakpoints, windowWidth),\r\n    [windowWidth, newTheme.breakpoints]\r\n  );\r\n\r\n  return (\r\n    <NativeBaseConfigProvider\r\n      theme={newTheme}\r\n      config={config}\r\n      currentBreakpoint={currentBreakpoint}\r\n      isSSR={isSSR}\r\n      disableContrastText={disableContrastText}\r\n    >\r\n      <SafeAreaProvider\r\n        initialMetrics={\r\n          initialWindowMetrics ?? defaultInitialWindowMetricsBasedOnPlatform\r\n        }\r\n      >\r\n        <ResponsiveQueryProvider disableCSSMediaQueries={!isSSR}>\r\n          <HybridProvider\r\n            colorModeManager={colorModeManager}\r\n            options={theme.config}\r\n          >\r\n            <OverlayProvider isSSR>\r\n              <ToastProvider>\r\n                <InitializeToastRef />\r\n                <SSRProvider>{children}</SSRProvider>\r\n              </ToastProvider>\r\n            </OverlayProvider>\r\n          </HybridProvider>\r\n        </ResponsiveQueryProvider>\r\n      </SafeAreaProvider>\r\n    </NativeBaseConfigProvider>\r\n  );\r\n};\r\n\r\nconst InitializeToastRef = () => {\r\n  const toast = useToast();\r\n  ToastRef.current = toast;\r\n  return null;\r\n};\r\n\r\nexport { NativeBaseProvider };\r\n"]}

package/lib/module/core/StrictMode.js

@@ -0,0 +1,30 @@
+const tokenNotString = 'tokenNotString';
+const tokenNotFound = 'tokenNotFound';
+export const strictModeLogger = ({
+  token,
+  scale,
+  mode,
+  type
+}) => {
+  if (!mode) {
+    mode = 'off';
+  }
+
+  if (mode === 'off') return; // eslint-disable-next-line no-console
+
+  const log = console[mode];
+
+  switch (type) {
+    case tokenNotFound:
+      log("Token ".concat(token, " not found in theme scale of ").concat(scale, ". Please use extendTheme function to add this token in your theme"));
+      return;
+
+    case tokenNotString:
+      log("Token ".concat(token, " should be passed as a string."));
+      return;
+
+    default:
+      return;
+  }
+};
+//# sourceMappingURL=StrictMode.js.map

package/lib/module/core/StrictMode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["StrictMode.ts"],"names":["tokenNotString","tokenNotFound","strictModeLogger","token","scale","mode","type","log","console"],"mappings":"AAEA,MAAMA,cAAc,GAAG,gBAAvB;AACA,MAAMC,aAAa,GAAG,eAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAG,CAAC;AAC/BC,EAAAA,KAD+B;AAE/BC,EAAAA,KAF+B;AAG/BC,EAAAA,IAH+B;AAI/BC,EAAAA;AAJ+B,CAAD,KAU1B;AACJ,MAAI,CAACD,IAAL,EAAW;AACTA,IAAAA,IAAI,GAAG,KAAP;AACD;;AAED,MAAIA,IAAI,KAAK,KAAb,EAAoB,OALhB,CAOJ;;AACA,QAAME,GAAG,GAAGC,OAAO,CAACH,IAAD,CAAnB;;AAEA,UAAQC,IAAR;AACE,SAAKL,aAAL;AACEM,MAAAA,GAAG,iBACQJ,KADR,0CAC6CC,KAD7C,uEAAH;AAGA;;AACF,SAAKJ,cAAL;AACEO,MAAAA,GAAG,iBAAUJ,KAAV,oCAAH;AACA;;AACF;AACE;AAVJ;AAYD,CAhCM","sourcesContent":["export type IModeType = 'off' | 'warn' | 'error';\r\n\r\nconst tokenNotString = 'tokenNotString';\r\nconst tokenNotFound = 'tokenNotFound';\r\n\r\nexport const strictModeLogger = ({\r\n  token,\r\n  scale,\r\n  mode,\r\n  type,\r\n}: {\r\n  token: string;\r\n  scale: string;\r\n  mode: IModeType;\r\n  type: typeof tokenNotString | typeof tokenNotFound;\r\n}) => {\r\n  if (!mode) {\r\n    mode = 'off';\r\n  }\r\n\r\n  if (mode === 'off') return;\r\n\r\n  // eslint-disable-next-line no-console\r\n  const log = console[mode];\r\n\r\n  switch (type) {\r\n    case tokenNotFound:\r\n      log(\r\n        `Token ${token} not found in theme scale of ${scale}. Please use extendTheme function to add this token in your theme`\r\n      );\r\n      return;\r\n    case tokenNotString:\r\n      log(`Token ${token} should be passed as a string.`);\r\n      return;\r\n    default:\r\n      return;\r\n  }\r\n};\r\n"]}

package/lib/module/core/color-mode/hooks.js

@@ -0,0 +1,110 @@
+import React, { useState, useEffect } from 'react';
+import { HybridContext } from './../hybrid-overlay/Context';
+import { AppState, useColorScheme as _useColorScheme } from 'react-native';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+import { useNativeBaseConfig } from '../NativeBaseContext';
+export const useColorMode = () => {
+  const {
+    colorMode: colorModeContext
+  } = React.useContext(HybridContext);
+
+  if (colorModeContext === undefined) {
+    throw new Error('useColorMode must be used within a NativeBaseProvider');
+  }
+
+  return colorModeContext;
+};
+export function useColorModeValue(light, dark) {
+  const {
+    colorMode
+  } = useColorMode();
+  return colorMode === 'dark' ? dark : light;
+}
+export const useAppState = () => {
+  const subscription = React.useMemo(() => ({
+    getCurrentValue: () => AppState.currentState,
+    subscribe: callback => {
+      const subsription = AppState.addEventListener('change', callback);
+      return () => {
+        if (AppState.removeEventListener) {
+          // React Native < 0.65
+          AppState.removeEventListener('change', callback);
+        } else {
+          // React Native >= 0.65
+          // @ts-ignore:next-line ignoring ts error as devDependency contains "@types/react-native" < 0.65
+          subsription.remove();
+        }
+      };
+    }
+  }), []);
+  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;
+
+  if (isSSR) {
+    return 'unknown';
+  } else {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return useSyncExternalStore(subscription.subscribe, subscription.getCurrentValue, subscription.getCurrentValue);
+  }
+};
+export const useColorScheme = () => {
+  const colorScheme = _useColorScheme();
+
+  const [currentScheme, setCurrentScheme] = useState(colorScheme);
+  const appState = useAppState();
+  useEffect(() => {
+    if (appState === 'active') {
+      setCurrentScheme(colorScheme);
+    }
+  }, [appState, colorScheme]);
+  return currentScheme;
+};
+export function useModeManager(initialColorMode, useSystemColorMode, colorModeManager) {
+  const systemColorMode = useColorScheme();
+
+  if (useSystemColorMode) {
+    initialColorMode = systemColorMode;
+  }
+
+  const [colorMode, setRawMode] = useState(initialColorMode);
+  const setColorMode = React.useCallback(async val => {
+    if (colorModeManager) {
+      await colorModeManager.set(val);
+    }
+
+    setRawMode(val);
+  }, [colorModeManager]); // For initial setting initial color mode from storage
+
+  useEffect(() => {
+    if (colorModeManager) {
+      (async function getMode() {
+        const value = await colorModeManager.get(initialColorMode);
+
+        if (value && value !== colorMode) {
+          setRawMode(value);
+        }
+      })();
+    }
+  }, [colorMode, initialColorMode, colorModeManager]); // Set system color mode only when user has not passed a colorModeManager
+
+  useEffect(() => {
+    if (!colorModeManager && useSystemColorMode) {
+      setRawMode(systemColorMode);
+    }
+  }, [systemColorMode, colorModeManager, useSystemColorMode, setRawMode]);
+  return {
+    colorMode,
+    setColorMode
+  };
+}
+export function useAccessibleColors() {
+  const {
+    colorMode: colorModeContext
+  } = React.useContext(HybridContext);
+
+  const toggleAccessibleColors = () => colorModeContext.setAccessibleColors(!colorModeContext.accessibleColors);
+
+  return [colorModeContext.accessibleColors, colorModeContext.setAccessibleColors, toggleAccessibleColors];
+}
+//# sourceMappingURL=hooks.js.map

package/lib/module/core/color-mode/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hooks.tsx"],"names":["React","useState","useEffect","HybridContext","AppState","useColorScheme","_useColorScheme","useSyncExternalStore","useNativeBaseConfig","useColorMode","colorMode","colorModeContext","useContext","undefined","Error","useColorModeValue","light","dark","useAppState","subscription","useMemo","getCurrentValue","currentState","subscribe","callback","subsription","addEventListener","removeEventListener","remove","isSSR","colorScheme","currentScheme","setCurrentScheme","appState","useModeManager","initialColorMode","useSystemColorMode","colorModeManager","systemColorMode","setRawMode","setColorMode","useCallback","val","set","getMode","value","get","useAccessibleColors","toggleAccessibleColors","setAccessibleColors","accessibleColors"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AAMA,SAASC,aAAT,QAA8B,6BAA9B;AAEA,SAASC,QAAT,EAAmBC,cAAc,IAAIC,eAArC,QAA4D,cAA5D;AACA,SAASC,oBAAT,QAAqC,8BAArC;AAEA,SAASC,mBAAT,QAAoC,sBAApC;AAEA,OAAO,MAAMC,YAAY,GAAG,MAA8B;AACxD,QAAM;AACJC,IAAAA,SAAS,EAAEC;AADP,MAIFX,KAAK,CAACY,UAAN,CAAsCT,aAAtC,CAJJ;;AAKA,MAAIQ,gBAAgB,KAAKE,SAAzB,EAAoC;AAClC,UAAM,IAAIC,KAAJ,CAAU,uDAAV,CAAN;AACD;;AACD,SAAOH,gBAAP;AACD,CAVM;AAYP,OAAO,SAASI,iBAAT,CAA2BC,KAA3B,EAAuCC,IAAvC,EAAkD;AACvD,QAAM;AAAEP,IAAAA;AAAF,MAAgBD,YAAY,EAAlC;AACA,SAAOC,SAAS,KAAK,MAAd,GAAuBO,IAAvB,GAA8BD,KAArC;AACD;AAED,OAAO,MAAME,WAAW,GAAG,MAAM;AAC/B,QAAMC,YAAY,GAAGnB,KAAK,CAACoB,OAAN,CACnB,OAAO;AACLC,IAAAA,eAAe,EAAE,MAAMjB,QAAQ,CAACkB,YAD3B;AAELC,IAAAA,SAAS,EAAGC,QAAD,IAA0B;AACnC,YAAMC,WAAW,GAAGrB,QAAQ,CAACsB,gBAAT,CAA0B,QAA1B,EAAoCF,QAApC,CAApB;AACA,aAAO,MAAM;AACX,YAAIpB,QAAQ,CAACuB,mBAAb,EAAkC;AAChC;AACAvB,UAAAA,QAAQ,CAACuB,mBAAT,CAA6B,QAA7B,EAAuCH,QAAvC;AACD,SAHD,MAGO;AACL;AACA;AACAC,UAAAA,WAAW,CAACG,MAAZ;AACD;AACF,OATD;AAUD;AAdI,GAAP,CADmB,EAiBnB,EAjBmB,CAArB;AAoBA,QAAMC,KAAK,GAAGrB,mBAAmB,CAAC,4BAAD,CAAnB,CAAkDqB,KAAhE;;AAEA,MAAIA,KAAJ,EAAW;AACT,WAAO,SAAP;AACD,GAFD,MAEO;AACL;AACA;AACA;AACA,WAAOtB,oBAAoB,CACzBY,YAAY,CAACI,SADY,EAEzBJ,YAAY,CAACE,eAFY,EAGzBF,YAAY,CAACE,eAHY,CAA3B;AAKD;AACF,CAnCM;AAqCP,OAAO,MAAMhB,cAAc,GAAG,MAAM;AAClC,QAAMyB,WAAW,GAAGxB,eAAe,EAAnC;;AACA,QAAM,CAACyB,aAAD,EAAgBC,gBAAhB,IAAoC/B,QAAQ,CAAC6B,WAAD,CAAlD;AACA,QAAMG,QAAQ,GAAGf,WAAW,EAA5B;AAEAhB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI+B,QAAQ,KAAK,QAAjB,EAA2B;AACzBD,MAAAA,gBAAgB,CAACF,WAAD,CAAhB;AACD;AACF,GAJQ,EAIN,CAACG,QAAD,EAAWH,WAAX,CAJM,CAAT;AAMA,SAAOC,aAAP;AACD,CAZM;AAcP,OAAO,SAASG,cAAT,CACLC,gBADK,EAELC,kBAFK,EAGLC,gBAHK,EAIL;AACA,QAAMC,eAAe,GAAGjC,cAAc,EAAtC;;AAEA,MAAI+B,kBAAJ,EAAwB;AACtBD,IAAAA,gBAAgB,GAAGG,eAAnB;AACD;;AAED,QAAM,CAAC5B,SAAD,EAAY6B,UAAZ,IAA0BtC,QAAQ,CAAYkC,gBAAZ,CAAxC;AACA,QAAMK,YAAY,GAAGxC,KAAK,CAACyC,WAAN,CACnB,MAAOC,GAAP,IAA0B;AACxB,QAAIL,gBAAJ,EAAsB;AACpB,YAAMA,gBAAgB,CAACM,GAAjB,CAAqBD,GAArB,CAAN;AACD;;AACDH,IAAAA,UAAU,CAACG,GAAD,CAAV;AACD,GANkB,EAOnB,CAACL,gBAAD,CAPmB,CAArB,CARA,CAkBA;;AACAnC,EAAAA,SAAS,CAAC,MAAM;AACd,QAAImC,gBAAJ,EAAsB;AACpB,OAAC,eAAeO,OAAf,GAAyB;AACxB,cAAMC,KAAK,GAAG,MAAMR,gBAAgB,CAACS,GAAjB,CAAqBX,gBAArB,CAApB;;AACA,YAAIU,KAAK,IAAIA,KAAK,KAAKnC,SAAvB,EAAkC;AAChC6B,UAAAA,UAAU,CAACM,KAAD,CAAV;AACD;AACF,OALD;AAMD;AACF,GATQ,EASN,CAACnC,SAAD,EAAYyB,gBAAZ,EAA8BE,gBAA9B,CATM,CAAT,CAnBA,CA8BA;;AACAnC,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACmC,gBAAD,IAAqBD,kBAAzB,EAA6C;AAC3CG,MAAAA,UAAU,CAACD,eAAD,CAAV;AACD;AACF,GAJQ,EAIN,CAACA,eAAD,EAAkBD,gBAAlB,EAAoCD,kBAApC,EAAwDG,UAAxD,CAJM,CAAT;AAMA,SAAO;AAAE7B,IAAAA,SAAF;AAAa8B,IAAAA;AAAb,GAAP;AACD;AAED,OAAO,SAASO,mBAAT,GAIL;AACA,QAAM;AACJrC,IAAAA,SAAS,EAAEC;AADP,MAIFX,KAAK,CAACY,UAAN,CAAsCT,aAAtC,CAJJ;;AAKA,QAAM6C,sBAAsB,GAAG,MAC7BrC,gBAAgB,CAACsC,mBAAjB,CAAqC,CAACtC,gBAAgB,CAACuC,gBAAvD,CADF;;AAEA,SAAO,CACLvC,gBAAgB,CAACuC,gBADZ,EAELvC,gBAAgB,CAACsC,mBAFZ,EAGLD,sBAHK,CAAP;AAKD","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport type {\r\n  ColorMode,\r\n  StorageManager,\r\n  IColorModeContextProps,\r\n} from './types';\r\nimport { HybridContext } from './../hybrid-overlay/Context';\r\nimport type { IHybridContextProps } from './../hybrid-overlay/types';\r\nimport { AppState, useColorScheme as _useColorScheme } from 'react-native';\r\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\r\n\r\nimport { useNativeBaseConfig } from '../NativeBaseContext';\r\n\r\nexport const useColorMode = (): IColorModeContextProps => {\r\n  const {\r\n    colorMode: colorModeContext,\r\n  }: {\r\n    colorMode: IColorModeContextProps;\r\n  } = React.useContext<IHybridContextProps>(HybridContext);\r\n  if (colorModeContext === undefined) {\r\n    throw new Error('useColorMode must be used within a NativeBaseProvider');\r\n  }\r\n  return colorModeContext;\r\n};\r\n\r\nexport function useColorModeValue(light: any, dark: any) {\r\n  const { colorMode } = useColorMode();\r\n  return colorMode === 'dark' ? dark : light;\r\n}\r\n\r\nexport const useAppState = () => {\r\n  const subscription = React.useMemo(\r\n    () => ({\r\n      getCurrentValue: () => AppState.currentState,\r\n      subscribe: (callback: () => void) => {\r\n        const subsription = AppState.addEventListener('change', callback);\r\n        return () => {\r\n          if (AppState.removeEventListener) {\r\n            // React Native < 0.65\r\n            AppState.removeEventListener('change', callback);\r\n          } else {\r\n            // React Native >= 0.65\r\n            // @ts-ignore:next-line ignoring ts error as devDependency contains \"@types/react-native\" < 0.65\r\n            subsription.remove();\r\n          }\r\n        };\r\n      },\r\n    }),\r\n    []\r\n  );\r\n\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n\r\n  if (isSSR) {\r\n    return 'unknown';\r\n  } else {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    return useSyncExternalStore(\r\n      subscription.subscribe,\r\n      subscription.getCurrentValue,\r\n      subscription.getCurrentValue\r\n    );\r\n  }\r\n};\r\n\r\nexport const useColorScheme = () => {\r\n  const colorScheme = _useColorScheme();\r\n  const [currentScheme, setCurrentScheme] = useState(colorScheme);\r\n  const appState = useAppState();\r\n\r\n  useEffect(() => {\r\n    if (appState === 'active') {\r\n      setCurrentScheme(colorScheme);\r\n    }\r\n  }, [appState, colorScheme]);\r\n\r\n  return currentScheme;\r\n};\r\n\r\nexport function useModeManager(\r\n  initialColorMode: ColorMode,\r\n  useSystemColorMode: boolean | undefined,\r\n  colorModeManager?: StorageManager\r\n) {\r\n  const systemColorMode = useColorScheme();\r\n\r\n  if (useSystemColorMode) {\r\n    initialColorMode = systemColorMode;\r\n  }\r\n\r\n  const [colorMode, setRawMode] = useState<ColorMode>(initialColorMode);\r\n  const setColorMode = React.useCallback(\r\n    async (val: ColorMode) => {\r\n      if (colorModeManager) {\r\n        await colorModeManager.set(val);\r\n      }\r\n      setRawMode(val);\r\n    },\r\n    [colorModeManager]\r\n  );\r\n\r\n  // For initial setting initial color mode from storage\r\n  useEffect(() => {\r\n    if (colorModeManager) {\r\n      (async function getMode() {\r\n        const value = await colorModeManager.get(initialColorMode);\r\n        if (value && value !== colorMode) {\r\n          setRawMode(value);\r\n        }\r\n      })();\r\n    }\r\n  }, [colorMode, initialColorMode, colorModeManager]);\r\n\r\n  // Set system color mode only when user has not passed a colorModeManager\r\n  useEffect(() => {\r\n    if (!colorModeManager && useSystemColorMode) {\r\n      setRawMode(systemColorMode);\r\n    }\r\n  }, [systemColorMode, colorModeManager, useSystemColorMode, setRawMode]);\r\n\r\n  return { colorMode, setColorMode };\r\n}\r\n\r\nexport function useAccessibleColors(): [\r\n  boolean,\r\n  (val: boolean) => void,\r\n  () => void\r\n] {\r\n  const {\r\n    colorMode: colorModeContext,\r\n  }: {\r\n    colorMode: IColorModeContextProps;\r\n  } = React.useContext<IHybridContextProps>(HybridContext);\r\n  const toggleAccessibleColors = () =>\r\n    colorModeContext.setAccessibleColors(!colorModeContext.accessibleColors);\r\n  return [\r\n    colorModeContext.accessibleColors,\r\n    colorModeContext.setAccessibleColors,\r\n    toggleAccessibleColors,\r\n  ];\r\n}\r\n"]}

package/lib/module/core/color-mode/index.js

@@ -0,0 +1,2 @@
+export { useColorMode, useColorModeValue, useAccessibleColors } from './hooks';
+//# sourceMappingURL=index.js.map

package/lib/module/core/color-mode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["useColorMode","useColorModeValue","useAccessibleColors"],"mappings":"AAAA,SAASA,YAAT,EAAuBC,iBAAvB,EAA0CC,mBAA1C,QAAqE,SAArE","sourcesContent":["export { useColorMode, useColorModeValue, useAccessibleColors } from './hooks';\r\n\r\nexport type {\r\n  StorageManager,\r\n  ColorMode,\r\n  ColorModeOptions,\r\n  IColorModeProviderProps,\r\n  IColorModeContextProps,\r\n} from './types';\r\n"]}

package/lib/module/core/color-mode/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/core/color-mode/types.js.map

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

package/lib/module/core/extendTheme.js

@@ -0,0 +1,26 @@
+import { theme as defaultTheme } from './../theme';
+import mergeWith from 'lodash.mergewith';
+
+function isFunction(value) {
+  return typeof value === 'function';
+}
+
+export function extendTheme(overrides, ...restOverrides) {
+  function customizer(source, override) {
+    if (isFunction(source)) {
+      return (...args) => {
+        const sourceValue = source(...args);
+        const overrideValue = isFunction(override) ? override(...args) : override;
+        return mergeWith({}, sourceValue, overrideValue, customizer);
+      };
+    }
+
+    return undefined;
+  }
+
+  const finalOverrides = [overrides, ...restOverrides].reduce((prevValue, currentValue) => {
+    return mergeWith({}, prevValue, currentValue, customizer);
+  }, defaultTheme);
+  return finalOverrides;
+}
+//# sourceMappingURL=extendTheme.js.map

package/lib/module/core/extendTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["extendTheme.tsx"],"names":["theme","defaultTheme","mergeWith","isFunction","value","extendTheme","overrides","restOverrides","customizer","source","override","args","sourceValue","overrideValue","undefined","finalOverrides","reduce","prevValue","currentValue"],"mappings":"AAAA,SAASA,KAAK,IAAIC,YAAlB,QAA6C,YAA7C;AACA,OAAOC,SAAP,MAAsB,kBAAtB;;AAEA,SAASC,UAAT,CAAoBC,KAApB,EAAyC;AACvC,SAAO,OAAOA,KAAP,KAAiB,UAAxB;AACD;;AAID,OAAO,SAASC,WAAT,CACLC,SADK,EAEL,GAAGC,aAFE,EAGL;AACA,WAASC,UAAT,CAAoBC,MAApB,EAAiCC,QAAjC,EAAgD;AAC9C,QAAIP,UAAU,CAACM,MAAD,CAAd,EAAwB;AACtB,aAAO,CAAC,GAAGE,IAAJ,KAAoB;AACzB,cAAMC,WAAW,GAAGH,MAAM,CAAC,GAAGE,IAAJ,CAA1B;AACA,cAAME,aAAa,GAAGV,UAAU,CAACO,QAAD,CAAV,GAClBA,QAAQ,CAAC,GAAGC,IAAJ,CADU,GAElBD,QAFJ;AAGA,eAAOR,SAAS,CAAC,EAAD,EAAKU,WAAL,EAAkBC,aAAlB,EAAiCL,UAAjC,CAAhB;AACD,OAND;AAOD;;AACD,WAAOM,SAAP;AACD;;AAED,QAAMC,cAAc,GAAG,CAACT,SAAD,EAAY,GAAGC,aAAf,EAA8BS,MAA9B,CACrB,CAACC,SAAD,EAAYC,YAAZ,KAA6B;AAC3B,WAAOhB,SAAS,CAAC,EAAD,EAAKe,SAAL,EAAgBC,YAAhB,EAA8BV,UAA9B,CAAhB;AACD,GAHoB,EAIrBP,YAJqB,CAAvB;AAOA,SAAOc,cAAP;AACD","sourcesContent":["import { theme as defaultTheme, Theme } from './../theme';\r\nimport mergeWith from 'lodash.mergewith';\r\n\r\nfunction isFunction(value: any): boolean {\r\n  return typeof value === 'function';\r\n}\r\n\r\ntype ThemeUtil = Theme | (Record<string, any> & {});\r\n\r\nexport function extendTheme<T extends ThemeUtil>(\r\n  overrides: T,\r\n  ...restOverrides: T[]\r\n) {\r\n  function customizer(source: any, override: any) {\r\n    if (isFunction(source)) {\r\n      return (...args: any[]) => {\r\n        const sourceValue = source(...args);\r\n        const overrideValue = isFunction(override)\r\n          ? override(...args)\r\n          : override;\r\n        return mergeWith({}, sourceValue, overrideValue, customizer);\r\n      };\r\n    }\r\n    return undefined;\r\n  }\r\n\r\n  const finalOverrides = [overrides, ...restOverrides].reduce(\r\n    (prevValue, currentValue) => {\r\n      return mergeWith({}, prevValue, currentValue, customizer);\r\n    },\r\n    defaultTheme\r\n  );\r\n\r\n  return finalOverrides as T & Theme;\r\n}\r\n"]}

package/lib/module/core/hybrid-overlay/Context.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+export const HybridContext = /*#__PURE__*/createContext({
+  colorMode: {
+    colorMode: 'light',
+    toggleColorMode: () => {},
+    setColorMode: () => {},
+    accessibleColors: false,
+    setAccessibleColors: () => {}
+  }
+});
+//# sourceMappingURL=Context.js.map

package/lib/module/core/hybrid-overlay/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["createContext","HybridContext","colorMode","toggleColorMode","setColorMode","accessibleColors","setAccessibleColors"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAGA,OAAO,MAAMC,aAAa,gBAAGD,aAAa,CAAsB;AAC9DE,EAAAA,SAAS,EAAE;AACTA,IAAAA,SAAS,EAAE,OADF;AAETC,IAAAA,eAAe,EAAE,MAAM,CAAE,CAFhB;AAGTC,IAAAA,YAAY,EAAE,MAAM,CAAE,CAHb;AAITC,IAAAA,gBAAgB,EAAE,KAJT;AAKTC,IAAAA,mBAAmB,EAAE,MAAM,CAAE;AALpB;AADmD,CAAtB,CAAnC","sourcesContent":["import { createContext } from 'react';\r\nimport type { IHybridContextProps } from './types';\r\n\r\nexport const HybridContext = createContext<IHybridContextProps>({\r\n  colorMode: {\r\n    colorMode: 'light',\r\n    toggleColorMode: () => {},\r\n    setColorMode: () => {},\r\n    accessibleColors: false,\r\n    setAccessibleColors: () => {},\r\n  },\r\n});\r\n"]}