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

package/lib/module/components/composites/Code/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CustomProps } from '../../../components/types/utils';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport type { ColorSchemeType } from '../../../components/types';\r\n\r\nexport type InterfaceCodeProps = InterfaceBoxProps<ICodeProps> & {\r\n  colorScheme?: ColorSchemeType;\r\n};\r\n\r\nexport type ICodeProps = InterfaceCodeProps & CustomProps<'Code'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/Collapse/index.js

@@ -1,18 +1,14 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import isNil from 'lodash.isnil';
 import React, { useEffect, useRef, forwardRef } from 'react';
 import { LayoutAnimation, UIManager, Platform } from 'react-native';
 import { Box } from '../../primitives';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
 function usePrevious(value) {
   const ref = useRef();
-
   function updatePrevious(newVal) {
     ref.current = newVal;
   }
-
   useEffect(() => {
     updatePrevious(value);
   }, [value]);
@@ -21,7 +17,6 @@ function usePrevious(value) {
     updatePrevious
   };
 }
-
 const Collapse = ({
   endingHeight,
   startingHeight,
@@ -35,7 +30,6 @@ const Collapse = ({
   if (Platform.OS === 'android') {
     UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
   }
-
   const CustomLayoutLinear = {
     duration: duration ? duration : 400,
     create: {
@@ -50,53 +44,46 @@ const Collapse = ({
   let animatedStyle = {
     height: defaultStartHeight
   };
-
   const animateView = () => {
     if (onAnimationStart) {
       onAnimationStart();
     }
-
     animatedStyle = {
       height: isOpen ? endingHeight : defaultStartHeight
     };
     let callback = onAnimationEnd ? onAnimationEnd : () => {};
     LayoutAnimation.configureNext(CustomLayoutLinear, callback());
   };
-
   let wasOpen = usePrevious(isOpen);
-
   if (!isNil(wasOpen.value) && wasOpen.value !== isOpen) {
     animateView();
     wasOpen.updatePrevious(isOpen);
   }
-
   const [size, setSize] = React.useState(startingHeight !== null && startingHeight !== void 0 ? startingHeight : 0);
-
   const provideSize = layoutSize => {
     setSize(layoutSize.height);
   };
-
   const _web = {
-    transition: "height ".concat(duration !== null && duration !== void 0 ? duration : '400', "ms"),
+    transition: `height ${duration !== null && duration !== void 0 ? duration : '400'}ms`,
     height: isOpen ? endingHeight || size : startingHeight || 0
-  }; //TODO: refactor for responsive prop
-
+  };
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Box, {
-    style: { ...animatedStyle,
+    style: {
+      ...animatedStyle,
       ...(Platform.OS === 'web' && _web)
     },
     overflow: "hidden",
     ref: ref
-  }, /*#__PURE__*/React.createElement(Box //@ts-ignore
+  }, /*#__PURE__*/React.createElement(Box
+  //@ts-ignore
   , _extends({
     overflow: Platform.OS === 'web' ? 'auto' : 'scroll',
     onLayout: e => provideSize(e.nativeEvent.layout)
   }, props)));
 };
-
-export default /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef(Collapse));
+export default /*#__PURE__*/React.memo(/*#__PURE__*/forwardRef(Collapse));
 //# sourceMappingURL=index.js.map

package/lib/module/components/composites/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["isNil","React","useEffect","useRef","forwardRef","LayoutAnimation","UIManager","Platform","Box","useHasResponsiveProps","usePrevious","value","ref","updatePrevious","newVal","current","Collapse","endingHeight","startingHeight","duration","isOpen","onAnimationEnd","onAnimationStart","props","OS","setLayoutAnimationEnabledExperimental","CustomLayoutLinear","create","type","Types","easeInEaseOut","property","Properties","opacity","update","defaultStartHeight","animatedStyle","height","animateView","callback","configureNext","wasOpen","size","setSize","useState","provideSize","layoutSize","_web","transition","e","nativeEvent","layout","memo"],"mappings":"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","sourcesContent":["import isNil from 'lodash.isnil';\r\nimport React, { useEffect, useRef, forwardRef } from 'react';\r\nimport { ViewStyle, LayoutAnimation, UIManager, Platform } from 'react-native';\r\nimport { Box } from '../../primitives';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport type { CustomProps } from '../../../components/types';\r\nexport type InterfaceCollapseProps = InterfaceBoxProps<ICollapseProps> & {\r\n  style?: ViewStyle;\r\n  endingHeight?: number;\r\n  startingHeight?: number;\r\n  duration?: number;\r\n  animateOpacity?: boolean;\r\n  isOpen?: boolean;\r\n  onAnimationEnd?: Function;\r\n  onAnimationStart?: Function;\r\n};\r\n\r\nexport type ICollapseProps = InterfaceCollapseProps & CustomProps<'Box'>;\r\n\r\nfunction usePrevious(value: any) {\r\n  const ref = useRef();\r\n  function updatePrevious(newVal: any) {\r\n    ref.current = newVal;\r\n  }\r\n  useEffect(() => {\r\n    updatePrevious(value);\r\n  }, [value]);\r\n  return { value: ref.current, updatePrevious };\r\n}\r\n\r\nconst Collapse = (\r\n  {\r\n    endingHeight,\r\n    startingHeight,\r\n    duration,\r\n    // animateOpacity,\r\n    isOpen,\r\n    onAnimationEnd,\r\n    onAnimationStart,\r\n    ...props\r\n  }: ICollapseProps,\r\n  ref?: any\r\n) => {\r\n  if (Platform.OS === 'android') {\r\n    UIManager.setLayoutAnimationEnabledExperimental &&\r\n      UIManager.setLayoutAnimationEnabledExperimental(true);\r\n  }\r\n  const CustomLayoutLinear = {\r\n    duration: duration ? duration : 400,\r\n    create: {\r\n      type: LayoutAnimation.Types.easeInEaseOut,\r\n      property: LayoutAnimation.Properties.opacity,\r\n    },\r\n    update: {\r\n      type: LayoutAnimation.Types.easeInEaseOut,\r\n    },\r\n  };\r\n  const defaultStartHeight: any = isOpen\r\n    ? endingHeight\r\n    : startingHeight\r\n    ? startingHeight\r\n    : 1;\r\n  let animatedStyle = { height: defaultStartHeight };\r\n  const animateView = () => {\r\n    if (onAnimationStart) {\r\n      onAnimationStart();\r\n    }\r\n    animatedStyle = {\r\n      height: isOpen ? endingHeight : defaultStartHeight,\r\n    };\r\n    let callback = onAnimationEnd ? onAnimationEnd : () => {};\r\n    LayoutAnimation.configureNext(CustomLayoutLinear, callback());\r\n  };\r\n\r\n  let wasOpen = usePrevious(isOpen);\r\n  if (!isNil(wasOpen.value) && wasOpen.value !== isOpen) {\r\n    animateView();\r\n    wasOpen.updatePrevious(isOpen);\r\n  }\r\n  const [size, setSize] = React.useState(startingHeight ?? 0);\r\n  const provideSize = (layoutSize: any) => {\r\n    setSize(layoutSize.height);\r\n  };\r\n  const _web = {\r\n    transition: `height ${duration ?? '400'}ms`,\r\n    height: isOpen ? endingHeight || size : startingHeight || 0,\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    <Box\r\n      style={{ ...animatedStyle, ...(Platform.OS === 'web' && _web) }}\r\n      overflow=\"hidden\"\r\n      ref={ref}\r\n    >\r\n      <Box\r\n        //@ts-ignore\r\n        overflow={Platform.OS === 'web' ? 'auto' : 'scroll'}\r\n        onLayout={(e: any) => provideSize(e.nativeEvent.layout)}\r\n        {...props}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(forwardRef(Collapse));\r\n"]}
+{"version":3,"names":["isNil","React","useEffect","useRef","forwardRef","LayoutAnimation","UIManager","Platform","Box","useHasResponsiveProps","usePrevious","value","ref","updatePrevious","newVal","current","Collapse","endingHeight","startingHeight","duration","isOpen","onAnimationEnd","onAnimationStart","props","OS","setLayoutAnimationEnabledExperimental","CustomLayoutLinear","create","type","Types","easeInEaseOut","property","Properties","opacity","update","defaultStartHeight","animatedStyle","height","animateView","callback","configureNext","wasOpen","size","setSize","useState","provideSize","layoutSize","_web","transition","createElement","style","overflow","_extends","onLayout","e","nativeEvent","layout","memo"],"sources":["index.tsx"],"sourcesContent":["import isNil from 'lodash.isnil';\r\nimport React, { useEffect, useRef, forwardRef } from 'react';\r\nimport { ViewStyle, LayoutAnimation, UIManager, Platform } from 'react-native';\r\nimport { Box } from '../../primitives';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport type { CustomProps } from '../../../components/types';\r\nexport type InterfaceCollapseProps = InterfaceBoxProps<ICollapseProps> & {\r\n  style?: ViewStyle;\r\n  endingHeight?: number;\r\n  startingHeight?: number;\r\n  duration?: number;\r\n  animateOpacity?: boolean;\r\n  isOpen?: boolean;\r\n  onAnimationEnd?: Function;\r\n  onAnimationStart?: Function;\r\n};\r\n\r\nexport type ICollapseProps = InterfaceCollapseProps & CustomProps<'Box'>;\r\n\r\nfunction usePrevious(value: any) {\r\n  const ref = useRef();\r\n  function updatePrevious(newVal: any) {\r\n    ref.current = newVal;\r\n  }\r\n  useEffect(() => {\r\n    updatePrevious(value);\r\n  }, [value]);\r\n  return { value: ref.current, updatePrevious };\r\n}\r\n\r\nconst Collapse = (\r\n  {\r\n    endingHeight,\r\n    startingHeight,\r\n    duration,\r\n    // animateOpacity,\r\n    isOpen,\r\n    onAnimationEnd,\r\n    onAnimationStart,\r\n    ...props\r\n  }: ICollapseProps,\r\n  ref?: any\r\n) => {\r\n  if (Platform.OS === 'android') {\r\n    UIManager.setLayoutAnimationEnabledExperimental &&\r\n      UIManager.setLayoutAnimationEnabledExperimental(true);\r\n  }\r\n  const CustomLayoutLinear = {\r\n    duration: duration ? duration : 400,\r\n    create: {\r\n      type: LayoutAnimation.Types.easeInEaseOut,\r\n      property: LayoutAnimation.Properties.opacity,\r\n    },\r\n    update: {\r\n      type: LayoutAnimation.Types.easeInEaseOut,\r\n    },\r\n  };\r\n  const defaultStartHeight: any = isOpen\r\n    ? endingHeight\r\n    : startingHeight\r\n    ? startingHeight\r\n    : 1;\r\n  let animatedStyle = { height: defaultStartHeight };\r\n  const animateView = () => {\r\n    if (onAnimationStart) {\r\n      onAnimationStart();\r\n    }\r\n    animatedStyle = {\r\n      height: isOpen ? endingHeight : defaultStartHeight,\r\n    };\r\n    let callback = onAnimationEnd ? onAnimationEnd : () => {};\r\n    LayoutAnimation.configureNext(CustomLayoutLinear, callback());\r\n  };\r\n\r\n  let wasOpen = usePrevious(isOpen);\r\n  if (!isNil(wasOpen.value) && wasOpen.value !== isOpen) {\r\n    animateView();\r\n    wasOpen.updatePrevious(isOpen);\r\n  }\r\n  const [size, setSize] = React.useState(startingHeight ?? 0);\r\n  const provideSize = (layoutSize: any) => {\r\n    setSize(layoutSize.height);\r\n  };\r\n  const _web = {\r\n    transition: `height ${duration ?? '400'}ms`,\r\n    height: isOpen ? endingHeight || size : startingHeight || 0,\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    <Box\r\n      style={{ ...animatedStyle, ...(Platform.OS === 'web' && _web) }}\r\n      overflow=\"hidden\"\r\n      ref={ref}\r\n    >\r\n      <Box\r\n        //@ts-ignore\r\n        overflow={Platform.OS === 'web' ? 'auto' : 'scroll'}\r\n        onLayout={(e: any) => provideSize(e.nativeEvent.layout)}\r\n        {...props}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(forwardRef(Collapse));\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/composites/Container/index.js

@@ -1,24 +1,21 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { usePropsResolution } from '../../../hooks';
 import Box from '../../primitives/Box';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
 const Container = ({
   children,
   ...props
 }, ref) => {
-  const resolvedProps = usePropsResolution('Container', props); //TODO: refactor for responsive prop
+  const resolvedProps = usePropsResolution('Container', props);
 
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Box, _extends({
     ref: ref
   }, resolvedProps), children);
 };
-
-export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Container));
+export default /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Container));
 //# sourceMappingURL=index.js.map

package/lib/module/components/composites/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","usePropsResolution","Box","useHasResponsiveProps","Container","children","props","ref","resolvedProps","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA0CC,GAA1C,KAAwD;AACxE,QAAMC,aAAa,GAAGP,kBAAkB,CAAC,WAAD,EAAcK,KAAd,CAAxC,CADwE,CAGxE;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAmBC,aAAnB,GACGH,QADH,CADF;AAKD,CAZD;;AAcA,4BAAeL,KAAK,CAACS,IAAN,eAAWT,KAAK,CAACU,UAAN,CAAiBN,SAAjB,CAAX,CAAf","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport Box from '../../primitives/Box';\r\nimport type { IContainerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Container = ({ children, ...props }: IContainerProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('Container', props);\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    <Box ref={ref} {...resolvedProps}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Container));\r\nexport type { IContainerProps };\r\n"]}
+{"version":3,"names":["React","usePropsResolution","Box","useHasResponsiveProps","Container","children","props","ref","resolvedProps","createElement","_extends","memo","forwardRef"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport Box from '../../primitives/Box';\r\nimport type { IContainerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Container = ({ children, ...props }: IContainerProps, ref?: any) => {\r\n  const resolvedProps = usePropsResolution('Container', props);\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    <Box ref={ref} {...resolvedProps}>\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Container));\r\nexport type { IContainerProps };\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,OAAOC,GAAG,MAAM,sBAAsB;AAEtC,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,EAAEC,GAAS,KAAK;EACxE,MAAMC,aAAa,GAAGP,kBAAkB,CAAC,WAAW,EAAEK,KAAK,CAAC;;EAE5D;EACA,IAAIH,qBAAqB,CAACG,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBACEN,KAAA,CAAAS,aAAA,CAACP,GAAG,EAAAQ,QAAA;IAACH,GAAG,EAAEA;EAAI,GAAKC,aAAa,GAC7BH,QACE,CAAC;AAEV,CAAC;AAED,4BAAeL,KAAK,CAACW,IAAI,cAACX,KAAK,CAACY,UAAU,CAACR,SAAS,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Container/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/composites/Container/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { CustomProps } from '../../../components/types';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\n\r\nexport type InterfaceContainerProps = InterfaceBoxProps<IContainerProps> & {\r\n  centerContent?: boolean;\r\n};\r\n\r\nexport type IContainerProps = InterfaceContainerProps &\r\n  CustomProps<'Container'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/Divider/index.js

@@ -1,30 +1,27 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import { Platform } from 'react-native';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
 import Box from './../../primitives/Box';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
 const Divider = (props, ref) => {
   const {
     orientation,
     ...resolvedProps
   } = usePropsResolution('Divider', props, {}, {
     resolveResponsively: ['thickness']
-  }); //TODO: refactor for responsive prop
-
+  });
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
     ref: ref,
-    "aria-orientation": orientation //@ts-ignore web only role
+    "aria-orientation": orientation
+    //@ts-ignore web only role
     ,
     accessibilityRole: Platform.OS === 'web' ? 'separator' : undefined
   }));
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Divider));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Divider));
 //# sourceMappingURL=index.js.map

package/lib/module/components/composites/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","Platform","usePropsResolution","Box","useHasResponsiveProps","Divider","props","ref","orientation","resolvedProps","resolveResponsively","OS","undefined"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,OAAOC,GAAP,MAAgB,wBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,OAAO,GAAG,CAACC,KAAD,EAAuBC,GAAvB,KAAqC;AACnD,QAAM;AAAEC,IAAAA,WAAF;AAAe,OAAGC;AAAlB,MAAoCP,kBAAkB,CAC1D,SAD0D,EAE1DI,KAF0D,EAG1D,EAH0D,EAI1D;AAAEI,IAAAA,mBAAmB,EAAE,CAAC,WAAD;AAAvB,GAJ0D,CAA5D,CADmD,CAOnD;;AACA,MAAIN,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,GAAD,eACMG,aADN;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,wBAAkBC,WAHpB,CAIE;AAJF;AAKE,IAAA,iBAAiB,EAAEP,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,WAAxB,GAAsCC;AAL3D,KADF;AASD,CApBD;;AAsBA,4BAAeb,IAAI,eAACC,UAAU,CAACK,OAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from './../../primitives/Box';\r\nimport type { IDividerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Divider = (props: IDividerProps, ref?: any) => {\r\n  const { orientation, ...resolvedProps } = usePropsResolution(\r\n    'Divider',\r\n    props,\r\n    {},\r\n    { resolveResponsively: ['thickness'] }\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    <Box\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      aria-orientation={orientation}\r\n      //@ts-ignore web only role\r\n      accessibilityRole={Platform.OS === 'web' ? 'separator' : undefined}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Divider));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","Platform","usePropsResolution","Box","useHasResponsiveProps","Divider","props","ref","orientation","resolvedProps","resolveResponsively","createElement","_extends","accessibilityRole","OS","undefined"],"sources":["index.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from './../../primitives/Box';\r\nimport type { IDividerProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Divider = (props: IDividerProps, ref?: any) => {\r\n  const { orientation, ...resolvedProps } = usePropsResolution(\r\n    'Divider',\r\n    props,\r\n    {},\r\n    { resolveResponsively: ['thickness'] }\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    <Box\r\n      {...resolvedProps}\r\n      ref={ref}\r\n      aria-orientation={orientation}\r\n      //@ts-ignore web only role\r\n      accessibilityRole={Platform.OS === 'web' ? 'separator' : undefined}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Divider));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,OAAOC,GAAG,MAAM,wBAAwB;AAExC,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,OAAO,GAAGA,CAACC,KAAoB,EAAEC,GAAS,KAAK;EACnD,MAAM;IAAEC,WAAW;IAAE,GAAGC;EAAc,CAAC,GAAGP,kBAAkB,CAC1D,SAAS,EACTI,KAAK,EACL,CAAC,CAAC,EACF;IAAEI,mBAAmB,EAAE,CAAC,WAAW;EAAE,CACvC,CAAC;EACD;EACA,IAAIN,qBAAqB,CAACE,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBACER,KAAA,CAAAa,aAAA,CAACR,GAAG,EAAAS,QAAA,KACEH,aAAa;IACjBF,GAAG,EAAEA,GAAI;IACT,oBAAkBC;IAClB;IAAA;IACAK,iBAAiB,EAAEZ,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,WAAW,GAAGC;EAAU,EACpE,CAAC;AAEN,CAAC;AAED,4BAAehB,IAAI,cAACC,UAAU,CAACK,OAAO,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Divider/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/composites/Divider/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CustomProps, SpaceType } from '../../../components/types';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box/types';\r\n\r\nexport interface InterfaceDividerProps\r\n  extends InterfaceBoxProps<IDividerProps> {\r\n  /**\r\n   * The orientation of the divider.\r\n   */\r\n  orientation?: 'vertical' | 'horizontal';\r\n  /**\r\n   * The thickness of the divider.\r\n   */\r\n  thickness?: SpaceType;\r\n}\r\n\r\nexport type IDividerProps = InterfaceDividerProps & CustomProps<'Divider'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/Drawer/index.js

@@ -1,10 +1,8 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { OverlayContainer } from '@react-native-aria/overlays';
 import React from 'react';
 import Backdrop from '../Backdrop';
 import Box from '../../primitives/Box';
-
 const Drawer = ({
   children,
   isOpen,
@@ -15,7 +13,6 @@ const Drawer = ({
     const styles = {
       position: 'absolute'
     };
-
     if (placement === 'top') {
       styles.top = 0;
       styles.left = 0;
@@ -37,7 +34,6 @@ const Drawer = ({
       styles.left = 0;
       styles.height = '100%';
     }
-
     return styles;
   }, [placement]);
   if (!isOpen) return null;
@@ -47,6 +43,5 @@ const Drawer = ({
     opacity: 1
   }), children));
 };
-
 export default Drawer;
 //# sourceMappingURL=index.js.map

package/lib/module/components/composites/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["OverlayContainer","React","Backdrop","Box","Drawer","children","isOpen","onClose","placement","placementStyles","useMemo","styles","position","top","left","right","width","bottom","height"],"mappings":";;AAAA,SAASA,gBAAT,QAAiC,6BAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,GAAP,MAAgB,sBAAhB;;AASA,MAAMC,MAAM,GAAG,CAAC;AACdC,EAAAA,QADc;AAEdC,EAAAA,MAFc;AAGdC,EAAAA,OAHc;AAIdC,EAAAA,SAAS,GAAG;AAJE,CAAD,KAKK;AAClB,QAAMC,eAAe,GAAGR,KAAK,CAACS,OAAN,CAAc,MAAM;AAC1C,UAAMC,MAAW,GAAG;AAClBC,MAAAA,QAAQ,EAAE;AADQ,KAApB;;AAIA,QAAIJ,SAAS,KAAK,KAAlB,EAAyB;AACvBG,MAAAA,MAAM,CAACE,GAAP,GAAa,CAAb;AACAF,MAAAA,MAAM,CAACG,IAAP,GAAc,CAAd;AACAH,MAAAA,MAAM,CAACI,KAAP,GAAe,CAAf;AACAJ,MAAAA,MAAM,CAACK,KAAP,GAAe,MAAf;AACD,KALD,MAKO,IAAIR,SAAS,KAAK,QAAlB,EAA4B;AACjCG,MAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AACAN,MAAAA,MAAM,CAACG,IAAP,GAAc,CAAd;AACAH,MAAAA,MAAM,CAACI,KAAP,GAAe,CAAf;AACAJ,MAAAA,MAAM,CAACK,KAAP,GAAe,MAAf;AACD,KALM,MAKA,IAAIR,SAAS,KAAK,OAAlB,EAA2B;AAChCG,MAAAA,MAAM,CAACI,KAAP,GAAe,CAAf;AACAJ,MAAAA,MAAM,CAACE,GAAP,GAAa,CAAb;AACAF,MAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AACAN,MAAAA,MAAM,CAACO,MAAP,GAAgB,MAAhB;AACD,KALM,MAKA;AACLP,MAAAA,MAAM,CAACE,GAAP,GAAa,CAAb;AACAF,MAAAA,MAAM,CAACM,MAAP,GAAgB,CAAhB;AACAN,MAAAA,MAAM,CAACG,IAAP,GAAc,CAAd;AACAH,MAAAA,MAAM,CAACO,MAAP,GAAgB,MAAhB;AACD;;AACD,WAAOP,MAAP;AACD,GA3BuB,EA2BrB,CAACH,SAAD,CA3BqB,CAAxB;AA6BA,MAAI,CAACF,MAAL,EAAa,OAAO,IAAP;AAEb,sBACE,oBAAC,gBAAD,qBACE,oBAAC,QAAD;AAAU,IAAA,OAAO,EAAEC,OAAO,GAAGA,OAAH,GAAa,MAAM,CAAE;AAA/C,IADF,eAEE,oBAAC,GAAD,eAASE,eAAT;AAA0B,IAAA,OAAO,EAAE;AAAnC,MACGJ,QADH,CAFF,CADF;AAQD,CA7CD;;AA+CA,eAAeD,MAAf","sourcesContent":["import { OverlayContainer } from '@react-native-aria/overlays';\r\nimport React from 'react';\r\nimport Backdrop from '../Backdrop';\r\nimport Box from '../../primitives/Box';\r\n\r\nexport type IDrawerProps = {\r\n  placement?: 'top' | 'left' | 'right' | 'bottom';\r\n  children?: any;\r\n  isOpen: boolean;\r\n  onClose?: () => void;\r\n};\r\n\r\nconst Drawer = ({\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n  placement = 'right',\r\n}: IDrawerProps) => {\r\n  const placementStyles = React.useMemo(() => {\r\n    const styles: any = {\r\n      position: 'absolute',\r\n    };\r\n\r\n    if (placement === 'top') {\r\n      styles.top = 0;\r\n      styles.left = 0;\r\n      styles.right = 0;\r\n      styles.width = '100%';\r\n    } else if (placement === 'bottom') {\r\n      styles.bottom = 0;\r\n      styles.left = 0;\r\n      styles.right = 0;\r\n      styles.width = '100%';\r\n    } else if (placement === 'right') {\r\n      styles.right = 0;\r\n      styles.top = 0;\r\n      styles.bottom = 0;\r\n      styles.height = '100%';\r\n    } else {\r\n      styles.top = 0;\r\n      styles.bottom = 0;\r\n      styles.left = 0;\r\n      styles.height = '100%';\r\n    }\r\n    return styles;\r\n  }, [placement]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <OverlayContainer>\r\n      <Backdrop onPress={onClose ? onClose : () => {}} />\r\n      <Box {...placementStyles} opacity={1}>\r\n        {children}\r\n      </Box>\r\n    </OverlayContainer>\r\n  );\r\n};\r\n\r\nexport default Drawer;\r\n"]}
+{"version":3,"names":["OverlayContainer","React","Backdrop","Box","Drawer","children","isOpen","onClose","placement","placementStyles","useMemo","styles","position","top","left","right","width","bottom","height","createElement","onPress","_extends","opacity"],"sources":["index.tsx"],"sourcesContent":["import { OverlayContainer } from '@react-native-aria/overlays';\r\nimport React from 'react';\r\nimport Backdrop from '../Backdrop';\r\nimport Box from '../../primitives/Box';\r\n\r\nexport type IDrawerProps = {\r\n  placement?: 'top' | 'left' | 'right' | 'bottom';\r\n  children?: any;\r\n  isOpen: boolean;\r\n  onClose?: () => void;\r\n};\r\n\r\nconst Drawer = ({\r\n  children,\r\n  isOpen,\r\n  onClose,\r\n  placement = 'right',\r\n}: IDrawerProps) => {\r\n  const placementStyles = React.useMemo(() => {\r\n    const styles: any = {\r\n      position: 'absolute',\r\n    };\r\n\r\n    if (placement === 'top') {\r\n      styles.top = 0;\r\n      styles.left = 0;\r\n      styles.right = 0;\r\n      styles.width = '100%';\r\n    } else if (placement === 'bottom') {\r\n      styles.bottom = 0;\r\n      styles.left = 0;\r\n      styles.right = 0;\r\n      styles.width = '100%';\r\n    } else if (placement === 'right') {\r\n      styles.right = 0;\r\n      styles.top = 0;\r\n      styles.bottom = 0;\r\n      styles.height = '100%';\r\n    } else {\r\n      styles.top = 0;\r\n      styles.bottom = 0;\r\n      styles.left = 0;\r\n      styles.height = '100%';\r\n    }\r\n    return styles;\r\n  }, [placement]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <OverlayContainer>\r\n      <Backdrop onPress={onClose ? onClose : () => {}} />\r\n      <Box {...placementStyles} opacity={1}>\r\n        {children}\r\n      </Box>\r\n    </OverlayContainer>\r\n  );\r\n};\r\n\r\nexport default Drawer;\r\n"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,6BAA6B;AAC9D,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,GAAG,MAAM,sBAAsB;AAStC,MAAMC,MAAM,GAAGA,CAAC;EACdC,QAAQ;EACRC,MAAM;EACNC,OAAO;EACPC,SAAS,GAAG;AACA,CAAC,KAAK;EAClB,MAAMC,eAAe,GAAGR,KAAK,CAACS,OAAO,CAAC,MAAM;IAC1C,MAAMC,MAAW,GAAG;MAClBC,QAAQ,EAAE;IACZ,CAAC;IAED,IAAIJ,SAAS,KAAK,KAAK,EAAE;MACvBG,MAAM,CAACE,GAAG,GAAG,CAAC;MACdF,MAAM,CAACG,IAAI,GAAG,CAAC;MACfH,MAAM,CAACI,KAAK,GAAG,CAAC;MAChBJ,MAAM,CAACK,KAAK,GAAG,MAAM;IACvB,CAAC,MAAM,IAAIR,SAAS,KAAK,QAAQ,EAAE;MACjCG,MAAM,CAACM,MAAM,GAAG,CAAC;MACjBN,MAAM,CAACG,IAAI,GAAG,CAAC;MACfH,MAAM,CAACI,KAAK,GAAG,CAAC;MAChBJ,MAAM,CAACK,KAAK,GAAG,MAAM;IACvB,CAAC,MAAM,IAAIR,SAAS,KAAK,OAAO,EAAE;MAChCG,MAAM,CAACI,KAAK,GAAG,CAAC;MAChBJ,MAAM,CAACE,GAAG,GAAG,CAAC;MACdF,MAAM,CAACM,MAAM,GAAG,CAAC;MACjBN,MAAM,CAACO,MAAM,GAAG,MAAM;IACxB,CAAC,MAAM;MACLP,MAAM,CAACE,GAAG,GAAG,CAAC;MACdF,MAAM,CAACM,MAAM,GAAG,CAAC;MACjBN,MAAM,CAACG,IAAI,GAAG,CAAC;MACfH,MAAM,CAACO,MAAM,GAAG,MAAM;IACxB;IACA,OAAOP,MAAM;EACf,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;EAEf,IAAI,CAACF,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEL,KAAA,CAAAkB,aAAA,CAACnB,gBAAgB,qBACfC,KAAA,CAAAkB,aAAA,CAACjB,QAAQ;IAACkB,OAAO,EAAEb,OAAO,GAAGA,OAAO,GAAG,MAAM,CAAC;EAAE,CAAE,CAAC,eACnDN,KAAA,CAAAkB,aAAA,CAAChB,GAAG,EAAAkB,QAAA,KAAKZ,eAAe;IAAEa,OAAO,EAAE;EAAE,IAClCjB,QACE,CACW,CAAC;AAEvB,CAAC;AAED,eAAeD,MAAM","ignoreList":[]}

package/lib/module/components/composites/Fab/Fab.js

@@ -1,13 +1,12 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import { Button } from '../../primitives/Button';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
 import { OverlayContainer } from '@react-native-aria/overlays';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { extractInObject } from '../../../theme/tools/utils';
-
-const Fab = ({ ...props
+const Fab = ({
+  ...props
 }, ref) => {
   /** Extracting Button Specific Props */
   const [buttonProps, remainingProps] = extractInObject(props, ['variant', '_pressed', '_hover', '_text', '_focus', '_stack', '_loading', '_disabled', '_spinner']);
@@ -23,14 +22,12 @@ const Fab = ({ ...props
   const fabComponent = /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps, placementProps[placement], {
     ref: ref,
     startIcon: icon
-  }, newProps), label); //TODO: refactor for responsive prop
-
+  }, newProps), label);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return renderInPortal ? /*#__PURE__*/React.createElement(OverlayContainer, null, fabComponent) : fabComponent;
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Fab));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Fab));
 //# sourceMappingURL=Fab.js.map

package/lib/module/components/composites/Fab/Fab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Fab.tsx"],"names":["React","memo","forwardRef","Button","usePropsResolution","OverlayContainer","useHasResponsiveProps","extractInObject","Fab","props","ref","buttonProps","remainingProps","themeProps","label","icon","renderInPortal","placement","placementProps","newProps","fabComponent"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,MAAT,QAAuB,yBAAvB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,eAAT,QAAgC,4BAAhC;;AAEA,MAAMC,GAAG,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,EAA0BC,GAA1B,KAAuC;AACjD;AACA,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCL,eAAe,CAACE,KAAD,EAAQ,CAC3D,SAD2D,EAE3D,UAF2D,EAG3D,QAH2D,EAI3D,OAJ2D,EAK3D,QAL2D,EAM3D,QAN2D,EAO3D,UAP2D,EAQ3D,WAR2D,EAS3D,UAT2D,CAAR,CAArD;AAWA,QAAMI,UAAU,GAAGT,kBAAkB,CAAC,KAAD,EAAQQ,cAAR,CAArC;AAEA,QAAM;AACJE,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,cAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,cALI;AAMJ,OAAGC;AANC,MAOFN,UAPJ;AASA,QAAMO,YAAY,gBAChB,oBAAC,MAAD,eACMT,WADN,EAEMO,cAAc,CAACD,SAAD,CAFpB;AAGE,IAAA,GAAG,EAAEP,GAHP;AAIE,IAAA,SAAS,EAAEK;AAJb,KAKMI,QALN,GAOGL,KAPH,CADF,CAxBiD,CAmCjD;;AACA,MAAIR,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,SAAOO,cAAc,gBACnB,oBAAC,gBAAD,QAAmBI,YAAnB,CADmB,GAGnBA,YAHF;AAKD,CA7CD;;AA+CA,4BAAenB,IAAI,eAACC,UAAU,CAACM,GAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Button } from '../../primitives/Button';\r\nimport type { IFabProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { OverlayContainer } from '@react-native-aria/overlays';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { extractInObject } from '../../../theme/tools/utils';\r\n\r\nconst Fab = ({ ...props }: IFabProps, ref: any) => {\r\n  /** Extracting Button Specific Props */\r\n  const [buttonProps, remainingProps] = extractInObject(props, [\r\n    'variant',\r\n    '_pressed',\r\n    '_hover',\r\n    '_text',\r\n    '_focus',\r\n    '_stack',\r\n    '_loading',\r\n    '_disabled',\r\n    '_spinner',\r\n  ]);\r\n  const themeProps = usePropsResolution('FAB', remainingProps);\r\n\r\n  const {\r\n    label,\r\n    icon,\r\n    renderInPortal,\r\n    placement,\r\n    placementProps,\r\n    ...newProps\r\n  } = themeProps;\r\n\r\n  const fabComponent = (\r\n    <Button\r\n      {...buttonProps}\r\n      {...placementProps[placement]}\r\n      ref={ref}\r\n      startIcon={icon}\r\n      {...newProps}\r\n    >\r\n      {label}\r\n    </Button>\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 renderInPortal ? (\r\n    <OverlayContainer>{fabComponent}</OverlayContainer>\r\n  ) : (\r\n    fabComponent\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Fab));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","Button","usePropsResolution","OverlayContainer","useHasResponsiveProps","extractInObject","Fab","props","ref","buttonProps","remainingProps","themeProps","label","icon","renderInPortal","placement","placementProps","newProps","fabComponent","createElement","_extends","startIcon"],"sources":["Fab.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Button } from '../../primitives/Button';\r\nimport type { IFabProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { OverlayContainer } from '@react-native-aria/overlays';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { extractInObject } from '../../../theme/tools/utils';\r\n\r\nconst Fab = ({ ...props }: IFabProps, ref: any) => {\r\n  /** Extracting Button Specific Props */\r\n  const [buttonProps, remainingProps] = extractInObject(props, [\r\n    'variant',\r\n    '_pressed',\r\n    '_hover',\r\n    '_text',\r\n    '_focus',\r\n    '_stack',\r\n    '_loading',\r\n    '_disabled',\r\n    '_spinner',\r\n  ]);\r\n  const themeProps = usePropsResolution('FAB', remainingProps);\r\n\r\n  const {\r\n    label,\r\n    icon,\r\n    renderInPortal,\r\n    placement,\r\n    placementProps,\r\n    ...newProps\r\n  } = themeProps;\r\n\r\n  const fabComponent = (\r\n    <Button\r\n      {...buttonProps}\r\n      {...placementProps[placement]}\r\n      ref={ref}\r\n      startIcon={icon}\r\n      {...newProps}\r\n    >\r\n      {label}\r\n    </Button>\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 renderInPortal ? (\r\n    <OverlayContainer>{fabComponent}</OverlayContainer>\r\n  ) : (\r\n    fabComponent\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Fab));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,MAAM,QAAQ,yBAAyB;AAEhD,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,MAAMC,GAAG,GAAGA,CAAC;EAAE,GAAGC;AAAiB,CAAC,EAAEC,GAAQ,KAAK;EACjD;EACA,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,eAAe,CAACE,KAAK,EAAE,CAC3D,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,CACX,CAAC;EACF,MAAMI,UAAU,GAAGT,kBAAkB,CAAC,KAAK,EAAEQ,cAAc,CAAC;EAE5D,MAAM;IACJE,KAAK;IACLC,IAAI;IACJC,cAAc;IACdC,SAAS;IACTC,cAAc;IACd,GAAGC;EACL,CAAC,GAAGN,UAAU;EAEd,MAAMO,YAAY,gBAChBpB,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA,KACDX,WAAW,EACXO,cAAc,CAACD,SAAS,CAAC;IAC7BP,GAAG,EAAEA,GAAI;IACTa,SAAS,EAAER;EAAK,GACZI,QAAQ,GAEXL,KACK,CACT;EACD;EACA,IAAIR,qBAAqB,CAACG,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,OAAOO,cAAc,gBACnBhB,KAAA,CAAAqB,aAAA,CAAChB,gBAAgB,QAAEe,YAA+B,CAAC,GAEnDA,YACD;AACH,CAAC;AAED,4BAAenB,IAAI,cAACC,UAAU,CAACM,GAAG,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Fab/FabItem.js

@@ -4,6 +4,7 @@
 // import type { IFabItemProps } from './props';
 // import { Animated } from 'react-native';
 // import { omitUndefined } from '../../../theme/tools/utils';
+
 // const FabItem = ({ children, ...props }: IFabItemProps) => {
 //   const slideAnim = React.useRef(new Animated.Value(0)).current;
 //   const { onPress, index = 0, ...newProps } = omitUndefined(props);
@@ -15,13 +16,16 @@
 //     right: 'left',
 //     left: 'right',
 //   };
+
 //   const provideSize = (layoutSize: any) => {
 //     setSize(layoutSize.width + 10);
 //   };
+
 //   const pressHandler = () => {
 //     onToggle();
 //     onPress && onPress();
 //   };
+
 //   const slideIn = () => {
 //     Animated.timing(slideAnim, {
 //       toValue: 0,
@@ -29,6 +33,7 @@
 //       useNativeDriver: true,
 //     }).start();
 //   };
+
 //   let animToValue = index * size;
 //   animToValue =
 //     slide === 'left' || slide === 'up' ? animToValue * -1 : animToValue;
@@ -39,6 +44,7 @@
 //       useNativeDriver: true,
 //     }).start();
 //   };
+
 //   isOpen ? slideOut() : slideIn();
 //   const animatioStyle = {
 //     top: { transform: [{ translateY: slideAnim }] },
@@ -46,6 +52,7 @@
 //     bottom: { transform: [{ translateY: slideAnim }] },
 //     left: { transform: [{ translateX: slideAnim }] },
 //   };
+
 //   return (
 //     // @ts-ignore
 //     <Animated.View style={animatioStyle[slideStyle[slide]]}>
@@ -72,5 +79,6 @@
 //     </Animated.View>
 //   );
 // };
+
 // export default FabItem;
 //# sourceMappingURL=FabItem.js.map

package/lib/module/components/composites/Fab/FabItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FabItem.tsx"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA","sourcesContent":["// import React from 'react';\r\n// import { Button, Box } from '../../primitives';\r\n// import { FabContext } from './context';\r\n// import type { IFabItemProps } from './props';\r\n// import { Animated } from 'react-native';\r\n// import { omitUndefined } from '../../../theme/tools/utils';\r\n\r\n// const FabItem = ({ children, ...props }: IFabItemProps) => {\r\n//   const slideAnim = React.useRef(new Animated.Value(0)).current;\r\n//   const { onPress, index = 0, ...newProps } = omitUndefined(props);\r\n//   const { isOpen, onToggle, slide }: any = React.useContext(FabContext);\r\n//   const [size, setSize] = React.useState(40);\r\n//   const slideStyle = {\r\n//     down: 'top',\r\n//     up: 'bottom',\r\n//     right: 'left',\r\n//     left: 'right',\r\n//   };\r\n\r\n//   const provideSize = (layoutSize: any) => {\r\n//     setSize(layoutSize.width + 10);\r\n//   };\r\n\r\n//   const pressHandler = () => {\r\n//     onToggle();\r\n//     onPress && onPress();\r\n//   };\r\n\r\n//   const slideIn = () => {\r\n//     Animated.timing(slideAnim, {\r\n//       toValue: 0,\r\n//       duration: 500,\r\n//       useNativeDriver: true,\r\n//     }).start();\r\n//   };\r\n\r\n//   let animToValue = index * size;\r\n//   animToValue =\r\n//     slide === 'left' || slide === 'up' ? animToValue * -1 : animToValue;\r\n//   const slideOut = () => {\r\n//     Animated.timing(slideAnim, {\r\n//       toValue: animToValue,\r\n//       duration: 500,\r\n//       useNativeDriver: true,\r\n//     }).start();\r\n//   };\r\n\r\n//   isOpen ? slideOut() : slideIn();\r\n//   const animatioStyle = {\r\n//     top: { transform: [{ translateY: slideAnim }] },\r\n//     right: { transform: [{ translateX: slideAnim }] },\r\n//     bottom: { transform: [{ translateY: slideAnim }] },\r\n//     left: { transform: [{ translateX: slideAnim }] },\r\n//   };\r\n\r\n//   return (\r\n//     // @ts-ignore\r\n//     <Animated.View style={animatioStyle[slideStyle[slide]]}>\r\n//       <Box\r\n//         position=\"absolute\"\r\n//         top={0}\r\n//         right={0}\r\n//         onLayout={(e) => provideSize(e.nativeEvent.layout)}\r\n//         zIndex={9999 - index}\r\n//       >\r\n//         <Button\r\n//           variant=\"unstyled\"\r\n//           bg=\"default.200\"\r\n//           borderRadius=\"full\"\r\n//           justifyContent=\"center\"\r\n//           alignItems=\"center\"\r\n//           {...newProps}\r\n//           onPress={pressHandler}\r\n//           p={1}\r\n//         >\r\n//           {children}\r\n//         </Button>\r\n//       </Box>\r\n//     </Animated.View>\r\n//   );\r\n// };\r\n\r\n// export default FabItem;\r\n"]}
+{"version":3,"names":[],"sources":["FabItem.tsx"],"sourcesContent":["// import React from 'react';\r\n// import { Button, Box } from '../../primitives';\r\n// import { FabContext } from './context';\r\n// import type { IFabItemProps } from './props';\r\n// import { Animated } from 'react-native';\r\n// import { omitUndefined } from '../../../theme/tools/utils';\r\n\r\n// const FabItem = ({ children, ...props }: IFabItemProps) => {\r\n//   const slideAnim = React.useRef(new Animated.Value(0)).current;\r\n//   const { onPress, index = 0, ...newProps } = omitUndefined(props);\r\n//   const { isOpen, onToggle, slide }: any = React.useContext(FabContext);\r\n//   const [size, setSize] = React.useState(40);\r\n//   const slideStyle = {\r\n//     down: 'top',\r\n//     up: 'bottom',\r\n//     right: 'left',\r\n//     left: 'right',\r\n//   };\r\n\r\n//   const provideSize = (layoutSize: any) => {\r\n//     setSize(layoutSize.width + 10);\r\n//   };\r\n\r\n//   const pressHandler = () => {\r\n//     onToggle();\r\n//     onPress && onPress();\r\n//   };\r\n\r\n//   const slideIn = () => {\r\n//     Animated.timing(slideAnim, {\r\n//       toValue: 0,\r\n//       duration: 500,\r\n//       useNativeDriver: true,\r\n//     }).start();\r\n//   };\r\n\r\n//   let animToValue = index * size;\r\n//   animToValue =\r\n//     slide === 'left' || slide === 'up' ? animToValue * -1 : animToValue;\r\n//   const slideOut = () => {\r\n//     Animated.timing(slideAnim, {\r\n//       toValue: animToValue,\r\n//       duration: 500,\r\n//       useNativeDriver: true,\r\n//     }).start();\r\n//   };\r\n\r\n//   isOpen ? slideOut() : slideIn();\r\n//   const animatioStyle = {\r\n//     top: { transform: [{ translateY: slideAnim }] },\r\n//     right: { transform: [{ translateX: slideAnim }] },\r\n//     bottom: { transform: [{ translateY: slideAnim }] },\r\n//     left: { transform: [{ translateX: slideAnim }] },\r\n//   };\r\n\r\n//   return (\r\n//     // @ts-ignore\r\n//     <Animated.View style={animatioStyle[slideStyle[slide]]}>\r\n//       <Box\r\n//         position=\"absolute\"\r\n//         top={0}\r\n//         right={0}\r\n//         onLayout={(e) => provideSize(e.nativeEvent.layout)}\r\n//         zIndex={9999 - index}\r\n//       >\r\n//         <Button\r\n//           variant=\"unstyled\"\r\n//           bg=\"default.200\"\r\n//           borderRadius=\"full\"\r\n//           justifyContent=\"center\"\r\n//           alignItems=\"center\"\r\n//           {...newProps}\r\n//           onPress={pressHandler}\r\n//           p={1}\r\n//         >\r\n//           {children}\r\n//         </Button>\r\n//       </Box>\r\n//     </Animated.View>\r\n//   );\r\n// };\r\n\r\n// export default FabItem;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","ignoreList":[]}

package/lib/module/components/composites/Fab/FabList.js

@@ -2,7 +2,9 @@
 // import { Box } from '../../primitives';
 // import getIndexedChildren from '../../../utils/getIndexedChildren';
 // import type { IFabListProps } from './props';
+
 // import { omitUndefined } from '../../../theme/tools/utils';
+
 // const FabList = ({ children, ...props }: IFabListProps) => {
 //   const newProps = omitUndefined(props);
 //   return (
@@ -11,5 +13,6 @@
 //     </Box>
 //   );
 // };
+
 // export default FabList;
 //# sourceMappingURL=FabList.js.map

package/lib/module/components/composites/Fab/FabList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FabList.tsx"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA","sourcesContent":["// import React from 'react';\r\n// import { Box } from '../../primitives';\r\n// import getIndexedChildren from '../../../utils/getIndexedChildren';\r\n// import type { IFabListProps } from './props';\r\n\r\n// import { omitUndefined } from '../../../theme/tools/utils';\r\n\r\n// const FabList = ({ children, ...props }: IFabListProps) => {\r\n//   const newProps = omitUndefined(props);\r\n//   return (\r\n//     <Box position=\"absolute\" {...newProps}>\r\n//       {getIndexedChildren(children, 'FabItem', 0)}\r\n//     </Box>\r\n//   );\r\n// };\r\n\r\n// export default FabList;\r\n"]}
+{"version":3,"names":[],"sources":["FabList.tsx"],"sourcesContent":["// import React from 'react';\r\n// import { Box } from '../../primitives';\r\n// import getIndexedChildren from '../../../utils/getIndexedChildren';\r\n// import type { IFabListProps } from './props';\r\n\r\n// import { omitUndefined } from '../../../theme/tools/utils';\r\n\r\n// const FabList = ({ children, ...props }: IFabListProps) => {\r\n//   const newProps = omitUndefined(props);\r\n//   return (\r\n//     <Box position=\"absolute\" {...newProps}>\r\n//       {getIndexedChildren(children, 'FabItem', 0)}\r\n//     </Box>\r\n//   );\r\n// };\r\n\r\n// export default FabList;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA","ignoreList":[]}

package/lib/module/components/composites/Fab/context.js

@@ -1,3 +1,4 @@
 // import { createContext } from 'react';
+
 // export const FabContext = createContext({});
 //# sourceMappingURL=context.js.map

package/lib/module/components/composites/Fab/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context.ts"],"names":[],"mappings":"AAAA;AAEA","sourcesContent":["// import { createContext } from 'react';\r\n\r\n// export const FabContext = createContext({});\r\n"]}
+{"version":3,"names":[],"sources":["context.ts"],"sourcesContent":["// import { createContext } from 'react';\r\n\r\n// export const FabContext = createContext({});\r\n"],"mappings":"AAAA;;AAEA","ignoreList":[]}

package/lib/module/components/composites/Fab/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["default","Fab"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAApB,QAA+B,OAA/B","sourcesContent":["export { default as Fab } from './Fab';\r\nexport type { IFabProps } from './types';\r\n"]}
+{"version":3,"names":["default","Fab"],"sources":["index.tsx"],"sourcesContent":["export { default as Fab } from './Fab';\r\nexport type { IFabProps } from './types';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAAG,QAAQ,OAAO","ignoreList":[]}

package/lib/module/components/composites/Fab/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/composites/Fab/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.tsx"],"sourcesContent":["import type { CustomProps } from '../../../components/types/utils';\r\nimport type { InterfaceButtonProps } from '../../primitives/Button/types';\r\n\r\nexport interface InterfaceFabProps extends InterfaceButtonProps {\r\n  /**\r\n   * Placement of the Fab.\r\n   * @default bottom-right\r\n   */\r\n  placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\r\n  /**\r\n   * Text to be displayed in Fab.\r\n   */\r\n  label?: JSX.Element | string;\r\n  /**\r\n   * Icon to be displayed in Fab.\r\n   */\r\n  icon?: JSX.Element;\r\n  /**\r\n   * Determines whether the Fab should be rendered in a Portal.\r\n   * Refer to this solution before using this prop-\r\n   * https://github.com/GeekyAnts/NativeBase/issues/3817\r\n   * @default true\r\n   */\r\n  renderInPortal?: boolean;\r\n}\r\n\r\nexport type IFabProps = InterfaceFabProps & CustomProps<'FAB'>;\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/FormControl/FormControl.js

@@ -1,11 +1,9 @@
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
 import Box from '../../primitives/Box';
 import { useFormControlProvider, FormControlContext } from './useFormControl';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
-
 const FormControl = (props, ref) => {
   const {
     htmlProps,
@@ -14,20 +12,18 @@ const FormControl = (props, ref) => {
   const resolvedProps = usePropsResolution('FormControl', props, {
     isDisabled: context.isDisabled,
     isReadOnly: context.isReadOnly,
-    isInvalid: context.isInvalid // isRequired: context.isRequired,
-
-  }); //TODO: refactor for responsive prop
-
+    isInvalid: context.isInvalid
+    // isRequired: context.isRequired,
+  });
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(FormControlContext.Provider, {
     value: context
   }, /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, htmlProps, {
     ref: ref
   })));
 };
-
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(FormControl));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(FormControl));
 //# sourceMappingURL=FormControl.js.map

package/lib/module/components/composites/FormControl/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormControl.tsx"],"names":["React","memo","forwardRef","usePropsResolution","Box","useFormControlProvider","FormControlContext","useHasResponsiveProps","FormControl","props","ref","htmlProps","context","resolvedProps","isDisabled","isReadOnly","isInvalid"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,sBAAT,EAAiCC,kBAAjC,QAA2D,kBAA3D;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAA2BC,GAA3B,KAAwC;AAC1D,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA4BP,sBAAsB,CAACI,KAAD,CAAxD;AACA,QAAMI,aAAa,GAAGV,kBAAkB,CAAC,aAAD,EAAgBM,KAAhB,EAAuB;AAC7DK,IAAAA,UAAU,EAAEF,OAAO,CAACE,UADyC;AAE7DC,IAAAA,UAAU,EAAEH,OAAO,CAACG,UAFyC;AAG7DC,IAAAA,SAAS,EAAEJ,OAAO,CAACI,SAH0C,CAI7D;;AAJ6D,GAAvB,CAAxC,CAF0D,CAQ1D;;AACA,MAAIT,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEG;AAApC,kBACE,oBAAC,GAAD,eAASC,aAAT,EAA4BF,SAA5B;AAAuC,IAAA,GAAG,EAAED;AAA5C,KADF,CADF;AAKD,CAjBD;;AAmBA,4BAAeT,IAAI,eAACC,UAAU,CAACM,WAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from '../../primitives/Box';\r\nimport type { IFormControlProps } from './types';\r\nimport { useFormControlProvider, FormControlContext } from './useFormControl';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst FormControl = (props: IFormControlProps, ref: any) => {\r\n  const { htmlProps, ...context } = useFormControlProvider(props);\r\n  const resolvedProps = usePropsResolution('FormControl', props, {\r\n    isDisabled: context.isDisabled,\r\n    isReadOnly: context.isReadOnly,\r\n    isInvalid: context.isInvalid,\r\n    // isRequired: context.isRequired,\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    <FormControlContext.Provider value={context}>\r\n      <Box {...resolvedProps} {...htmlProps} ref={ref} />\r\n    </FormControlContext.Provider>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(FormControl));\r\n"]}
+{"version":3,"names":["React","memo","forwardRef","usePropsResolution","Box","useFormControlProvider","FormControlContext","useHasResponsiveProps","FormControl","props","ref","htmlProps","context","resolvedProps","isDisabled","isReadOnly","isInvalid","createElement","Provider","value","_extends"],"sources":["FormControl.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport Box from '../../primitives/Box';\r\nimport type { IFormControlProps } from './types';\r\nimport { useFormControlProvider, FormControlContext } from './useFormControl';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst FormControl = (props: IFormControlProps, ref: any) => {\r\n  const { htmlProps, ...context } = useFormControlProvider(props);\r\n  const resolvedProps = usePropsResolution('FormControl', props, {\r\n    isDisabled: context.isDisabled,\r\n    isReadOnly: context.isReadOnly,\r\n    isInvalid: context.isInvalid,\r\n    // isRequired: context.isRequired,\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    <FormControlContext.Provider value={context}>\r\n      <Box {...resolvedProps} {...htmlProps} ref={ref} />\r\n    </FormControlContext.Provider>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(FormControl));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,OAAOC,GAAG,MAAM,sBAAsB;AAEtC,SAASC,sBAAsB,EAAEC,kBAAkB,QAAQ,kBAAkB;AAC7E,SAASC,qBAAqB,QAAQ,sCAAsC;AAE5E,MAAMC,WAAW,GAAGA,CAACC,KAAwB,EAAEC,GAAQ,KAAK;EAC1D,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAQ,CAAC,GAAGP,sBAAsB,CAACI,KAAK,CAAC;EAC/D,MAAMI,aAAa,GAAGV,kBAAkB,CAAC,aAAa,EAAEM,KAAK,EAAE;IAC7DK,UAAU,EAAEF,OAAO,CAACE,UAAU;IAC9BC,UAAU,EAAEH,OAAO,CAACG,UAAU;IAC9BC,SAAS,EAAEJ,OAAO,CAACI;IACnB;EACF,CAAC,CAAC;EACF;EACA,IAAIT,qBAAqB,CAACE,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EACA,oBACET,KAAA,CAAAiB,aAAA,CAACX,kBAAkB,CAACY,QAAQ;IAACC,KAAK,EAAEP;EAAQ,gBAC1CZ,KAAA,CAAAiB,aAAA,CAACb,GAAG,EAAAgB,QAAA,KAAKP,aAAa,EAAMF,SAAS;IAAED,GAAG,EAAEA;EAAI,EAAE,CACvB,CAAC;AAElC,CAAC;AAED,4BAAeT,IAAI,cAACC,UAAU,CAACM,WAAW,CAAC,CAAC","ignoreList":[]}