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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Container = ({
+  children,
+  ...props
+}, ref) => {
+  const resolvedProps = (0, _hooks.usePropsResolution)('Container', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    ref: ref
+  }, resolvedProps), children);
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Container));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Container","children","props","ref","resolvedProps","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAA0CC,GAA1C,KAAwD;AACxE,QAAMC,aAAa,GAAG,+BAAmB,WAAnB,EAAgCF,KAAhC,CAAtB,CADwE,CAGxE;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD;AAAK,IAAA,GAAG,EAAEC;AAAV,KAAmBC,aAAnB,GACGH,QADH,CADF;AAKD,CAZD;;4BAceI,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBP,SAAjB,CAAX,C","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"]}

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

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

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

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

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _Box = _interopRequireDefault(require("./../../primitives/Box"));
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Divider = (props, ref) => {
+  const {
+    orientation,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Divider', props, {}, {
+    resolveResponsively: ['thickness']
+  }); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    ref: ref,
+    "aria-orientation": orientation //@ts-ignore web only role
+    ,
+    accessibilityRole: _reactNative.Platform.OS === 'web' ? 'separator' : undefined
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Divider));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Divider","props","ref","orientation","resolvedProps","resolveResponsively","Platform","OS","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,OAAO,GAAG,CAACC,KAAD,EAAuBC,GAAvB,KAAqC;AACnD,QAAM;AAAEC,IAAAA,WAAF;AAAe,OAAGC;AAAlB,MAAoC,uCACxC,SADwC,EAExCH,KAFwC,EAGxC,EAHwC,EAIxC;AAAEI,IAAAA,mBAAmB,EAAE,CAAC,WAAD;AAAvB,GAJwC,CAA1C,CADmD,CAOnD;;AACA,MAAI,kDAAsBJ,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,YAAD,eACMG,aADN;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,wBAAkBC,WAHpB,CAIE;AAJF;AAKE,IAAA,iBAAiB,EAAEG,sBAASC,EAAT,KAAgB,KAAhB,GAAwB,WAAxB,GAAsCC;AAL3D,KADF;AASD,CApBD;;4BAsBe,+BAAK,uBAAWR,OAAX,CAAL,C","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"]}

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

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

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

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

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _overlays = require("@react-native-aria/overlays");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Backdrop = _interopRequireDefault(require("../Backdrop"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Drawer = ({
+  children,
+  isOpen,
+  onClose,
+  placement = 'right'
+}) => {
+  const placementStyles = _react.default.useMemo(() => {
+    const styles = {
+      position: 'absolute'
+    };
+
+    if (placement === 'top') {
+      styles.top = 0;
+      styles.left = 0;
+      styles.right = 0;
+      styles.width = '100%';
+    } else if (placement === 'bottom') {
+      styles.bottom = 0;
+      styles.left = 0;
+      styles.right = 0;
+      styles.width = '100%';
+    } else if (placement === 'right') {
+      styles.right = 0;
+      styles.top = 0;
+      styles.bottom = 0;
+      styles.height = '100%';
+    } else {
+      styles.top = 0;
+      styles.bottom = 0;
+      styles.left = 0;
+      styles.height = '100%';
+    }
+
+    return styles;
+  }, [placement]);
+
+  if (!isOpen) return null;
+  return /*#__PURE__*/_react.default.createElement(_overlays.OverlayContainer, null, /*#__PURE__*/_react.default.createElement(_Backdrop.default, {
+    onPress: onClose ? onClose : () => {}
+  }), /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, placementStyles, {
+    opacity: 1
+  }), children));
+};
+
+var _default = Drawer;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Drawer","children","isOpen","onClose","placement","placementStyles","React","useMemo","styles","position","top","left","right","width","bottom","height"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,MAAM,GAAG,CAAC;AACdC,EAAAA,QADc;AAEdC,EAAAA,MAFc;AAGdC,EAAAA,OAHc;AAIdC,EAAAA,SAAS,GAAG;AAJE,CAAD,KAKK;AAClB,QAAMC,eAAe,GAAGC,eAAMC,OAAN,CAAc,MAAM;AAC1C,UAAMC,MAAW,GAAG;AAClBC,MAAAA,QAAQ,EAAE;AADQ,KAApB;;AAIA,QAAIL,SAAS,KAAK,KAAlB,EAAyB;AACvBI,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,IAAIT,SAAS,KAAK,QAAlB,EAA4B;AACjCI,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,IAAIT,SAAS,KAAK,OAAlB,EAA2B;AAChCI,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,CAACJ,SAAD,CA3BqB,CAAxB;;AA6BA,MAAI,CAACF,MAAL,EAAa,OAAO,IAAP;AAEb,sBACE,6BAAC,0BAAD,qBACE,6BAAC,iBAAD;AAAU,IAAA,OAAO,EAAEC,OAAO,GAAGA,OAAH,GAAa,MAAM,CAAE;AAA/C,IADF,eAEE,6BAAC,YAAD,eAASE,eAAT;AAA0B,IAAA,OAAO,EAAE;AAAnC,MACGJ,QADH,CAFF,CADF;AAQD,CA7CD;;eA+CeD,M","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"]}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("../../primitives/Button");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _overlays = require("@react-native-aria/overlays");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _utils = require("../../../theme/tools/utils");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Fab = ({ ...props
+}, ref) => {
+  /** Extracting Button Specific Props */
+  const [buttonProps, remainingProps] = (0, _utils.extractInObject)(props, ['variant', '_pressed', '_hover', '_text', '_focus', '_stack', '_loading', '_disabled', '_spinner']);
+  const themeProps = (0, _useThemeProps.usePropsResolution)('FAB', remainingProps);
+  const {
+    label,
+    icon,
+    renderInPortal,
+    placement,
+    placementProps,
+    ...newProps
+  } = themeProps;
+
+  const fabComponent = /*#__PURE__*/_react.default.createElement(_Button.Button, _extends({}, buttonProps, placementProps[placement], {
+    ref: ref,
+    startIcon: icon
+  }, newProps), label); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return renderInPortal ? /*#__PURE__*/_react.default.createElement(_overlays.OverlayContainer, null, fabComponent) : fabComponent;
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Fab));
+
+exports.default = _default;
+//# sourceMappingURL=Fab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Fab.tsx"],"names":["Fab","props","ref","buttonProps","remainingProps","themeProps","label","icon","renderInPortal","placement","placementProps","newProps","fabComponent"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC,EAAE,GAAGC;AAAL,CAAD,EAA0BC,GAA1B,KAAuC;AACjD;AACA,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,4BAAgBH,KAAhB,EAAuB,CAC3D,SAD2D,EAE3D,UAF2D,EAG3D,QAH2D,EAI3D,OAJ2D,EAK3D,QAL2D,EAM3D,QAN2D,EAO3D,UAP2D,EAQ3D,WAR2D,EAS3D,UAT2D,CAAvB,CAAtC;AAWA,QAAMI,UAAU,GAAG,uCAAmB,KAAnB,EAA0BD,cAA1B,CAAnB;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,6BAAC,cAAD,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,MAAI,kDAAsBL,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,SAAOO,cAAc,gBACnB,6BAAC,0BAAD,QAAmBI,YAAnB,CADmB,GAGnBA,YAHF;AAKD,CA7CD;;4BA+Ce,+BAAK,uBAAWZ,GAAX,CAAL,C","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"]}

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

@@ -0,0 +1,77 @@
+// import React from 'react';
+// import { Button, Box } from '../../primitives';
+// import { FabContext } from './context';
+// 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);
+//   const { isOpen, onToggle, slide }: any = React.useContext(FabContext);
+//   const [size, setSize] = React.useState(40);
+//   const slideStyle = {
+//     down: 'top',
+//     up: 'bottom',
+//     right: 'left',
+//     left: 'right',
+//   };
+//   const provideSize = (layoutSize: any) => {
+//     setSize(layoutSize.width + 10);
+//   };
+//   const pressHandler = () => {
+//     onToggle();
+//     onPress && onPress();
+//   };
+//   const slideIn = () => {
+//     Animated.timing(slideAnim, {
+//       toValue: 0,
+//       duration: 500,
+//       useNativeDriver: true,
+//     }).start();
+//   };
+//   let animToValue = index * size;
+//   animToValue =
+//     slide === 'left' || slide === 'up' ? animToValue * -1 : animToValue;
+//   const slideOut = () => {
+//     Animated.timing(slideAnim, {
+//       toValue: animToValue,
+//       duration: 500,
+//       useNativeDriver: true,
+//     }).start();
+//   };
+//   isOpen ? slideOut() : slideIn();
+//   const animatioStyle = {
+//     top: { transform: [{ translateY: slideAnim }] },
+//     right: { transform: [{ translateX: slideAnim }] },
+//     bottom: { transform: [{ translateY: slideAnim }] },
+//     left: { transform: [{ translateX: slideAnim }] },
+//   };
+//   return (
+//     // @ts-ignore
+//     <Animated.View style={animatioStyle[slideStyle[slide]]}>
+//       <Box
+//         position="absolute"
+//         top={0}
+//         right={0}
+//         onLayout={(e) => provideSize(e.nativeEvent.layout)}
+//         zIndex={9999 - index}
+//       >
+//         <Button
+//           variant="unstyled"
+//           bg="default.200"
+//           borderRadius="full"
+//           justifyContent="center"
+//           alignItems="center"
+//           {...newProps}
+//           onPress={pressHandler}
+//           p={1}
+//         >
+//           {children}
+//         </Button>
+//       </Box>
+//     </Animated.View>
+//   );
+// };
+// export default FabItem;
+"use strict";
+//# sourceMappingURL=FabItem.js.map

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

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

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

@@ -0,0 +1,16 @@
+// import React from 'react';
+// 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 (
+//     <Box position="absolute" {...newProps}>
+//       {getIndexedChildren(children, 'FabItem', 0)}
+//     </Box>
+//   );
+// };
+// export default FabList;
+"use strict";
+//# sourceMappingURL=FabList.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Fab", {
+  enumerable: true,
+  get: function () {
+    return _Fab.default;
+  }
+});
+
+var _Fab = _interopRequireDefault(require("./Fab"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Fab } from './Fab';\r\nexport type { IFabProps } from './types';\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FormControl.tsx"],"names":["FormControl","props","ref","htmlProps","context","resolvedProps","isDisabled","isReadOnly","isInvalid"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAACC,KAAD,EAA2BC,GAA3B,KAAwC;AAC1D,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA4B,4CAAuBH,KAAvB,CAAlC;AACA,QAAMI,aAAa,GAAG,uCAAmB,aAAnB,EAAkCJ,KAAlC,EAAyC;AAC7DK,IAAAA,UAAU,EAAEF,OAAO,CAACE,UADyC;AAE7DC,IAAAA,UAAU,EAAEH,OAAO,CAACG,UAFyC;AAG7DC,IAAAA,SAAS,EAAEJ,OAAO,CAACI,SAH0C,CAI7D;;AAJ6D,GAAzC,CAAtB,CAF0D,CAQ1D;;AACA,MAAI,kDAAsBP,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBACE,6BAAC,kCAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEG;AAApC,kBACE,6BAAC,YAAD,eAASC,aAAT,EAA4BF,SAA5B;AAAuC,IAAA,GAAG,EAAED;AAA5C,KADF,CADF;AAKD,CAjBD;;4BAmBe,+BAAK,uBAAWF,WAAX,CAAL,C","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"]}

package/lib/commonjs/components/composites/FormControl/FormControlErrorMessage.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _Stack = require("../../primitives/Stack");
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _useFormControl = require("./useFormControl");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+var _utils = require("../../../utils");
+
+var _Text = _interopRequireDefault(require("../../primitives/Text"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const FormControlErrorMessage = (props, ref) => {
+  const formControlContext = (0, _useFormControl.useFormControlContext)();
+  const combinedProps = (0, _utils.combineContextAndProps)(formControlContext, props);
+  const {
+    leftIcon,
+    rightIcon,
+    children,
+    _text,
+    _stack,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('FormControlErrorMessage', combinedProps, {
+    isDisabled: combinedProps.isDisabled,
+    isReadOnly: combinedProps.isReadOnly,
+    isInvalid: combinedProps.isInvalid // isRequired: combinedProps.isRequired,
+
+  });
+  let {
+    startIcon,
+    endIcon
+  } = resolvedProps;
+
+  if (rightIcon) {
+    endIcon = rightIcon;
+  }
+
+  if (leftIcon) {
+    startIcon = leftIcon;
+  }
+
+  if (endIcon && /*#__PURE__*/_react.default.isValidElement(endIcon)) {
+    endIcon = _react.default.Children.map(endIcon, (child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-end-icon-".concat(index),
+        ..._text,
+        ...child.props
+      });
+    });
+  }
+
+  if (startIcon && /*#__PURE__*/_react.default.isValidElement(startIcon)) {
+    startIcon = _react.default.Children.map(startIcon, (child, index) => {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        key: "button-start-icon-".concat(index),
+        ..._text,
+        ...child.props
+      });
+    });
+  }
+
+  _react.default.useEffect(() => {
+    resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.setHasFeedbackText(true);
+    return () => {
+      resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.setHasFeedbackText(false);
+    };
+  }); //TODO: refactor for responsive prop
+
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return resolvedProps !== null && resolvedProps !== void 0 && resolvedProps.isInvalid && children ? /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    nativeID: resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.helpTextId
+  }, resolvedProps, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_Stack.HStack, _stack, startIcon, /*#__PURE__*/_react.default.createElement(_Text.default, _text, children), endIcon)) : null;
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(FormControlErrorMessage));
+
+exports.default = _default;
+//# sourceMappingURL=FormControlErrorMessage.js.map

package/lib/commonjs/components/composites/FormControl/FormControlErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FormControlErrorMessage.tsx"],"names":["FormControlErrorMessage","props","ref","formControlContext","combinedProps","leftIcon","rightIcon","children","_text","_stack","resolvedProps","isDisabled","isReadOnly","isInvalid","startIcon","endIcon","React","isValidElement","Children","map","child","index","cloneElement","key","useEffect","setHasFeedbackText","helpTextId"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,uBAAuB,GAAG,CAC9BC,KAD8B,EAE9BC,GAF8B,KAG3B;AACH,QAAMC,kBAAkB,GAAG,4CAA3B;AACA,QAAMC,aAAa,GAAG,mCAAuBD,kBAAvB,EAA2CF,KAA3C,CAAtB;AACA,QAAM;AACJI,IAAAA,QADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,MALI;AAMJ,OAAGC;AANC,MAOF,uCAAmB,yBAAnB,EAA8CN,aAA9C,EAA6D;AAC/DO,IAAAA,UAAU,EAAEP,aAAa,CAACO,UADqC;AAE/DC,IAAAA,UAAU,EAAER,aAAa,CAACQ,UAFqC;AAG/DC,IAAAA,SAAS,EAAET,aAAa,CAACS,SAHsC,CAI/D;;AAJ+D,GAA7D,CAPJ;AAaA,MAAI;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAyBL,aAA7B;;AAEA,MAAIJ,SAAJ,EAAe;AACbS,IAAAA,OAAO,GAAGT,SAAV;AACD;;AACD,MAAID,QAAJ,EAAc;AACZS,IAAAA,SAAS,GAAGT,QAAZ;AACD;;AACD,MAAIU,OAAO,iBAAIC,eAAMC,cAAN,CAAqBF,OAArB,CAAf,EAA8C;AAC5CA,IAAAA,OAAO,GAAGC,eAAME,QAAN,CAAeC,GAAf,CACRJ,OADQ,EAER,CAACK,KAAD,EAAqBC,KAArB,KAAuC;AACrC,0BAAOL,eAAMM,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,GAAG,4BAAqBF,KAArB,CAD4B;AAE/B,WAAGb,KAF4B;AAG/B,WAAGY,KAAK,CAACnB;AAHsB,OAA1B,CAAP;AAKD,KARO,CAAV;AAUD;;AACD,MAAIa,SAAS,iBAAIE,eAAMC,cAAN,CAAqBH,SAArB,CAAjB,EAAkD;AAChDA,IAAAA,SAAS,GAAGE,eAAME,QAAN,CAAeC,GAAf,CACVL,SADU,EAEV,CAACM,KAAD,EAAqBC,KAArB,KAAuC;AACrC,0BAAOL,eAAMM,YAAN,CAAmBF,KAAnB,EAA0B;AAC/BG,QAAAA,GAAG,8BAAuBF,KAAvB,CAD4B;AAE/B,WAAGb,KAF4B;AAG/B,WAAGY,KAAK,CAACnB;AAHsB,OAA1B,CAAP;AAKD,KARS,CAAZ;AAUD;;AAEDe,iBAAMQ,SAAN,CAAgB,MAAM;AACpBd,IAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEe,kBAAf,CAAkC,IAAlC;AACA,WAAO,MAAM;AACXf,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEe,kBAAf,CAAkC,KAAlC;AACD,KAFD;AAGD,GALD,EAjDG,CAuDH;;;AACA,MAAI,kDAAsBxB,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,SAAOS,aAAa,SAAb,IAAAA,aAAa,WAAb,IAAAA,aAAa,CAAEG,SAAf,IAA4BN,QAA5B,gBACL,6BAAC,YAAD;AAAK,IAAA,QAAQ,EAAEG,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAEgB;AAA9B,KAA8ChB,aAA9C;AAA6D,IAAA,GAAG,EAAER;AAAlE,mBACE,6BAAC,aAAD,EAAYO,MAAZ,EACGK,SADH,eAEE,6BAAC,aAAD,EAAUN,KAAV,EAAkBD,QAAlB,CAFF,EAGGQ,OAHH,CADF,CADK,GAQH,IARJ;AASD,CAvED;;4BAyEe,+BAAK,uBAAWf,uBAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { HStack } from '../../primitives/Stack';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useFormControlContext } from './useFormControl';\r\nimport type { IFormControlErrorMessageProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { combineContextAndProps } from '../../../utils';\r\nimport Text from '../../primitives/Text';\r\n\r\nconst FormControlErrorMessage = (\r\n  props: IFormControlErrorMessageProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n  const combinedProps = combineContextAndProps(formControlContext, props);\r\n  const {\r\n    leftIcon,\r\n    rightIcon,\r\n    children,\r\n    _text,\r\n    _stack,\r\n    ...resolvedProps\r\n  } = usePropsResolution('FormControlErrorMessage', combinedProps, {\r\n    isDisabled: combinedProps.isDisabled,\r\n    isReadOnly: combinedProps.isReadOnly,\r\n    isInvalid: combinedProps.isInvalid,\r\n    // isRequired: combinedProps.isRequired,\r\n  });\r\n  let { startIcon, endIcon } = resolvedProps;\r\n\r\n  if (rightIcon) {\r\n    endIcon = rightIcon;\r\n  }\r\n  if (leftIcon) {\r\n    startIcon = leftIcon;\r\n  }\r\n  if (endIcon && React.isValidElement(endIcon)) {\r\n    endIcon = React.Children.map(\r\n      endIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-end-icon-${index}`,\r\n          ..._text,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  if (startIcon && React.isValidElement(startIcon)) {\r\n    startIcon = React.Children.map(\r\n      startIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-start-icon-${index}`,\r\n          ..._text,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    resolvedProps?.setHasFeedbackText(true);\r\n    return () => {\r\n      resolvedProps?.setHasFeedbackText(false);\r\n    };\r\n  });\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return resolvedProps?.isInvalid && children ? (\r\n    <Box nativeID={resolvedProps?.helpTextId} {...resolvedProps} ref={ref}>\r\n      <HStack {..._stack}>\r\n        {startIcon}\r\n        <Text {..._text}>{children}</Text>\r\n        {endIcon}\r\n      </HStack>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport default memo(forwardRef(FormControlErrorMessage));\r\n"]}