react-native-system-ui 1.0.2 → 1.0.4

package/dist/cjs/components/switch/index.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () {
-    return _Switch.default;
-  }
-});
-exports.default = void 0;
-var _Switch = _interopRequireDefault(require("./Switch"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _Switch.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _Switch.default}}),exports.default=void 0;var _Switch=_interopRequireDefault(require("./Switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_Switch.default;

package/dist/cjs/components/switch/tokens.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSwitchTokens = void 0;
-var _designSystem = require("../../design-system");
-const createSwitchTokens = foundations => {
-  const {
-    palette,
-    opacity
-  } = foundations;
-  return {
-    defaults: {
-      size: 28,
-      disabled: false,
-      activeValue: true,
-      inactiveValue: false
-    },
-    colors: {
-      activeTrack: palette.primary[500],
-      inactiveTrack: palette.default[200],
-      handle: '#ffffff'
-    },
-    opacity: {
-      disabled: opacity.disabled,
-      pressed: opacity.pressed
-    }
-  };
-};
-const useSwitchTokens = exports.useSwitchTokens = (0, _designSystem.createComponentTokensHook)('switch', createSwitchTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSwitchTokens=void 0;var _designSystem=require("../../design-system");const createSwitchTokens=e=>{const{palette:s,opacity:t}=e;return{defaults:{size:28,disabled:!1,activeValue:!0,inactiveValue:!1},colors:{activeTrack:s.primary[500],inactiveTrack:s.default[200],handle:"#ffffff"},opacity:{disabled:t.disabled,pressed:t.pressed}}},useSwitchTokens=exports.useSwitchTokens=(0,_designSystem.createComponentTokensHook)("switch",createSwitchTokens);

package/dist/cjs/components/tabbar/Tabbar.js

@@ -1,149 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _designSystem = require("../../design-system");
-var _hooks = require("../../hooks");
-var _hairline = require("../../utils/hairline");
-var _safeAreaView = require("../safe-area-view");
-var _TabbarContext = require("./TabbarContext");
-var _tokens = require("./tokens");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TabbarBaseImpl = props => {
-  const {
-    children,
-    value,
-    defaultValue,
-    fixed: fixedP,
-    border: borderP,
-    zIndex = 1,
-    activeColor,
-    inactiveColor,
-    background: bgP,
-    placeholder: placeP,
-    safeAreaInsetBottom,
-    iconSize: iconSzP,
-    tokensOverride,
-    style,
-    contentStyle,
-    onChange,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useTabbarTokens)(tokensOverride);
-  const fixed = fixedP ?? tokens.defaults.fixed;
-  const border = borderP ?? tokens.defaults.border;
-  const background = bgP ?? tokens.colors.background;
-  const placeholder = placeP ?? tokens.defaults.placeholder;
-  const iconSize = iconSzP ?? tokens.icon.size;
-  const enableSafeBottom = safeAreaInsetBottom ?? fixed;
-  const items = (0, _react().useMemo)(() => _react().default.Children.toArray(children).filter(_react().default.isValidElement), [children]);
-  const firstName = items.length ? items[0].props.name ?? 0 : undefined;
-  const [activeValue, setActiveValue] = (0, _hooks.useControllableValue)(props, {
-    defaultValue: firstName,
-    valuePropName: 'value',
-    defaultValuePropName: 'defaultValue',
-    trigger: 'onChange'
-  });
-  const itemNames = items.map((item, i) => item.props.name ?? i);
-  const currentName = activeValue === undefined || activeValue === null ? firstName : itemNames.some(n => n === activeValue) ? activeValue : firstName;
-  const [barHeight, setBarHeight] = (0, _react().useState)(tokens.layout.height);
-  const enablePlaceholder = fixed && placeholder;
-  const handleLayout = (0, _react().useCallback)(event => {
-    if (!enablePlaceholder) return;
-    const h = event.nativeEvent.layout.height;
-    setBarHeight(prev => Math.abs(prev - h) < 0.5 ? prev : h);
-  }, [enablePlaceholder]);
-  const onSelect = (0, _react().useCallback)((name, index) => setActiveValue(name, index), [setActiveValue]);
-  const ctxVal = (0, _react().useMemo)(() => ({
-    activeValue: currentName,
-    activeColor: activeColor ?? tokens.colors.active,
-    inactiveColor: inactiveColor ?? tokens.colors.inactive,
-    fontSize: tokens.typography.fontSize,
-    fontWeight: tokens.typography.fontWeight,
-    onSelect
-  }), [activeColor, currentName, inactiveColor, onSelect, tokens.colors.active, tokens.colors.inactive, tokens.typography.fontSize, tokens.typography.fontWeight]);
-  const cloned = (0, _react().useMemo)(() => items.map((item, i) => {
-    const name = item.props.name ?? i;
-    return /*#__PURE__*/_react().default.cloneElement(item, {
-      key: item.key ?? name,
-      name,
-      index: i,
-      iconSize,
-      tokensOverride: (0, _designSystem.mergeTokensOverride)(tokensOverride, item.props.tokensOverride)
-    });
-  }), [iconSize, items, tokensOverride]);
-  if (items.length === 0) return null;
-  const ContainerWrap = enableSafeBottom ? _safeAreaView.SafeAreaView : _reactNative().View;
-  const placeStyle = {
-    height: barHeight
-  };
-  const ctrStyle = [S.c, fixed && [S.f, {
-    zIndex
-  }], style];
-  const barStyle = [S.b, {
-    backgroundColor: background,
-    paddingHorizontal: tokens.layout.paddingHorizontal,
-    minHeight: tokens.layout.height
-  }, contentStyle];
-  const rowStyle = [S.r, {
-    minHeight: tokens.layout.height
-  }];
-  return /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, enablePlaceholder && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    testID: "rv-tabbar-placeholder",
-    style: placeStyle
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({}, rest, {
-    style: ctrStyle,
-    onLayout: handleLayout
-  }), /*#__PURE__*/_react().default.createElement(ContainerWrap, {
-    style: barStyle
-  }, /*#__PURE__*/_react().default.createElement(_TabbarContext.TabbarContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: rowStyle,
-    accessibilityRole: "tablist"
-  }, cloned)), border && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _hairline.createHairlineView)({
-      position: 'top',
-      color: tokens.colors.border,
-      left: 0,
-      right: 0
-    })
-  }))));
-};
-const S = _reactNative().StyleSheet.create({
-  c: {
-    width: '100%'
-  },
-  b: {
-    width: '100%'
-  },
-  r: {
-    flexDirection: 'row'
-  },
-  f: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-});
-const TabbarBase = /*#__PURE__*/_react().default.memo(TabbarBaseImpl);
-TabbarBase.displayName = 'Tabbar';
-var _default = exports.default = TabbarBase;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _designSystem=require("../../design-system"),_hooks=require("../../hooks"),_hairline=require("../../utils/hairline"),_safeAreaView=require("../safe-area-view"),_TabbarContext=require("./TabbarContext"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,n,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?r:a){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(i,t,n):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const TabbarBaseImpl=e=>{const{children:t,value:a,defaultValue:r,fixed:o,border:n,zIndex:i=1,activeColor:l,inactiveColor:c,background:u,placeholder:s,safeAreaInsetBottom:d,iconSize:f,tokensOverride:_,style:p,contentStyle:b,onChange:h,...v}=e,y=(0,_tokens.useTabbarTokens)(_),g=o??y.defaults.fixed,m=n??y.defaults.border,k=u??y.colors.background,w=s??y.defaults.placeholder,x=f??y.icon.size,V=d??g,C=(0,_react().useMemo)(()=>_react().default.Children.toArray(t).filter(_react().default.isValidElement),[t]),T=C.length?C[0].props.name??0:void 0,[O,q]=(0,_hooks.useControllableValue)(e,{defaultValue:T,valuePropName:"value",defaultValuePropName:"defaultValue",trigger:"onChange"}),N=C.map((e,t)=>e.props.name??t),z=null==O?T:N.some(e=>e===O)?O:T,[E,M]=(0,_react().useState)(y.layout.height),W=g&&w,P=(0,_react().useCallback)(e=>{if(!W)return;const t=e.nativeEvent.layout.height;M(e=>Math.abs(e-t)<.5?e:t)},[W]),j=(0,_react().useCallback)((e,t)=>q(e,t),[q]),B=(0,_react().useMemo)(()=>({activeValue:z,activeColor:l??y.colors.active,inactiveColor:c??y.colors.inactive,fontSize:y.typography.fontSize,fontWeight:y.typography.fontWeight,onSelect:j}),[l,z,c,j,y.colors.active,y.colors.inactive,y.typography.fontSize,y.typography.fontWeight]),I=(0,_react().useMemo)(()=>C.map((e,t)=>{const a=e.props.name??t;return _react().default.cloneElement(e,{key:e.key??a,name:a,index:t,iconSize:x,tokensOverride:(0,_designSystem.mergeTokensOverride)(_,e.props.tokensOverride)})}),[x,C,_]);if(0===C.length)return null;const A=V?_safeAreaView.SafeAreaView:_reactNative().View,H={height:E},R=[S.c,g&&[S.f,{zIndex:i}],p],D=[S.b,{backgroundColor:k,paddingHorizontal:y.layout.paddingHorizontal,minHeight:y.layout.height},b],F=[S.r,{minHeight:y.layout.height}];return _react().default.createElement(_react().default.Fragment,null,W&&_react().default.createElement(_reactNative().View,{testID:"rv-tabbar-placeholder",style:H}),_react().default.createElement(_reactNative().View,_extends({},v,{style:R,onLayout:P}),_react().default.createElement(A,{style:D},_react().default.createElement(_TabbarContext.TabbarContext.Provider,{value:B},_react().default.createElement(_reactNative().View,{style:F,accessibilityRole:"tablist"},I)),m&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:y.colors.border,left:0,right:0})}))))},S=_reactNative().StyleSheet.create({c:{width:"100%"},b:{width:"100%"},r:{flexDirection:"row"},f:{position:"absolute",left:0,right:0,bottom:0}}),TabbarBase=_react().default.memo(TabbarBaseImpl);TabbarBase.displayName="Tabbar";var _default=exports.default=TabbarBase;

package/dist/cjs/components/tabbar/TabbarContext.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabbarContext = exports.TabbarContext = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const TabbarContext = exports.TabbarContext = /*#__PURE__*/_react().default.createContext(null);
-const useTabbarContext = () => (0, _react().useContext)(TabbarContext);
-exports.useTabbarContext = useTabbarContext;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(u,t,a):u[t]=e[t]);return u})(e,t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabbarContext=exports.TabbarContext=void 0;const TabbarContext=exports.TabbarContext=_react().default.createContext(null),useTabbarContext=()=>(0,_react().useContext)(TabbarContext);exports.useTabbarContext=useTabbarContext;

package/dist/cjs/components/tabbar/TabbarItem.js

@@ -1,159 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _hooks = require("../../hooks");
-var _validate = require("../../utils/validate");
-var _badge = _interopRequireDefault(require("../badge"));
-var _TabbarContext = require("./TabbarContext");
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TabbarItemImpl = p => {
-  const {
-    name,
-    icon,
-    badge,
-    dot = false,
-    onClick,
-    textStyle,
-    iconStyle,
-    children,
-    disabled = false,
-    style,
-    index,
-    testID,
-    iconSize,
-    tokensOverride,
-    ...rest
-  } = p;
-  const t = (0, _tokens.useTabbarTokens)(tokensOverride);
-  const ctx = (0, _TabbarContext.useTabbarContext)();
-  if (!ctx) return null;
-  const in_ = name ?? index ?? 0;
-  const ia = ctx.activeValue === in_;
-  const c = ia ? ctx.activeColor : ctx.inactiveColor;
-  const ris = iconSize ?? t.icon.size;
-  const ait = (0, _react().useCallback)(n => {
-    if ((0, _validate.isText)(n)) return /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-      style: {
-        color: c,
-        fontSize: ris
-      }
-    }, n);
-    if (! /*#__PURE__*/_react().default.isValidElement(n)) return n;
-    const e = n;
-    const np = {};
-    const pr = e.props ?? {};
-    if (pr['size'] == null) np['size'] = ris;
-    if (pr['fill'] == null) np['fill'] = c;
-    if (pr['color'] == null) np['color'] = c;
-    if (pr['style'] != null) np['style'] = [pr['style'], {
-      color: c
-    }];
-    return /*#__PURE__*/_react().default.cloneElement(e, np);
-  }, [c, ris]);
-  const ri = (0, _react().useCallback)(() => {
-    if (!icon) return null;
-    const r = (0, _validate.isFunction)(icon) ? icon(ia) : icon;
-    return ait(r);
-  }, [ait, icon, ia]);
-  const rl = (0, _react().useCallback)(() => (0, _validate.isFunction)(children) ? children(ia) : children, [children, ia]);
-  const ap = (0, _hooks.useAriaPress)({
-    disabled,
-    onPress: () => {
-      if (!disabled) {
-        onClick?.();
-        ctx.onSelect(in_, index ?? 0);
-      }
-    },
-    extraProps: {
-      accessibilityRole: 'tab',
-      accessibilityState: {
-        selected: ia,
-        disabled
-      },
-      testID: testID ?? `rv-tabbar-item-${in_}`
-    }
-  });
-  const srb = dot || (0, _validate.isRenderable)(badge);
-  const rb = (0, _react().useCallback)(() => {
-    if ((0, _validate.isRenderable)(badge)) {
-      if ((0, _validate.isText)(badge)) return /*#__PURE__*/_react().default.createElement(_badge.default, {
-        content: badge
-      });
-      if ((0, _validate.isPlainObject)(badge)) {
-        const bp = badge;
-        return /*#__PURE__*/_react().default.createElement(_badge.default, _extends({}, bp, {
-          dot: dot || bp.dot
-        }));
-      }
-      ;
-      return badge;
-    }
-    ;
-    return /*#__PURE__*/_react().default.createElement(_badge.default, {
-      dot: true
-    });
-  }, [badge, dot]);
-  const is_ = [S.i, {
-    height: t.layout.height,
-    paddingVertical: t.layout.paddingVertical,
-    opacity: disabled ? 0.5 : 1
-  }, style];
-  const ls = [S.l, {
-    color: c,
-    fontSize: ctx.fontSize,
-    fontWeight: ctx.fontWeight,
-    lineHeight: ctx.fontSize
-  }, textStyle];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, rest, ap.interactionProps, {
-    style: is_
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.iw, iconStyle]
-  }, ri(), srb && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: S.b
-  }, rb())), (0, _validate.isRenderable)(children) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: ls
-  }, rl()) : null);
-};
-const S = _reactNative().StyleSheet.create({
-  i: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 4
-  },
-  iw: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  b: {
-    position: 'absolute',
-    top: -4,
-    right: -12
-  },
-  l: {
-    includeFontPadding: false
-  }
-});
-const TabbarItem = /*#__PURE__*/_react().default.memo(TabbarItemImpl);
-TabbarItem.displayName = 'Tabbar.Item';
-var _default = exports.default = TabbarItem;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _hooks=require("../../hooks"),_validate=require("../../utils/validate"),_badge=_interopRequireDefault(require("../badge")),_TabbarContext=require("./TabbarContext"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(l,t,i):l[t]=e[t]);return l})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const TabbarItemImpl=e=>{const{name:t,icon:a,badge:r,dot:n=!1,onClick:i,textStyle:l,iconStyle:o,children:c,disabled:u=!1,style:s,index:d,testID:_,iconSize:f,tokensOverride:b,...p}=e,v=(0,_tokens.useTabbarTokens)(b),y=(0,_TabbarContext.useTabbarContext)();if(!y)return null;const m=t??d??0,g=y.activeValue===m,x=g?y.activeColor:y.inactiveColor,h=f??v.icon.size,k=(0,_react().useCallback)(e=>{if((0,_validate.isText)(e))return _react().default.createElement(_reactNative().Text,{style:{color:x,fontSize:h}},e);if(!_react().default.isValidElement(e))return e;const t=e,a={},r=t.props??{};return null==r.size&&(a.size=h),null==r.fill&&(a.fill=x),null==r.color&&(a.color=x),null!=r.style&&(a.style=[r.style,{color:x}]),_react().default.cloneElement(t,a)},[x,h]),T=(0,_react().useCallback)(()=>{if(!a)return null;const e=(0,_validate.isFunction)(a)?a(g):a;return k(e)},[k,a,g]),C=(0,_react().useCallback)(()=>(0,_validate.isFunction)(c)?c(g):c,[c,g]),q=(0,_hooks.useAriaPress)({disabled:u,onPress:()=>{u||(i?.(),y.onSelect(m,d??0))},extraProps:{accessibilityRole:"tab",accessibilityState:{selected:g,disabled:u},testID:_??`rv-tabbar-item-${m}`}}),I=n||(0,_validate.isRenderable)(r),P=(0,_react().useCallback)(()=>{if((0,_validate.isRenderable)(r)){if((0,_validate.isText)(r))return _react().default.createElement(_badge.default,{content:r});if((0,_validate.isPlainObject)(r)){const e=r;return _react().default.createElement(_badge.default,_extends({},e,{dot:n||e.dot}))}return r}return _react().default.createElement(_badge.default,{dot:!0})},[r,n]),E=[S.i,{height:v.layout.height,paddingVertical:v.layout.paddingVertical,opacity:u?.5:1},s],O=[S.l,{color:x,fontSize:y.fontSize,fontWeight:y.fontWeight,lineHeight:y.fontSize},l];return _react().default.createElement(_reactNative().Pressable,_extends({},p,q.interactionProps,{style:E}),_react().default.createElement(_reactNative().View,{style:[S.iw,o]},T(),I&&_react().default.createElement(_reactNative().View,{style:S.b},P())),(0,_validate.isRenderable)(c)?_react().default.createElement(_reactNative().Text,{style:O},C()):null)},S=_reactNative().StyleSheet.create({i:{flex:1,alignItems:"center",justifyContent:"center",gap:4},iw:{alignItems:"center",justifyContent:"center"},b:{position:"absolute",top:-4,right:-12},l:{includeFontPadding:!1}}),TabbarItem=_react().default.memo(TabbarItemImpl);TabbarItem.displayName="Tabbar.Item";var _default=exports.default=TabbarItem;

package/dist/cjs/components/tabbar/index.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TabbarItem", {
-  enumerable: true,
-  get: function () {
-    return _TabbarItem.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useTabbarTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens.useTabbarTokens;
-  }
-});
-var _Tabbar = _interopRequireDefault(require("./Tabbar"));
-var _TabbarItem = _interopRequireDefault(require("./TabbarItem"));
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Tabbar = _Tabbar.default;
-Tabbar.Item = _TabbarItem.default;
-var _default = exports.default = Tabbar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TabbarItem",{enumerable:!0,get:function(){return _TabbarItem.default}}),exports.default=void 0,Object.defineProperty(exports,"useTabbarTokens",{enumerable:!0,get:function(){return _tokens.useTabbarTokens}});var _Tabbar=_interopRequireDefault(require("./Tabbar")),_TabbarItem=_interopRequireDefault(require("./TabbarItem")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Tabbar=_Tabbar.default;Tabbar.Item=_TabbarItem.default;var _default=exports.default=Tabbar;

package/dist/cjs/components/tabbar/tokens.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabbarTokens = void 0;
-var _designSystem = require("../../design-system");
-const createTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize
-  } = foundations;
-  return {
-    defaults: {
-      fixed: true,
-      border: true,
-      placeholder: false,
-      safeAreaInsetBottom: false
-    },
-    colors: {
-      background: '#ffffff',
-      border: palette.default[200],
-      active: palette.primary[600],
-      inactive: palette.default[600]
-    },
-    layout: {
-      height: 50,
-      paddingHorizontal: 0,
-      paddingVertical: spacing.xs
-    },
-    icon: {
-      size: 22
-    },
-    typography: {
-      fontSize: fontSize.sm,
-      fontWeight: '400'
-    }
-  };
-};
-const useTabbarTokens = exports.useTabbarTokens = (0, _designSystem.createComponentTokensHook)('tabbar', createTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabbarTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:t,spacing:o,fontSize:s}=e;return{defaults:{fixed:!0,border:!0,placeholder:!1,safeAreaInsetBottom:!1},colors:{background:e.surface??"#ffffff",border:t.default[200],active:t.primary[600],inactive:t.default[600]},layout:{height:50,paddingHorizontal:0,paddingVertical:o.xs},icon:{size:22},typography:{fontSize:s.sm,fontWeight:"400"}}},useTabbarTokens=exports.useTabbarTokens=(0,_designSystem.createComponentTokensHook)("tabbar",createTokens);