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

package/lib/commonjs/components/primitives/Flex/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Spacer = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+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 Flex = (props, ref) => {
+  const {
+    align,
+    justify,
+    wrap,
+    basis,
+    grow,
+    shrink,
+    direction,
+    ...resolvedProps
+  } = (0, _useThemeProps.usePropsResolution)('Flex', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, resolvedProps, {
+    flexDirection: direction || resolvedProps.flexDirection,
+    alignItems: align || resolvedProps.alignItems,
+    justifyContent: justify || resolvedProps.justifyContent,
+    flexGrow: grow || resolvedProps.flexGrow,
+    flexBasis: basis || resolvedProps.flexBasis,
+    flexShrink: shrink || resolvedProps.flexShrink,
+    flexWrap: wrap || resolvedProps.flexWrap,
+    ref: ref
+  }));
+}; //Spacer Component that adds space between components where it is placed
+
+
+const Spacer = props => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Spacer', props);
+  return /*#__PURE__*/_react.default.createElement(_Box.default, resolvedProps);
+};
+
+exports.Spacer = Spacer;
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Flex));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Flex","props","ref","align","justify","wrap","basis","grow","shrink","direction","resolvedProps","flexDirection","alignItems","justifyContent","flexGrow","flexBasis","flexShrink","flexWrap","Spacer"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAiC;AAC5C,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,IALI;AAMJC,IAAAA,MANI;AAOJC,IAAAA,SAPI;AAQJ,OAAGC;AARC,MASF,uCAAmB,MAAnB,EAA2BT,KAA3B,CATJ,CAD4C,CAY5C;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,YAAD,eACMS,aADN;AAEE,IAAA,aAAa,EAAED,SAAS,IAAIC,aAAa,CAACC,aAF5C;AAGE,IAAA,UAAU,EAAER,KAAK,IAAIO,aAAa,CAACE,UAHrC;AAIE,IAAA,cAAc,EAAER,OAAO,IAAIM,aAAa,CAACG,cAJ3C;AAKE,IAAA,QAAQ,EAAEN,IAAI,IAAIG,aAAa,CAACI,QALlC;AAME,IAAA,SAAS,EAAER,KAAK,IAAII,aAAa,CAACK,SANpC;AAOE,IAAA,UAAU,EAAEP,MAAM,IAAIE,aAAa,CAACM,UAPtC;AAQE,IAAA,QAAQ,EAAEX,IAAI,IAAIK,aAAa,CAACO,QARlC;AASE,IAAA,GAAG,EAAEf;AATP,KADF;AAaD,CA9BD,C,CAgCA;;;AACO,MAAMgB,MAAM,GAAIjB,KAAD,IAAgB;AACpC,QAAMS,aAAa,GAAG,uCAAmB,QAAnB,EAA6BT,KAA7B,CAAtB;AAEA,sBAAO,6BAAC,YAAD,EAASS,aAAT,CAAP;AACD,CAJM;;;;4BAOQ,+BAAK,uBAAWV,IAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../Box';\r\nimport type { IFlexProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Flex = (props: IFlexProps, ref: any) => {\r\n  const {\r\n    align,\r\n    justify,\r\n    wrap,\r\n    basis,\r\n    grow,\r\n    shrink,\r\n    direction,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Flex', props);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      {...resolvedProps}\r\n      flexDirection={direction || resolvedProps.flexDirection}\r\n      alignItems={align || resolvedProps.alignItems}\r\n      justifyContent={justify || resolvedProps.justifyContent}\r\n      flexGrow={grow || resolvedProps.flexGrow}\r\n      flexBasis={basis || resolvedProps.flexBasis}\r\n      flexShrink={shrink || resolvedProps.flexShrink}\r\n      flexWrap={wrap || resolvedProps.flexWrap}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\n//Spacer Component that adds space between components where it is placed\r\nexport const Spacer = (props: any) => {\r\n  const resolvedProps = usePropsResolution('Spacer', props);\r\n\r\n  return <Box {...resolvedProps} />;\r\n};\r\n\r\nexport type { IFlexProps };\r\nexport default memo(forwardRef(Flex));\r\n"]}

package/lib/commonjs/components/primitives/Flex/types.js

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

package/lib/commonjs/components/primitives/Flex/types.js.map

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

package/lib/commonjs/components/primitives/GridItem/props.js

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

package/lib/commonjs/components/primitives/GridItem/props.js.map

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

package/lib/commonjs/components/primitives/Heading/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Text = _interopRequireDefault(require("../Text"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+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 Heading = (props, ref) => {
+  const resolvedProps = (0, _useThemeProps.usePropsResolution)('Heading', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Heading));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Heading","props","ref","resolvedProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,OAAO,GAAG,CAACC,KAAD,EAAuBC,GAAvB,KAAoC;AAClD,QAAMC,aAAa,GAAG,uCAAmB,SAAnB,EAA8BF,KAA9B,CAAtB,CADkD,CAElD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,aAAD,eAAUE,aAAV;AAAyB,IAAA,GAAG,EAAED;AAA9B,KAAP;AACD,CAPD;;4BASe,+BAAK,uBAAWF,OAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Text from '../Text';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport type { IHeadingProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Heading = (props: IHeadingProps, ref: any) => {\r\n  const resolvedProps = usePropsResolution('Heading', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Text {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default memo(forwardRef(Heading));\r\nexport type { IHeadingProps };\r\n"]}

package/lib/commonjs/components/primitives/Heading/types.js

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

package/lib/commonjs/components/primitives/Heading/types.js.map

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

package/lib/commonjs/components/primitives/Hidden/HiddenSSR.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HiddenSSR = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeBase = require("native-base");
+
+var _reactNative = require("react-native");
+
+var _hooks = require("../../../core/color-mode/hooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HiddenSSR = /*#__PURE__*/_react.default.memo(({
+  children,
+  ...props
+}) => {
+  const theme = (0, _nativeBase.useTheme)();
+  const breakPoints = Object.keys(theme.breakpoints);
+  const currentColorMode = (0, _hooks.useColorMode)();
+  const {
+    from,
+    till,
+    only,
+    colorMode,
+    platform
+  } = props;
+  if (children === null) return null;
+
+  if (!from && !till && !only && !colorMode && !platform) {
+    return null;
+  } else if (Array.isArray(platform) && platform.includes(_reactNative.Platform.OS) || platform === _reactNative.Platform.OS) {
+    return null;
+  } else if (colorMode === currentColorMode.colorMode) {
+    return null;
+  }
+
+  const display = {};
+
+  if (till) {
+    let flag = false;
+
+    for (const i in breakPoints) {
+      if (breakPoints[i] === till) {
+        display[breakPoints[i]] = 'flex';
+        flag = true;
+      } else {
+        display[breakPoints[i]] = flag ? 'flex' : 'none';
+      }
+    }
+  }
+
+  if (from) {
+    let flag = false;
+
+    for (const i in breakPoints) {
+      if (breakPoints[i] === from || flag) {
+        display[breakPoints[i]] = 'none';
+        flag = true;
+      } else {
+        display[breakPoints[i]] = 'flex';
+      }
+    }
+  }
+
+  if (only) {
+    if (Array.isArray(only)) {
+      for (const i in breakPoints) {
+        if (only.includes(breakPoints[i])) {
+          display[breakPoints[i]] = 'none';
+        } else {
+          display[breakPoints[i]] = 'flex';
+        }
+      }
+    } else {
+      display[only] = 'none';
+    }
+  }
+
+  return /*#__PURE__*/_react.default.cloneElement(children, {
+    display: display
+  });
+});
+
+exports.HiddenSSR = HiddenSSR;
+//# sourceMappingURL=HiddenSSR.js.map

package/lib/commonjs/components/primitives/Hidden/HiddenSSR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HiddenSSR.tsx"],"names":["HiddenSSR","React","memo","children","props","theme","breakPoints","Object","keys","breakpoints","currentColorMode","from","till","only","colorMode","platform","Array","isArray","includes","Platform","OS","display","flag","i","cloneElement"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEO,MAAMA,SAAS,gBAAGC,eAAMC,IAAN,CAAW,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA0C;AAC5E,QAAMC,KAAK,GAAG,2BAAd;AACA,QAAMC,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAYH,KAAK,CAACI,WAAlB,CAApB;AACA,QAAMC,gBAAgB,GAAG,0BAAzB;AAEA,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,IAAd;AAAoBC,IAAAA,SAApB;AAA+BC,IAAAA;AAA/B,MAA4CX,KAAlD;AAEA,MAAID,QAAQ,KAAK,IAAjB,EAAuB,OAAO,IAAP;;AACvB,MAAI,CAACQ,IAAD,IAAS,CAACC,IAAV,IAAkB,CAACC,IAAnB,IAA2B,CAACC,SAA5B,IAAyC,CAACC,QAA9C,EAAwD;AACtD,WAAO,IAAP;AACD,GAFD,MAEO,IACJC,KAAK,CAACC,OAAN,CAAcF,QAAd,KAA2BA,QAAQ,CAACG,QAAT,CAAkBC,sBAASC,EAA3B,CAA5B,IACAL,QAAQ,KAAKI,sBAASC,EAFjB,EAGL;AACA,WAAO,IAAP;AACD,GALM,MAKA,IAAIN,SAAS,KAAKJ,gBAAgB,CAACI,SAAnC,EAA8C;AACnD,WAAO,IAAP;AACD;;AACD,QAAMO,OAAY,GAAG,EAArB;;AAEA,MAAIT,IAAJ,EAAU;AACR,QAAIU,IAAI,GAAG,KAAX;;AACA,SAAK,MAAMC,CAAX,IAAgBjB,WAAhB,EAA6B;AAC3B,UAAIA,WAAW,CAACiB,CAAD,CAAX,KAAmBX,IAAvB,EAA6B;AAC3BS,QAAAA,OAAO,CAACf,WAAW,CAACiB,CAAD,CAAZ,CAAP,GAA0B,MAA1B;AACAD,QAAAA,IAAI,GAAG,IAAP;AACD,OAHD,MAGO;AACLD,QAAAA,OAAO,CAACf,WAAW,CAACiB,CAAD,CAAZ,CAAP,GAA0BD,IAAI,GAAG,MAAH,GAAY,MAA1C;AACD;AACF;AACF;;AAED,MAAIX,IAAJ,EAAU;AACR,QAAIW,IAAI,GAAG,KAAX;;AACA,SAAK,MAAMC,CAAX,IAAgBjB,WAAhB,EAA6B;AAC3B,UAAIA,WAAW,CAACiB,CAAD,CAAX,KAAmBZ,IAAnB,IAA2BW,IAA/B,EAAqC;AACnCD,QAAAA,OAAO,CAACf,WAAW,CAACiB,CAAD,CAAZ,CAAP,GAA0B,MAA1B;AACAD,QAAAA,IAAI,GAAG,IAAP;AACD,OAHD,MAGO;AACLD,QAAAA,OAAO,CAACf,WAAW,CAACiB,CAAD,CAAZ,CAAP,GAA0B,MAA1B;AACD;AACF;AACF;;AACD,MAAIV,IAAJ,EAAU;AACR,QAAIG,KAAK,CAACC,OAAN,CAAcJ,IAAd,CAAJ,EAAyB;AACvB,WAAK,MAAMU,CAAX,IAAgBjB,WAAhB,EAA6B;AAC3B,YAAIO,IAAI,CAACK,QAAL,CAAcZ,WAAW,CAACiB,CAAD,CAAzB,CAAJ,EAAmC;AACjCF,UAAAA,OAAO,CAACf,WAAW,CAACiB,CAAD,CAAZ,CAAP,GAA0B,MAA1B;AACD,SAFD,MAEO;AACLF,UAAAA,OAAO,CAACf,WAAW,CAACiB,CAAD,CAAZ,CAAP,GAA0B,MAA1B;AACD;AACF;AACF,KARD,MAQO;AACLF,MAAAA,OAAO,CAACR,IAAD,CAAP,GAAgB,MAAhB;AACD;AACF;;AAED,sBAAOZ,eAAMuB,YAAN,CAAmBrB,QAAnB,EAA6B;AAClCkB,IAAAA,OAAO,EAAEA;AADyB,GAA7B,CAAP;AAGD,CA5DwB,CAAlB","sourcesContent":["import React from 'react';\r\nimport { useTheme } from 'native-base';\r\nimport { Platform } from 'react-native';\r\nimport type { IHiddenProps } from './types';\r\nimport { useColorMode } from '../../../core/color-mode/hooks';\r\n\r\nexport const HiddenSSR = React.memo(({ children, ...props }: IHiddenProps) => {\r\n  const theme = useTheme();\r\n  const breakPoints = Object.keys(theme.breakpoints);\r\n  const currentColorMode = useColorMode();\r\n\r\n  const { from, till, only, colorMode, platform } = props;\r\n\r\n  if (children === null) return null;\r\n  if (!from && !till && !only && !colorMode && !platform) {\r\n    return null;\r\n  } else if (\r\n    (Array.isArray(platform) && platform.includes(Platform.OS)) ||\r\n    platform === Platform.OS\r\n  ) {\r\n    return null;\r\n  } else if (colorMode === currentColorMode.colorMode) {\r\n    return null;\r\n  }\r\n  const display: any = {};\r\n\r\n  if (till) {\r\n    let flag = false;\r\n    for (const i in breakPoints) {\r\n      if (breakPoints[i] === till) {\r\n        display[breakPoints[i]] = 'flex';\r\n        flag = true;\r\n      } else {\r\n        display[breakPoints[i]] = flag ? 'flex' : 'none';\r\n      }\r\n    }\r\n  }\r\n\r\n  if (from) {\r\n    let flag = false;\r\n    for (const i in breakPoints) {\r\n      if (breakPoints[i] === from || flag) {\r\n        display[breakPoints[i]] = 'none';\r\n        flag = true;\r\n      } else {\r\n        display[breakPoints[i]] = 'flex';\r\n      }\r\n    }\r\n  }\r\n  if (only) {\r\n    if (Array.isArray(only)) {\r\n      for (const i in breakPoints) {\r\n        if (only.includes(breakPoints[i])) {\r\n          display[breakPoints[i]] = 'none';\r\n        } else {\r\n          display[breakPoints[i]] = 'flex';\r\n        }\r\n      }\r\n    } else {\r\n      display[only] = 'none';\r\n    }\r\n  }\r\n\r\n  return React.cloneElement(children, {\r\n    display: display,\r\n  });\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Hidden/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Hidden = Hidden;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useThemeProps = require("../../../hooks/useThemeProps");
+
+var _hooks = require("../../../hooks");
+
+var _hooks2 = require("../../../core/color-mode/hooks");
+
+var _reactNative = require("react-native");
+
+var _NativeBaseContext = require("../../../core/NativeBaseContext");
+
+var _HiddenSSR = require("./HiddenSSR");
+
+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 Hidden({
+  isSSR,
+  ...props
+}) {
+  const {
+    from,
+    till,
+    only,
+    platform,
+    colorMode,
+    children
+  } = (0, _useThemeProps.usePropsResolution)('Hidden', props, {}, {
+    ignoreProps: ['only', 'platform']
+  });
+  const {
+    breakpoints
+  } = (0, _hooks.useTheme)();
+  const currentColorMode = (0, _hooks2.useColorMode)();
+  const breakpointValueObject = Object.keys(breakpoints).reduce((obj, val) => {
+    obj[val] = val;
+    return obj;
+  }, {});
+  const breakpointValue = (0, _hooks.useBreakpointValue)(breakpointValueObject);
+  const [currentBreakpointValue] = (0, _hooks.useToken)('breakpoints', [breakpointValue]);
+  const [fromBreakPointValue] = (0, _hooks.useToken)('breakpoints', [from]);
+  const [tillBreakPointValue] = (0, _hooks.useToken)('breakpoints', [till]);
+  const isSSRProvider = (0, _NativeBaseContext.useNativeBaseConfig)('useBreakpointResolvedProps').isSSR;
+  if (isSSR && isSSRProvider) return /*#__PURE__*/_react.default.createElement(_HiddenSSR.HiddenSSR, props); //if no prop is passed, it will hide the element wrapped with hidden
+
+  if (!from && !till && !only && !colorMode && !platform) {
+    return null;
+  } //if from and till prop exists, it will hide the element wrapped accordingly
+  else if (from && till && currentBreakpointValue >= fromBreakPointValue && currentBreakpointValue < tillBreakPointValue) {
+      return null;
+    } //if from prop exists, it will hide the element wrapped starting from that breakpoint.
+    else if (from && !till && currentBreakpointValue >= fromBreakPointValue) {
+        return null;
+      } //if till prop exists, it will hide the element wrapped starting from  0 till that breakpoint.
+      else if (till && !from && currentBreakpointValue < tillBreakPointValue) {
+          return null;
+        } //if only prop exists and is array, check that array consists current breakpoint value, and if that exists, hide on that breakpoint to next breakpoint.
+        // if only prop is string, hide on that breakpoint to next breakpoint.
+        else if (Array.isArray(only) && only.includes(breakpointValue) || only === breakpointValue) {
+            return null;
+          } //if platform prop exists and is array, check that array consists current platform value, and if that exists, hide on that platform.
+          // if platform prop is string, hide on that platform.
+          else if (Array.isArray(platform) && platform.includes(_reactNative.Platform.OS) || platform === _reactNative.Platform.OS) {
+              return null;
+            } //if colormode prop is valid string, hide on that colormode.
+            else if (colorMode === currentColorMode.colorMode) {
+                return null;
+              }
+
+  return children;
+}
+
+var _default = /*#__PURE__*/(0, _react.memo)(Hidden);
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/primitives/Hidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Hidden","isSSR","props","from","till","only","platform","colorMode","children","ignoreProps","breakpoints","currentColorMode","breakpointValueObject","Object","keys","reduce","obj","val","breakpointValue","currentBreakpointValue","fromBreakPointValue","tillBreakPointValue","isSSRProvider","Array","isArray","includes","Platform","OS"],"mappings":";;;;;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AACO,SAASA,MAAT,CAAgB;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CAAhB,EAAmD;AACxD,QAAM;AACJC,IAAAA,IADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,SALI;AAMJC,IAAAA;AANI,MAOF,uCACF,QADE,EAEFN,KAFE,EAGF,EAHE,EAIF;AACEO,IAAAA,WAAW,EAAE,CAAC,MAAD,EAAS,UAAT;AADf,GAJE,CAPJ;AAeA,QAAM;AAAEC,IAAAA;AAAF,MAAkB,sBAAxB;AACA,QAAMC,gBAAgB,GAAG,2BAAzB;AAEA,QAAMC,qBAAqB,GAAGC,MAAM,CAACC,IAAP,CAAYJ,WAAZ,EAAyBK,MAAzB,CAC5B,CAACC,GAAD,EAAWC,GAAX,KAA2B;AACzBD,IAAAA,GAAG,CAACC,GAAD,CAAH,GAAWA,GAAX;AACA,WAAOD,GAAP;AACD,GAJ2B,EAK5B,EAL4B,CAA9B;AAOA,QAAME,eAAe,GAAG,+BAAmBN,qBAAnB,CAAxB;AACA,QAAM,CAACO,sBAAD,IAA2B,qBAAS,aAAT,EAAwB,CAACD,eAAD,CAAxB,CAAjC;AACA,QAAM,CAACE,mBAAD,IAAwB,qBAAS,aAAT,EAAwB,CAACjB,IAAD,CAAxB,CAA9B;AACA,QAAM,CAACkB,mBAAD,IAAwB,qBAAS,aAAT,EAAwB,CAACjB,IAAD,CAAxB,CAA9B;AACA,QAAMkB,aAAa,GAAG,4CAAoB,4BAApB,EAAkDrB,KAAxE;AAEA,MAAIA,KAAK,IAAIqB,aAAb,EAA4B,oBAAO,6BAAC,oBAAD,EAAepB,KAAf,CAAP,CAhC4B,CAiCxD;;AACA,MAAI,CAACC,IAAD,IAAS,CAACC,IAAV,IAAkB,CAACC,IAAnB,IAA2B,CAACE,SAA5B,IAAyC,CAACD,QAA9C,EAAwD;AACtD,WAAO,IAAP;AACD,GAFD,CAIA;AAJA,OAKK,IACHH,IAAI,IACJC,IADA,IAEAe,sBAAsB,IAAIC,mBAF1B,IAGAD,sBAAsB,GAAGE,mBAJtB,EAKH;AACA,aAAO,IAAP;AACD,KAPI,CASL;AATK,SAUA,IAAIlB,IAAI,IAAI,CAACC,IAAT,IAAiBe,sBAAsB,IAAIC,mBAA/C,EAAoE;AACvE,eAAO,IAAP;AACD,OAFI,CAIL;AAJK,WAKA,IAAIhB,IAAI,IAAI,CAACD,IAAT,IAAiBgB,sBAAsB,GAAGE,mBAA9C,EAAmE;AACtE,iBAAO,IAAP;AACD,SAFI,CAIL;AACA;AALK,aAMA,IACFE,KAAK,CAACC,OAAN,CAAcnB,IAAd,KAAuBA,IAAI,CAACoB,QAAL,CAAcP,eAAd,CAAxB,IACAb,IAAI,KAAKa,eAFN,EAGH;AACA,mBAAO,IAAP;AACD,WALI,CAML;AACA;AAPK,eAQA,IACFK,KAAK,CAACC,OAAN,CAAclB,QAAd,KAA2BA,QAAQ,CAACmB,QAAT,CAAkBC,sBAASC,EAA3B,CAA5B,IACArB,QAAQ,KAAKoB,sBAASC,EAFnB,EAGH;AACA,qBAAO,IAAP;AACD,aALI,CAML;AANK,iBAOA,IAAIpB,SAAS,KAAKI,gBAAgB,CAACJ,SAAnC,EAA8C;AACjD,uBAAO,IAAP;AACD;;AACD,SAAOC,QAAP;AACD;;4BAEc,iBAAKR,MAAL,C","sourcesContent":["import React from 'react';\r\nimport { memo } from 'react';\r\nimport type { IHiddenProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useBreakpointValue, useTheme, useToken } from '../../../hooks';\r\nimport { useColorMode } from '../../../core/color-mode/hooks';\r\nimport { Platform } from 'react-native';\r\nimport { useNativeBaseConfig } from '../../../core/NativeBaseContext';\r\nimport { HiddenSSR } from './HiddenSSR';\r\nexport function Hidden({ isSSR, ...props }: IHiddenProps) {\r\n  const {\r\n    from,\r\n    till,\r\n    only,\r\n    platform,\r\n    colorMode,\r\n    children,\r\n  } = usePropsResolution(\r\n    'Hidden',\r\n    props,\r\n    {},\r\n    {\r\n      ignoreProps: ['only', 'platform'],\r\n    }\r\n  );\r\n  const { breakpoints } = useTheme();\r\n  const currentColorMode = useColorMode();\r\n\r\n  const breakpointValueObject = Object.keys(breakpoints).reduce(\r\n    (obj: any, val: string) => {\r\n      obj[val] = val;\r\n      return obj;\r\n    },\r\n    {}\r\n  );\r\n  const breakpointValue = useBreakpointValue(breakpointValueObject);\r\n  const [currentBreakpointValue] = useToken('breakpoints', [breakpointValue]);\r\n  const [fromBreakPointValue] = useToken('breakpoints', [from]);\r\n  const [tillBreakPointValue] = useToken('breakpoints', [till]);\r\n  const isSSRProvider = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n\r\n  if (isSSR && isSSRProvider) return <HiddenSSR {...props} />;\r\n  //if no prop is passed, it will hide the element wrapped with hidden\r\n  if (!from && !till && !only && !colorMode && !platform) {\r\n    return null;\r\n  }\r\n\r\n  //if from and till prop exists, it will hide the element wrapped accordingly\r\n  else if (\r\n    from &&\r\n    till &&\r\n    currentBreakpointValue >= fromBreakPointValue &&\r\n    currentBreakpointValue < tillBreakPointValue\r\n  ) {\r\n    return null;\r\n  }\r\n\r\n  //if from prop exists, it will hide the element wrapped starting from that breakpoint.\r\n  else if (from && !till && currentBreakpointValue >= fromBreakPointValue) {\r\n    return null;\r\n  }\r\n\r\n  //if till prop exists, it will hide the element wrapped starting from  0 till that breakpoint.\r\n  else if (till && !from && currentBreakpointValue < tillBreakPointValue) {\r\n    return null;\r\n  }\r\n\r\n  //if only prop exists and is array, check that array consists current breakpoint value, and if that exists, hide on that breakpoint to next breakpoint.\r\n  // if only prop is string, hide on that breakpoint to next breakpoint.\r\n  else if (\r\n    (Array.isArray(only) && only.includes(breakpointValue)) ||\r\n    only === breakpointValue\r\n  ) {\r\n    return null;\r\n  }\r\n  //if platform prop exists and is array, check that array consists current platform value, and if that exists, hide on that platform.\r\n  // if platform prop is string, hide on that platform.\r\n  else if (\r\n    (Array.isArray(platform) && platform.includes(Platform.OS)) ||\r\n    platform === Platform.OS\r\n  ) {\r\n    return null;\r\n  }\r\n  //if colormode prop is valid string, hide on that colormode.\r\n  else if (colorMode === currentColorMode.colorMode) {\r\n    return null;\r\n  }\r\n  return children;\r\n}\r\n\r\nexport default memo(Hidden);\r\nexport type { IHiddenProps };\r\n"]}

package/lib/commonjs/components/primitives/Hidden/types.js

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

package/lib/commonjs/components/primitives/Hidden/types.js.map

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

package/lib/commonjs/components/primitives/Icon/Icon.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _SVGIcon = _interopRequireDefault(require("./SVGIcon"));
+
+var _factory = require("../../../factory");
+
+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 Icon = (props, ref) => {
+  const {
+    as,
+    size,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('Icon', props);
+  const tokenizedFontSize = (0, _hooks.useToken)('space', size); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  if (!as) {
+    return /*#__PURE__*/_react.default.createElement(_SVGIcon.default, _extends({
+      size: size
+    }, resolvedProps, {
+      ref: ref
+    }));
+  }
+
+  const isJSX = /*#__PURE__*/_react.default.isValidElement(as);
+
+  const StyledAs = (0, _factory.Factory)(isJSX ? resolvedProps => /*#__PURE__*/_react.default.cloneElement(as, { ...resolvedProps,
+    //@ts-ignore
+    ...as.props
+  }) : as);
+  return /*#__PURE__*/_react.default.createElement(StyledAs, _extends({}, resolvedProps, {
+    fontSize: tokenizedFontSize,
+    lineHeight: tokenizedFontSize,
+    size: size,
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(Icon));
+
+exports.default = _default;
+//# sourceMappingURL=Icon.js.map

package/lib/commonjs/components/primitives/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Icon.tsx"],"names":["Icon","props","ref","as","size","resolvedProps","tokenizedFontSize","isJSX","React","isValidElement","StyledAs","cloneElement"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,IAAI,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAkC;AAC7C,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,IAAN;AAAY,OAAGC;AAAf,MAAiC,+BAAmB,MAAnB,EAA2BJ,KAA3B,CAAvC;AACA,QAAMK,iBAAiB,GAAG,qBAAS,OAAT,EAAkBF,IAAlB,CAA1B,CAF6C,CAG7C;;AACA,MAAI,kDAAsBH,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,MAAI,CAACE,EAAL,EAAS;AACP,wBAAO,6BAAC,gBAAD;AAAS,MAAA,IAAI,EAAEC;AAAf,OAAyBC,aAAzB;AAAwC,MAAA,GAAG,EAAEH;AAA7C,OAAP;AACD;;AACD,QAAMK,KAAK,gBAAGC,eAAMC,cAAN,CAAqBN,EAArB,CAAd;;AACA,QAAMO,QAAQ,GAAG,sBACfH,KAAK,GACAF,aAAD,iBACEG,eAAMG,YAAN,CAAmBR,EAAnB,EAAuB,EACrB,GAAGE,aADkB;AAErB;AACA,OAAGF,EAAE,CAACF;AAHe,GAAvB,CAFD,GAODE,EARW,CAAjB;AAWA,sBACE,6BAAC,QAAD,eACME,aADN;AAEE,IAAA,QAAQ,EAAEC,iBAFZ;AAGE,IAAA,UAAU,EAAEA,iBAHd;AAIE,IAAA,IAAI,EAAEF,IAJR;AAKE,IAAA,GAAG,EAAEF;AALP,KADF;AASD,CA/BD;;4BAiCe,+BAAK,uBAAWF,IAAX,CAAL,C","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { useToken, usePropsResolution } from '../../../hooks';\r\nimport type { IIconProps } from './types';\r\nimport SVGIcon from './SVGIcon';\r\nimport { Factory } from '../../../factory';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Icon = (props: IIconProps, ref?: any) => {\r\n  const { as, size, ...resolvedProps } = usePropsResolution('Icon', props);\r\n  const tokenizedFontSize = useToken('space', size);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  if (!as) {\r\n    return <SVGIcon size={size} {...resolvedProps} ref={ref} />;\r\n  }\r\n  const isJSX = React.isValidElement(as);\r\n  const StyledAs = Factory(\r\n    isJSX\r\n      ? (resolvedProps) =>\r\n          React.cloneElement(as, {\r\n            ...resolvedProps,\r\n            //@ts-ignore\r\n            ...as.props,\r\n          })\r\n      : as\r\n  );\r\n\r\n  return (\r\n    <StyledAs\r\n      {...resolvedProps}\r\n      fontSize={tokenizedFontSize}\r\n      lineHeight={tokenizedFontSize}\r\n      size={size}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Icon));\r\n"]}

package/lib/commonjs/components/primitives/Icon/Icons/Add.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddIcon = void 0;
+
+var _createIcon = require("../createIcon");
+
+const AddIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M13.25 10.75V2H10.75V10.75H2V13.25H10.75V22H13.25V13.25H22V10.75H13.25Z'
+});
+exports.AddIcon = AddIcon;
+//# sourceMappingURL=Add.js.map

package/lib/commonjs/components/primitives/Icon/Icons/Add.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Add.tsx"],"names":["AddIcon","viewBox","d"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,OAAO,GAAG,4BAAW;AAChCC,EAAAA,OAAO,EAAE,WADuB;AAEhCC,EAAAA,CAAC,EAAE;AAF6B,CAAX,CAAhB","sourcesContent":["import { createIcon } from '../createIcon';\r\n\r\nexport const AddIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d: 'M13.25 10.75V2H10.75V10.75H2V13.25H10.75V22H13.25V13.25H22V10.75H13.25Z',\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Icon/Icons/Arrow.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowBackIcon = exports.ArrowForwardIcon = exports.ArrowDownIcon = exports.ArrowUpIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createIcon = require("../createIcon");
+
+var _nbSvg = require("../nbSvg");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ArrowUpIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  path: /*#__PURE__*/_react.default.createElement(_nbSvg.G, null, /*#__PURE__*/_react.default.createElement(_nbSvg.Path, {
+    d: "M20.2362 13.0666L13.6036 6.43395L12.75 5.58039V6.7875L12.75 21.5H11.25L11.25 6.7875V5.58192L10.3968 6.43363L3.76282 13.0557L2.70711 12L12 2.70711L21.2941 12.0012L20.2362 13.0666Z",
+    stroke: "currentColor"
+  }))
+});
+exports.ArrowUpIcon = ArrowUpIcon;
+const ArrowDownIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  path: /*#__PURE__*/_react.default.createElement(_nbSvg.G, null, /*#__PURE__*/_react.default.createElement(_nbSvg.Path, {
+    d: "M3.76375 10.9334L10.3964 17.5661L11.25 18.4196V17.2125L11.25 2.5H12.75L12.75 17.2125V18.4181L13.6032 17.5664L20.2372 10.9443L21.2929 12L12 21.2929L2.70586 11.9988L3.76375 10.9334Z",
+    stroke: "currentColor"
+  }))
+});
+exports.ArrowDownIcon = ArrowDownIcon;
+const ArrowForwardIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  path: /*#__PURE__*/_react.default.createElement(_nbSvg.G, null, /*#__PURE__*/_react.default.createElement(_nbSvg.Path, {
+    d: "M10.9334 3.76375L17.5661 10.3964L18.4196 11.25H17.2125H2.5V12.75H17.2125H18.4181L17.5664 13.6032L10.9443 20.2372L12 21.2929L21.2929 12L11.9988 2.70586L10.9334 3.76375Z",
+    stroke: "currentColor"
+  }))
+});
+exports.ArrowForwardIcon = ArrowForwardIcon;
+const ArrowBackIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  path: /*#__PURE__*/_react.default.createElement(_nbSvg.G, null, /*#__PURE__*/_react.default.createElement(_nbSvg.Path, {
+    d: "M13.0666 3.76375L6.43395 10.3964L5.58039 11.25H6.7875H21.5V12.75H6.7875H5.58192L6.43363 13.6032L13.0557 20.2372L12 21.2929L2.70711 12L12.0012 2.70586L13.0666 3.76375Z",
+    stroke: "currentColor"
+  }))
+});
+exports.ArrowBackIcon = ArrowBackIcon;
+//# sourceMappingURL=Arrow.js.map

package/lib/commonjs/components/primitives/Icon/Icons/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Arrow.tsx"],"names":["ArrowUpIcon","viewBox","path","ArrowDownIcon","ArrowForwardIcon","ArrowBackIcon"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,WAAW,GAAG,4BAAW;AACpCC,EAAAA,OAAO,EAAE,WAD2B;AAEpCC,EAAAA,IAAI,eACF,6BAAC,QAAD,qBACE,6BAAC,WAAD;AACE,IAAA,CAAC,EAAC,oLADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IADF;AAHkC,CAAX,CAApB;;AAYA,MAAMC,aAAa,GAAG,4BAAW;AACtCF,EAAAA,OAAO,EAAE,WAD6B;AAEtCC,EAAAA,IAAI,eACF,6BAAC,QAAD,qBACE,6BAAC,WAAD;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IADF;AAHoC,CAAX,CAAtB;;AAYA,MAAME,gBAAgB,GAAG,4BAAW;AACzCH,EAAAA,OAAO,EAAE,WADgC;AAEzCC,EAAAA,IAAI,eACF,6BAAC,QAAD,qBACE,6BAAC,WAAD;AACE,IAAA,CAAC,EAAC,yKADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IADF;AAHuC,CAAX,CAAzB;;AAYA,MAAMG,aAAa,GAAG,4BAAW;AACtCJ,EAAAA,OAAO,EAAE,WAD6B;AAEtCC,EAAAA,IAAI,eACF,6BAAC,QAAD,qBACE,6BAAC,WAAD;AACE,IAAA,CAAC,EAAC,wKADJ;AAEE,IAAA,MAAM,EAAC;AAFT,IADF;AAHoC,CAAX,CAAtB","sourcesContent":["import React from 'react';\r\nimport { createIcon } from '../createIcon';\r\nimport { G, Path } from '../nbSvg';\r\n\r\nexport const ArrowUpIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  path: (\r\n    <G>\r\n      <Path\r\n        d=\"M20.2362 13.0666L13.6036 6.43395L12.75 5.58039V6.7875L12.75 21.5H11.25L11.25 6.7875V5.58192L10.3968 6.43363L3.76282 13.0557L2.70711 12L12 2.70711L21.2941 12.0012L20.2362 13.0666Z\"\r\n        stroke=\"currentColor\"\r\n      />\r\n    </G>\r\n  ),\r\n});\r\n\r\nexport const ArrowDownIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  path: (\r\n    <G>\r\n      <Path\r\n        d=\"M3.76375 10.9334L10.3964 17.5661L11.25 18.4196V17.2125L11.25 2.5H12.75L12.75 17.2125V18.4181L13.6032 17.5664L20.2372 10.9443L21.2929 12L12 21.2929L2.70586 11.9988L3.76375 10.9334Z\"\r\n        stroke=\"currentColor\"\r\n      />\r\n    </G>\r\n  ),\r\n});\r\n\r\nexport const ArrowForwardIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  path: (\r\n    <G>\r\n      <Path\r\n        d=\"M10.9334 3.76375L17.5661 10.3964L18.4196 11.25H17.2125H2.5V12.75H17.2125H18.4181L17.5664 13.6032L10.9443 20.2372L12 21.2929L21.2929 12L11.9988 2.70586L10.9334 3.76375Z\"\r\n        stroke=\"currentColor\"\r\n      />\r\n    </G>\r\n  ),\r\n});\r\n\r\nexport const ArrowBackIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  path: (\r\n    <G>\r\n      <Path\r\n        d=\"M13.0666 3.76375L6.43395 10.3964L5.58039 11.25H6.7875H21.5V12.75H6.7875H5.58192L6.43363 13.6032L13.0557 20.2372L12 21.2929L2.70711 12L12.0012 2.70586L13.0666 3.76375Z\"\r\n        stroke=\"currentColor\"\r\n      />\r\n    </G>\r\n  ),\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Icon/Icons/Check.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckCircleIcon = exports.CheckIcon = void 0;
+
+var _createIcon = require("../createIcon");
+
+const CheckIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M8.53115 15.1856L3.96198 10.744L2 12.6512L8.53115 19L22 5.9072L20.038 4L8.53115 15.1856Z'
+});
+exports.CheckIcon = CheckIcon;
+const CheckCircleIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM7.17719 11.2464L9.91869 13.9114L16.8228 7.2L18 8.34432L9.91869 16.2L6 12.3907L7.17719 11.2464Z'
+});
+exports.CheckCircleIcon = CheckCircleIcon;
+//# sourceMappingURL=Check.js.map

package/lib/commonjs/components/primitives/Icon/Icons/Check.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Check.tsx"],"names":["CheckIcon","viewBox","d","CheckCircleIcon"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG,4BAAW;AAClCC,EAAAA,OAAO,EAAE,WADyB;AAElCC,EAAAA,CAAC,EACC;AAHgC,CAAX,CAAlB;;AAMA,MAAMC,eAAe,GAAG,4BAAW;AACxCF,EAAAA,OAAO,EAAE,WAD+B;AAExCC,EAAAA,CAAC,EACC;AAHsC,CAAX,CAAxB","sourcesContent":["import { createIcon } from '../createIcon';\r\n\r\nexport const CheckIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M8.53115 15.1856L3.96198 10.744L2 12.6512L8.53115 19L22 5.9072L20.038 4L8.53115 15.1856Z',\r\n});\r\n\r\nexport const CheckCircleIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM7.17719 11.2464L9.91869 13.9114L16.8228 7.2L18 8.34432L9.91869 16.2L6 12.3907L7.17719 11.2464Z',\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Icon/Icons/Chevron.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.ChevronUpIcon = void 0;
+
+var _createIcon = require("../createIcon");
+
+const ChevronUpIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M20.2286 18L11.9973 9.62148L3.76862 17.9973L2 16.1971L12 6L22 16.1971L20.2286 18Z'
+});
+exports.ChevronUpIcon = ChevronUpIcon;
+const ChevronDownIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M20.2286 6L11.9973 14.3785L3.76862 6.00268L2 7.80293L12 18L22 7.80293L20.2286 6Z'
+});
+exports.ChevronDownIcon = ChevronDownIcon;
+const ChevronLeftIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M18 3.77141L9.62148 12.0027L17.9973 20.2314L16.1971 22L6 12L16.1971 2L18 3.77141Z'
+});
+exports.ChevronLeftIcon = ChevronLeftIcon;
+const ChevronRightIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M6 3.77141L14.3785 12.0027L6.00268 20.2314L7.80293 22L18 12L7.80293 2L6 3.77141Z'
+});
+exports.ChevronRightIcon = ChevronRightIcon;
+//# sourceMappingURL=Chevron.js.map

package/lib/commonjs/components/primitives/Icon/Icons/Chevron.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Chevron.tsx"],"names":["ChevronUpIcon","viewBox","d","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,aAAa,GAAG,4BAAW;AACtCC,EAAAA,OAAO,EAAE,WAD6B;AAEtCC,EAAAA,CAAC,EACC;AAHoC,CAAX,CAAtB;;AAMA,MAAMC,eAAe,GAAG,4BAAW;AACxCF,EAAAA,OAAO,EAAE,WAD+B;AAExCC,EAAAA,CAAC,EACC;AAHsC,CAAX,CAAxB;;AAMA,MAAME,eAAe,GAAG,4BAAW;AACxCH,EAAAA,OAAO,EAAE,WAD+B;AAExCC,EAAAA,CAAC,EACC;AAHsC,CAAX,CAAxB;;AAMA,MAAMG,gBAAgB,GAAG,4BAAW;AACzCJ,EAAAA,OAAO,EAAE,WADgC;AAEzCC,EAAAA,CAAC,EACC;AAHuC,CAAX,CAAzB","sourcesContent":["import { createIcon } from '../createIcon';\r\n\r\nexport const ChevronUpIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M20.2286 18L11.9973 9.62148L3.76862 17.9973L2 16.1971L12 6L22 16.1971L20.2286 18Z',\r\n});\r\n\r\nexport const ChevronDownIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M20.2286 6L11.9973 14.3785L3.76862 6.00268L2 7.80293L12 18L22 7.80293L20.2286 6Z',\r\n});\r\n\r\nexport const ChevronLeftIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M18 3.77141L9.62148 12.0027L17.9973 20.2314L16.1971 22L6 12L16.1971 2L18 3.77141Z',\r\n});\r\n\r\nexport const ChevronRightIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M6 3.77141L14.3785 12.0027L6.00268 20.2314L7.80293 22L18 12L7.80293 2L6 3.77141Z',\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Icon/Icons/Circle.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircleIcon = void 0;
+
+var _createIcon = require("../createIcon");
+
+const CircleIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M0 12C-2.34822e-08 13.5759 0.310389 15.1363 0.913445 16.5922C1.5165 18.0481 2.40042 19.371 3.51472 20.4853C4.62902 21.5996 5.95189 22.4835 7.4078 23.0866C8.86371 23.6896 10.4241 24 12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 10.4241 23.6896 8.86371 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913446C15.1363 0.310389 13.5759 0 12 0C10.4241 0 8.86371 0.310389 7.4078 0.913446C5.95189 1.5165 4.62902 2.40042 3.51472 3.51472C2.40042 4.62902 1.5165 5.95189 0.913445 7.4078C0.310389 8.86371 -2.34822e-08 10.4241 0 12Z'
+});
+exports.CircleIcon = CircleIcon;
+//# sourceMappingURL=Circle.js.map

package/lib/commonjs/components/primitives/Icon/Icons/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Circle.tsx"],"names":["CircleIcon","viewBox","d"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,UAAU,GAAG,4BAAW;AACnCC,EAAAA,OAAO,EAAE,WAD0B;AAEnCC,EAAAA,CAAC,EACC;AAHiC,CAAX,CAAnB","sourcesContent":["import { createIcon } from '../createIcon';\r\n\r\nexport const CircleIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M0 12C-2.34822e-08 13.5759 0.310389 15.1363 0.913445 16.5922C1.5165 18.0481 2.40042 19.371 3.51472 20.4853C4.62902 21.5996 5.95189 22.4835 7.4078 23.0866C8.86371 23.6896 10.4241 24 12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 10.4241 23.6896 8.86371 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913446C15.1363 0.310389 13.5759 0 12 0C10.4241 0 8.86371 0.310389 7.4078 0.913446C5.95189 1.5165 4.62902 2.40042 3.51472 3.51472C2.40042 4.62902 1.5165 5.95189 0.913445 7.4078C0.310389 8.86371 -2.34822e-08 10.4241 0 12Z',\r\n});\r\n"]}

package/lib/commonjs/components/primitives/Icon/Icons/Close.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmallCloseIcon = exports.CloseIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createIcon = require("../createIcon");
+
+var _nbSvg = require("../nbSvg");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CloseIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 24 24',
+  d: 'M12 9.77778L4.22222 2L2 4.22222L9.77778 12L2 19.7778L4.22222 22L12 14.2222L19.7778 22L22 19.7778L14.2222 12L22 4.22222L19.7778 2L12 9.77778Z'
+});
+exports.CloseIcon = CloseIcon;
+const SmallCloseIcon = (0, _createIcon.createIcon)({
+  viewBox: '0 0 16 16',
+  path: /*#__PURE__*/_react.default.createElement(_nbSvg.Path, {
+    d: "M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z",
+    fillRule: "evenodd",
+    fill: "currentColor"
+  })
+});
+exports.SmallCloseIcon = SmallCloseIcon;
+//# sourceMappingURL=Close.js.map

package/lib/commonjs/components/primitives/Icon/Icons/Close.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Close.tsx"],"names":["CloseIcon","viewBox","d","SmallCloseIcon","path"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG,4BAAW;AAClCC,EAAAA,OAAO,EAAE,WADyB;AAElCC,EAAAA,CAAC,EACC;AAHgC,CAAX,CAAlB;;AAMA,MAAMC,cAAc,GAAG,4BAAW;AACvCF,EAAAA,OAAO,EAAE,WAD8B;AAEvCG,EAAAA,IAAI,eACF,6BAAC,WAAD;AACE,IAAA,CAAC,EAAC,mPADJ;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,IAAI,EAAC;AAHP;AAHqC,CAAX,CAAvB","sourcesContent":["import React from 'react';\r\nimport { createIcon } from '../createIcon';\r\nimport { Path } from '../nbSvg';\r\n\r\nexport const CloseIcon = createIcon({\r\n  viewBox: '0 0 24 24',\r\n  d:\r\n    'M12 9.77778L4.22222 2L2 4.22222L9.77778 12L2 19.7778L4.22222 22L12 14.2222L19.7778 22L22 19.7778L14.2222 12L22 4.22222L19.7778 2L12 9.77778Z',\r\n});\r\n\r\nexport const SmallCloseIcon = createIcon({\r\n  viewBox: '0 0 16 16',\r\n  path: (\r\n    <Path\r\n      d=\"M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z\"\r\n      fillRule=\"evenodd\"\r\n      fill=\"currentColor\"\r\n    />\r\n  ),\r\n});\r\n"]}