@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.21.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.20.0...@tecsinapse/react-native-kit@1.21.0) (2022-09-05)
+
+**Note:** Version bump only for package @tecsinapse/react-native-kit
+
+
+
+
+
 # [1.20.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.19.0...@tecsinapse/react-native-kit@1.20.0) (2022-09-02)
 
 

package/dist/components/atoms/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
 import { AvatarProps } from '@tecsinapse/react-core';
 import React from 'react';
-export declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/components/atoms/Avatar/Avatar.js

@@ -1,23 +1,37 @@
-"use strict";
-
-exports.__esModule = true;
-exports.Avatar = void 0;
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Text = require("../Text");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Avatar = props => {
-  return _react.default.createElement(_reactCore.Avatar, _extends({}, props, {
-    TextComponent: _Text.Text
+'use strict';
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var Text = require('../Text/Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Avatar = (props) => {
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.Avatar, __spreadProps(__spreadValues({}, props), {
+    TextComponent: Text
   }));
 };
 
-exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar.js.map
+module.exports = Avatar;
+//# sourceMappingURL=Avatar.js.map

package/dist/components/atoms/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["Avatar","props","Text"],"sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nexport const Avatar: React.FC<AvatarProps> = props => {\n  return <AvatarCore {...props} TextComponent={Text} />;\n};\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEO,MAAMA,MAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,iBAAD,eAAgBA,KAAhB;IAAuB,aAAa,EAAEC;EAAtC,GAAP;AACD,CAFM"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n  return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["React","AvatarCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACC,mDAAe,KAAf,CAAA,EAAA;AAAA,IAAsB,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA,CAAA;AACrD;;;;"}

package/dist/components/atoms/Avatar/index.d.ts

@@ -1 +1 @@
-export { Avatar } from './Avatar';
+export { default as Avatar } from './Avatar';

package/dist/components/atoms/Badge/Badge.js

@@ -1,33 +1,62 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _Text = require("../Text");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Badge = ({
-  children,
-  fontColor = 'light',
-  value,
-  ...props
-}) => {
-  return _react.default.createElement(_reactCore.Badge, _extends({}, props, {
-    value: _react.default.createElement(_Text.Text, {
-      fontColor: fontColor,
-      fontWeight: 'bold',
-      typography: 'label'
+'use strict';
+
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var Text = require('../Text/Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Badge = (_a) => {
+  var _b = _a, {
+    children,
+    fontColor = "light",
+    value
+  } = _b, props = __objRest(_b, [
+    "children",
+    "fontColor",
+    "value"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.Badge, __spreadProps(__spreadValues({}, props), {
+    value: /* @__PURE__ */ React__default["default"].createElement(Text, {
+      fontColor,
+      fontWeight: "bold",
+      typography: "label"
     }, value)
   }), children);
 };
 
-var _default = Badge;
-exports.default = _default;
-//# sourceMappingURL=Badge.js.map
+module.exports = Badge;
+//# sourceMappingURL=Badge.js.map

package/dist/components/atoms/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","children","fontColor","value","props"],"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  BadgeProps,\n  Badge as BadgeCore,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;;;AAAA;;AACA;;AAKA;;;;;;AAOA,MAAMA,KAA2B,GAAG,CAAC;EACnCC,QADmC;EAEnCC,SAAS,GAAG,OAFuB;EAGnCC,KAHmC;EAInC,GAAGC;AAJgC,CAAD,KAK9B;EACJ,OACE,6BAAC,gBAAD,eACMA,KADN;IAEE,KAAK,EACH,6BAAC,UAAD;MAAM,SAAS,EAAEF,SAAjB;MAA4B,UAAU,EAAE,MAAxC;MAAgD,UAAU,EAAE;IAA5D,GACGC,KADH;EAHJ,IAQGF,QARH,CADF;AAYD,CAlBD;;eAoBeD,K"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  BadgeProps,\n  Badge as BadgeCore,\n  FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n  fontColor?: FontColorType;\n  value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n  children,\n  fontColor = 'light',\n  value,\n  ...props\n}) => {\n  return (\n    <BadgeCore\n      {...props}\n      value={\n        <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n          {value}\n        </Text>\n      }\n    >\n      {children}\n    </BadgeCore>\n  );\n};\n\nexport default Badge;\n"],"names":["React","BadgeCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,KAAA,GAA8B,CAAC,EAK/B,KAAA;AAL+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,OAAA;AAAA,IACZ,KAAA;AAAA,GAhBF,GAaqC,EAIhC,EAAA,KAAA,GAAA,SAAA,CAJgC,EAIhC,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,kDACK,KADL,CAAA,EAAA;AAAA,IAEC,uBACGD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,CAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Badge/index.d.ts

@@ -1 +1,2 @@
-export { default as Badge, BadgeNativeProps } from './Badge';
+export { default as Badge } from './Badge';
+export type { BadgeNativeProps } from './Badge';

package/dist/components/atoms/BottomNavigator/BottomNavigator.js

@@ -1,51 +1,83 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var styled = require('./styled.js');
+var Item = require('./Item.js');
+var Text = require('../Text/Text.js');
 
-var React = _interopRequireWildcard(require("react"));
-
-var _styled = require("./styled");
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-var _Text = require("../Text");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function BottomNavigator({
-  selected,
-  onSelect,
-  children,
-  ...rest
-}) {
-  return React.createElement(_styled.StyledView, rest, React.Children.map(children, child => {
-    const {
-      value,
-      label,
-      labelProps,
-      labelElement
-    } = child.props;
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BottomNavigator(_a) {
+  var _b = _a, {
+    selected,
+    onSelect,
+    children
+  } = _b, rest = __objRest(_b, [
+    "selected",
+    "onSelect",
+    "children"
+  ]);
+  return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, __spreadValues({}, rest), React__namespace.Children.map(children, (child) => {
+    const { value, label, labelProps, labelElement } = child.props;
     const isSelected = value == selected;
-    return React.createElement(_styled.TabContainer, {
+    return /* @__PURE__ */ React__namespace.createElement(styled.TabContainer, {
       selected: isSelected,
       onPress: () => onSelect(value)
-    }, React.cloneElement(child, {
+    }, React__namespace.cloneElement(child, {
       _selected: isSelected
-    }), label && !labelElement && React.createElement(_Text.Text, _extends({
-      colorVariant: labelProps != null && labelProps.colorVariant || isSelected ? 'primary' : 'secondary',
-      typography: (labelProps == null ? void 0 : labelProps.typography) || 'sub'
+    }), label && !labelElement && /* @__PURE__ */ React__namespace.createElement(Text, __spreadValues({
+      colorVariant: (labelProps == null ? void 0 : labelProps.colorVariant) || isSelected ? "primary" : "secondary",
+      typography: (labelProps == null ? void 0 : labelProps.typography) || "sub"
     }, labelProps), label), labelElement && labelElement);
   }));
 }
+BottomNavigator.Item = Item;
 
-BottomNavigator.Item = _Item.default;
-var _default = BottomNavigator;
-exports.default = _default;
-//# sourceMappingURL=BottomNavigator.js.map
+module.exports = BottomNavigator;
+//# sourceMappingURL=BottomNavigator.js.map

package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomNavigator.js","names":["BottomNavigator","selected","onSelect","children","rest","React","Children","map","child","value","label","labelProps","labelElement","props","isSelected","cloneElement","_selected","colorVariant","typography","Item"],"sources":["../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n  extends ViewProps {\n  selected: T;\n  onSelect: (value: T) => void | never;\n  children:\n    | React.ReactElement<BottomNavigatorItemProps<T>>\n    | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n  selected,\n  onSelect,\n  children,\n  ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n  return (\n    <StyledView {...rest}>\n      {React.Children.map(children, child => {\n        const { value, label, labelProps, labelElement } = (\n          child as React.ReactElement<BottomNavigatorItemProps<T>>\n        ).props;\n        const isSelected = value == selected;\n\n        return (\n          <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n            {React.cloneElement(child as React.ReactElement, {\n              _selected: isSelected,\n            })}\n            {label && !labelElement && (\n              <Text\n                colorVariant={\n                  labelProps?.colorVariant || isSelected\n                    ? 'primary'\n                    : 'secondary'\n                }\n                typography={labelProps?.typography || 'sub'}\n                {...labelProps}\n              >\n                {label}\n              </Text>\n            )}\n            {labelElement && labelElement}\n          </TabContainer>\n        );\n      })}\n    </StyledView>\n  );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;;;AAWA,SAASA,eAAT,CAA6D;EAC3DC,QAD2D;EAE3DC,QAF2D;EAG3DC,QAH2D;EAI3D,GAAGC;AAJwD,CAA7D,EAKyC;EACvC,OACE,oBAAC,kBAAD,EAAgBA,IAAhB,EACGC,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA6BK,KAAK,IAAI;IACrC,MAAM;MAAEC,KAAF;MAASC,KAAT;MAAgBC,UAAhB;MAA4BC;IAA5B,IACJJ,KADiD,CAEjDK,KAFF;IAGA,MAAMC,UAAU,GAAGL,KAAK,IAAIR,QAA5B;IAEA,OACE,oBAAC,oBAAD;MAAc,QAAQ,EAAEa,UAAxB;MAAoC,OAAO,EAAE,MAAMZ,QAAQ,CAACO,KAAD;IAA3D,GACGJ,KAAK,CAACU,YAAN,CAAmBP,KAAnB,EAAgD;MAC/CQ,SAAS,EAAEF;IADoC,CAAhD,CADH,EAIGJ,KAAK,IAAI,CAACE,YAAV,IACC,oBAAC,UAAD;MACE,YAAY,EACVD,UAAU,QAAV,IAAAA,UAAU,CAAEM,YAAZ,IAA4BH,UAA5B,GACI,SADJ,GAEI,WAJR;MAME,UAAU,EAAE,CAAAH,UAAU,QAAV,YAAAA,UAAU,CAAEO,UAAZ,KAA0B;IANxC,GAOMP,UAPN,GASGD,KATH,CALJ,EAiBGE,YAAY,IAAIA,YAjBnB,CADF;EAqBD,CA3BA,CADH,CADF;AAgCD;;AAEDZ,eAAe,CAACmB,IAAhB,GAAuBA,aAAvB;eAEenB,e"}
+{"version":3,"file":"BottomNavigator.js","sources":["../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n  extends ViewProps {\n  selected: T;\n  onSelect: (value: T) => void | never;\n  children:\n    | React.ReactElement<BottomNavigatorItemProps<T>>\n    | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n  selected,\n  onSelect,\n  children,\n  ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n  return (\n    <StyledView {...rest}>\n      {React.Children.map(children, child => {\n        const { value, label, labelProps, labelElement } = (\n          child as React.ReactElement<BottomNavigatorItemProps<T>>\n        ).props;\n        const isSelected = value == selected;\n\n        return (\n          <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n            {React.cloneElement(child as React.ReactElement, {\n              _selected: isSelected,\n            })}\n            {label && !labelElement && (\n              <Text\n                colorVariant={\n                  labelProps?.colorVariant || isSelected\n                    ? 'primary'\n                    : 'secondary'\n                }\n                typography={labelProps?.typography || 'sub'}\n                {...labelProps}\n              >\n                {label}\n              </Text>\n            )}\n            {labelElement && labelElement}\n          </TabContainer>\n        );\n      })}\n    </StyledView>\n  );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["StyledView","React","TabContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,gBAAoD,EAKpB,EAAA;AALoB,EAC3D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAlBF,GAe6D,EAIxD,EAAA,IAAA,GAAA,SAAA,CAJwD,EAIxD,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,sDACGA,iBAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACbC,iBAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,mBAAA,EAAA;AAAA,MAAa,QAAU,EAAA,UAAA;AAAA,MAAY,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,KAC9D,EAAAD,gBAAA,CAAM,aAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,gCACRA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,MACC,YACE,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,YAAgB,KAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,MAEN,UAAA,EAAA,CAAY,yCAAY,UAAc,KAAA,KAAA;AAAA,KAAA,EAClC,UAEH,CAAA,EAAA,KACH,CAED,EAAA,YAAA,IAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}

package/dist/components/atoms/BottomNavigator/Item.js

@@ -1,43 +1,80 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var styled = require('./styled.js');
 
-var React = _interopRequireWildcard(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
 
-function Item({
-  _selected,
-  icon,
-  children,
-  ...rest
-}) {
-  const styledButtonStyle = _selected ? undefined : {
-    backgroundColor: 'transparent'
-  };
-  const iconColorVariant = _selected ? 'primary' : 'secondary';
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function Item(_a) {
+  var _b = _a, {
+    _selected,
+    icon,
+    children
+  } = _b, rest = __objRest(_b, [
+    "_selected",
+    "icon",
+    "children"
+  ]);
+  const styledButtonStyle = _selected ? void 0 : { backgroundColor: "transparent" };
+  const iconColorVariant = _selected ? "primary" : "secondary";
   if (icon) {
-    return React.createElement(_styled.TabContent, _extends({
+    return /* @__PURE__ */ React__namespace.createElement(styled.TabContent, __spreadValues({
       style: styledButtonStyle
-    }, rest), React.createElement(_reactCore.Icon, _extends({
+    }, rest), /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, __spreadValues({
       colorVariant: iconColorVariant,
-      size: 'centi'
+      size: "centi"
     }, icon)));
   } else {
-    return React.createElement(_styled.CustomTabContent, null, children);
+    return /* @__PURE__ */ React__namespace.createElement(styled.CustomTabContent, null, children);
   }
 }
 
-var _default = Item;
-exports.default = _default;
-//# sourceMappingURL=Item.js.map
+module.exports = Item;
+//# sourceMappingURL=Item.js.map

package/dist/components/atoms/BottomNavigator/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["Item","_selected","icon","children","rest","styledButtonStyle","undefined","backgroundColor","iconColorVariant"],"sources":["../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n  extends Omit<ViewProps, 'children'> {\n  _selected?: boolean;\n  value: T;\n  icon: IconProps;\n  label?: string;\n  labelProps?: TextNativeProps;\n  labelElement?: React.ReactNode | React.ReactNode[];\n  children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n  _selected,\n  icon,\n  children,\n  ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n  const styledButtonStyle = _selected\n    ? undefined\n    : { backgroundColor: 'transparent' };\n\n  const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n  if (icon) {\n    return (\n      <TabContent style={styledButtonStyle} {...rest}>\n        <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n      </TabContent>\n    );\n  } else {\n    return <CustomTabContent>{children}</CustomTabContent>;\n  }\n}\n\nexport default Item;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AA6BA,SAASA,IAAT,CAAmC;EACjCC,SADiC;EAEjCC,IAFiC;EAGjCC,QAHiC;EAIjC,GAAGC;AAJ8B,CAAnC,EAKsD;EACpD,MAAMC,iBAAiB,GAAGJ,SAAS,GAC/BK,SAD+B,GAE/B;IAAEC,eAAe,EAAE;EAAnB,CAFJ;EAIA,MAAMC,gBAAgB,GAAGP,SAAS,GAAG,SAAH,GAAe,WAAjD;;EAEA,IAAIC,IAAJ,EAAU;IACR,OACE,oBAAC,kBAAD;MAAY,KAAK,EAAEG;IAAnB,GAA0CD,IAA1C,GACE,oBAAC,eAAD;MAAM,YAAY,EAAEI,gBAApB;MAAsC,IAAI,EAAE;IAA5C,GAAyDN,IAAzD,EADF,CADF;EAKD,CAND,MAMO;IACL,OAAO,oBAAC,wBAAD,QAAmBC,QAAnB,CAAP;EACD;AACF;;eAEcH,I"}
+{"version":3,"file":"Item.js","sources":["../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n  extends Omit<ViewProps, 'children'> {\n  _selected?: boolean;\n  value: T;\n  icon: IconProps;\n  label?: string;\n  labelProps?: TextNativeProps;\n  labelElement?: React.ReactNode | React.ReactNode[];\n  children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n  BottomNavigatorItemProps<T>,\n  'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n  _selected,\n  icon,\n  children,\n  ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n  const styledButtonStyle = _selected\n    ? undefined\n    : { backgroundColor: 'transparent' };\n\n  const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n  if (icon) {\n    return (\n      <TabContent style={styledButtonStyle} {...rest}>\n        <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n      </TabContent>\n    );\n  } else {\n    return <CustomTabContent>{children}</CustomTabContent>;\n  }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,KAA0B,EAKmB,EAAA;AALnB,EACjC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,GAlCF,GA+BmC,EAI9B,EAAA,IAAA,GAAA,SAAA,CAJ8B,EAI9B,EAAA;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,cAAA,CAAA;AAAA,MAAW,KAAO,EAAA,iBAAA;AAAA,KAAA,EAAuB,uBACvCD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA,cAAA,CAAA;AAAA,MAAK,YAAc,EAAA,gBAAA;AAAA,MAAkB,IAAM,EAAA,OAAA;AAAA,KAAA,EAAa,KAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAAF,gBAAA,CAAA,aAAA,CAACG,+BAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}

package/dist/components/atoms/BottomNavigator/index.d.ts

@@ -1,2 +1,3 @@
-export { default as BottomNavigator, BottomNavigatorProps, } from './BottomNavigator';
-export { BottomNavigatorItemProps } from './Item';
+export { default as BottomNavigator } from './BottomNavigator';
+export { BottomNavigatorProps } from './BottomNavigator';
+export type { BottomNavigatorItemProps } from './Item';

package/dist/components/atoms/BottomNavigator/styled.js

@@ -1,59 +1,42 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.TabContent = exports.TabContainer = exports.StyledView = exports.CustomTabContent = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledView = _native.default.View`
+const StyledView = styled__default["default"].View`
   flex-direction: row;
   justify-content: space-between;
-  padding-horizontal: ${({
-  theme
-}) => theme.spacing.deca};
-  padding-bottom: ${({
-  theme
-}) => theme.spacing.kilo};
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
+  padding-horizontal: ${({ theme }) => theme.spacing.deca};
+  padding-bottom: ${({ theme }) => theme.spacing.kilo};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
 `;
-exports.StyledView = StyledView;
-const TabContainer = _native.default.Pressable`
+const TabContainer = styled__default["default"].Pressable`
   flex: 1;
-  margin-horizontal: ${({
-  theme
-}) => theme.spacing.mili};
-  padding-top: ${({
-  theme
-}) => theme.spacing.deca};
-  border-top-width: ${({
-  selected
-}) => selected ? (0, _reactCore.RFValueStr)('2px') : 0};
-  border-color: ${({
-  theme
-}) => theme.color.primary.medium};
+  margin-horizontal: ${({ theme }) => theme.spacing.mili};
+  padding-top: ${({ theme }) => theme.spacing.deca};
+  border-top-width: ${({ selected }) => selected ? reactCore.RFValueStr("2px") : 0};
+  border-color: ${({ theme }) => theme.color.primary.medium};
   align-items: center;
   justify-content: flex-end;
 `;
-exports.TabContainer = TabContainer;
-const TabContent = _native.default.View`
+const TabContent = styled__default["default"].View`
   aspect-ratio: 1;
   justify-content: center;
   align-items: center;
-  min-height: ${(0, _reactCore.RFValueStr)('48px')};
-  background-color: ${({
-  theme
-}) => theme.color.primary.xlight};
-  border-radius: ${({
-  theme
-}) => theme.borderRadius['mili']};
+  min-height: ${reactCore.RFValueStr("48px")};
+  background-color: ${({ theme }) => theme.color.primary.xlight};
+  border-radius: ${({ theme }) => theme.borderRadius["mili"]};
 `;
-exports.TabContent = TabContent;
-const CustomTabContent = _native.default.View``;
+const CustomTabContent = styled__default["default"].View``;
+
 exports.CustomTabContent = CustomTabContent;
-//# sourceMappingURL=styled.js.map
+exports.StyledView = StyledView;
+exports.TabContainer = TabContainer;
+exports.TabContent = TabContent;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/BottomNavigator/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledView","styled","View","theme","spacing","deca","kilo","miscellaneous","surfaceColor","TabContainer","Pressable","mili","selected","RFValueStr","color","primary","medium","TabContent","xlight","borderRadius","CustomTabContent"],"sources":["../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n  padding-bottom: ${({ theme }) => theme.spacing.kilo};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n  { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n  flex: 1;\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n  padding-top: ${({ theme }) => theme.spacing.deca};\n  border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n  border-color: ${({ theme }) => theme.color.primary.medium};\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  justify-content: center;\n  align-items: center;\n  min-height: ${RFValueStr('48px')};\n  background-color: ${({ theme }) => theme.color.primary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAGO,MAAMA,UAAU,GAAGC,eAAA,CAAOC,IAAsC;AACvE;AACA;AACA,wBAAwB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC1D,oBAAoB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcE,IAAK;AACtD,sBAAsB,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAa;AACtE,CANO;;AAQA,MAAMC,YAAY,GAAGR,eAAA,CAAOS,SAEjC;AACF;AACA,uBAAuB,CAAC;EAAEP;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACzD,iBAAiB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACnD,sBAAsB,CAAC;EAAEO;AAAF,CAAD,KAAmBA,QAAQ,GAAG,IAAAC,qBAAA,EAAW,KAAX,CAAH,GAAuB,CAAG;AAC3E,kBAAkB,CAAC;EAAEV;AAAF,CAAD,KAAeA,KAAK,CAACW,KAAN,CAAYC,OAAZ,CAAoBC,MAAO;AAC5D;AACA;AACA,CAVO;;AAYA,MAAMC,UAAU,GAAGhB,eAAA,CAAOC,IAAsC;AACvE;AACA;AACA;AACA,gBAAgB,IAAAW,qBAAA,EAAW,MAAX,CAAmB;AACnC,sBAAsB,CAAC;EAAEV;AAAF,CAAD,KAAeA,KAAK,CAACW,KAAN,CAAYC,OAAZ,CAAoBG,MAAO;AAChE,mBAAmB,CAAC;EAAEf;AAAF,CAAD,KAAeA,KAAK,CAACgB,YAAN,CAAmB,MAAnB,CAA2B;AAC7D,CAPO;;AASA,MAAMC,gBAAgB,GAAGnB,eAAA,CAAOC,IAAsC,EAAtE"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n  flex-direction: row;\n  justify-content: space-between;\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n  padding-bottom: ${({ theme }) => theme.spacing.kilo};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n  { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n  flex: 1;\n  margin-horizontal: ${({ theme }) => theme.spacing.mili};\n  padding-top: ${({ theme }) => theme.spacing.deca};\n  border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n  border-color: ${({ theme }) => theme.color.primary.medium};\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  justify-content: center;\n  align-items: center;\n  min-height: ${RFValueStr('48px')};\n  background-color: ${({ theme }) => theme.color.primary.xlight};\n  border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["styled","RFValueStr"],"mappings":";;;;;;;;;;;AAIO,MAAM,aAAaA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,eAAeA,0BAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,QAAA,OAAgB,QAAW,GAAAC,oBAAA,CAAW,KAAK,CAAI,GAAA,CAAA,CAAA;AAAA,gBAAA,EACtD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAM,aAAaD,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjBC,qBAAW,MAAM,CAAA,CAAA;AAAA,oBAAA,EACX,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,MAAA,CAAA,CAAA;AAAA,EAAA;AAG9C,MAAM,mBAAmBD,0BAAO,CAAA,IAAA,CAAA;;;;;;;"}