react-native-system-ui 1.0.2 → 1.0.3

package/dist/cjs/components/share-sheet/ShareSheet.js

@@ -1,287 +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 _hairline = require("../../utils/hairline");
-var _validate = require("../../utils/validate");
-var _utils = require("../../utils");
-var _popup = _interopRequireDefault(require("../popup"));
-var _useLocale = require("../config-provider/useLocale");
-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 no = o => {
-  if (!o || o.length === 0) return [];
-  if (Array.isArray(o[0])) return o;
-  return [o];
-};
-const ShareSheetOptionItem = /*#__PURE__*/_react().default.memo(({
-  option: o,
-  index: i,
-  columns: cols,
-  tokens: t,
-  onSelect: os
-}) => {
-  const ows = {
-    width: `${100 / cols}%`
-  };
-  const is = {
-    width: t.sizing.icon,
-    height: t.sizing.icon
-  };
-  const p = (0, _hooks.useAriaPress)({
-    onPress: () => os(o, i),
-    extraProps: {
-      accessibilityRole: 'menuitem',
-      accessibilityLabel: (0, _validate.isText)(o.name) ? String(o.name) : undefined,
-      testID: `rv-share-sheet-item-${i}`
-    }
-  });
-  const iconNode = (0, _validate.isText)(o.icon) ? (0, _utils.renderTextOrNode)(o.icon, []) : o.icon;
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    style: [S.o, ows]
-  }, p.interactionProps), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.ic, is, {
-      marginHorizontal: t.spacing.iconMarginHorizontal
-    }]
-  }, iconNode), (0, _validate.isValidNode)(o.name) && (0, _utils.renderTextOrNode)(o.name, [S.ot, {
-    color: t.colors.option,
-    fontFamily: t.typography.fontFamily,
-    fontSize: t.typography.option,
-    paddingHorizontal: t.spacing.optionTextPaddingHorizontal
-  }]), (0, _validate.isValidNode)(o.description) && ((0, _validate.isText)(o.description) ? (0, _utils.renderTextOrNode)(o.description, [S.od, {
-    color: t.colors.optionDesc,
-    fontFamily: t.typography.fontFamily,
-    marginTop: t.spacing.gap,
-    fontSize: t.typography.optionDesc,
-    paddingHorizontal: t.spacing.optionDescPaddingHorizontal
-  }]) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.odn, {
-      marginTop: t.spacing.gap,
-      paddingHorizontal: t.spacing.optionDescPaddingHorizontal
-    }]
-  }, o.description)));
-});
-const ShareSheetCancel = /*#__PURE__*/_react().default.memo(({
-  cancelText: ct,
-  tokens: t,
-  onPress: op
-}) => {
-  const cp = (0, _hooks.useAriaPress)({
-    onPress: op,
-    extraProps: {
-      testID: 'rv-share-sheet-cancel',
-      accessibilityRole: 'button'
-    }
-  });
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      backgroundColor: t.colors.divider
-    }
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    style: [S.c, {
-      backgroundColor: t.colors.background,
-      paddingVertical: t.spacing.cancelPaddingVertical,
-      marginTop: t.spacing.cancelMarginTop
-    }]
-  }, cp.interactionProps), (0, _utils.renderTextOrNode)(ct, [S.ct, {
-    color: t.colors.option,
-    fontFamily: t.typography.fontFamily,
-    fontSize: t.typography.cancel
-  }])));
-});
-const ShareSheetImpl = p => {
-  const locale = (0, _useLocale.useLocale)();
-  const {
-    visible,
-    title,
-    description,
-    cancelText = locale?.vanShareSheet?.cancel ?? locale?.cancel ?? 'Cancel',
-    options,
-    columns = 4,
-    closeOnSelect = true,
-    safeAreaInsetBottom = true,
-    children,
-    tokensOverride,
-    onSelect,
-    onCancel,
-    onClose,
-    lockScroll = true,
-    overlay = true,
-    round = true,
-    style: ps,
-    placement: _p,
-    position: _pos,
-    ...pp
-  } = p;
-  const t = (0, _tokens.useShareSheetTokens)(tokensOverride);
-  const gs = no(options);
-  const rc = (0, _validate.isFiniteNumber)(columns) ? Math.max(1, Math.floor(columns)) : 4;
-  const ht = (0, _validate.isValidNode)(title);
-  const hd = (0, _validate.isValidNode)(description);
-  const hc = (0, _validate.isValidNode)(cancelText);
-  const ocr = (0, _react().useRef)(onCancel),
-    ocrr = (0, _react().useRef)(onClose),
-    osr = (0, _react().useRef)(onSelect);
-  ocr.current = onCancel;
-  ocrr.current = onClose;
-  osr.current = onSelect;
-  const cl = (0, _react().useCallback)(ic => {
-    if (ic) ocr.current?.();
-    ocrr.current?.();
-  }, []);
-  const hs = (0, _react().useCallback)((o, i) => {
-    osr.current?.(o, i);
-    o.onPress?.(o);
-    if (closeOnSelect) cl();
-  }, [cl, closeOnSelect]);
-  const opc = (0, _react().useCallback)(() => cl(true), [cl]);
-  const ws = [S.w, {
-    backgroundColor: t.colors.background
-  }];
-  const grs = [S.or, {
-    paddingLeft: t.spacing.gap,
-    paddingVertical: 12
-  }];
-  const gn = (0, _react().useMemo)(() => {
-    if (!gs.length) return null;
-    let gi = 0;
-    return gs.map((g, gidx) => /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      key: gidx
-    }, gidx > 0 && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: (0, _hairline.createHairlineView)({
-        position: 'top',
-        color: t.colors.border,
-        left: t.spacing.horizontal,
-        right: t.spacing.horizontal
-      })
-    }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: grs
-    }, g.map(o => {
-      const ci = gi++;
-      return /*#__PURE__*/_react().default.createElement(ShareSheetOptionItem, {
-        key: o.key ?? ci,
-        option: o,
-        index: ci,
-        columns: rc,
-        tokens: t,
-        onSelect: hs
-      });
-    }))));
-  }, [gs, grs, hs, rc, t]);
-  const hn = (0, _react().useMemo)(() => {
-    if (!ht && !hd) return null;
-    return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [S.h, {
-        paddingTop: t.spacing.headerPaddingTop,
-        paddingHorizontal: t.spacing.headerPaddingHorizontal,
-        paddingBottom: t.spacing.headerPaddingBottom
-      }]
-    }, ht && ((0, _validate.isText)(title) ? (0, _utils.renderTextOrNode)(title, [S.t, {
-      color: t.colors.title,
-      fontFamily: t.typography.fontFamily,
-      fontSize: t.typography.title,
-      marginTop: t.spacing.titleMarginTop
-    }]) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [S.n, {
-        marginTop: t.spacing.nodeMarginTop
-      }]
-    }, title)), hd && ((0, _validate.isText)(description) ? (0, _utils.renderTextOrNode)(description, [S.d, {
-      color: t.colors.description,
-      fontFamily: t.typography.fontFamily,
-      fontSize: t.typography.description,
-      marginTop: t.spacing.descriptionMarginTop
-    }]) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: [S.n, {
-        marginTop: t.spacing.nodeMarginTop
-      }]
-    }, description)));
-  }, [description, hd, ht, title, t.colors.description, t.colors.title, t.spacing.descriptionMarginTop, t.spacing.headerPaddingBottom, t.spacing.headerPaddingHorizontal, t.spacing.headerPaddingTop, t.spacing.nodeMarginTop, t.spacing.titleMarginTop, t.typography.description, t.typography.fontFamily, t.typography.title]);
-  const psm = [{
-    padding: t.spacing.popupPadding
-  }, ps];
-  return /*#__PURE__*/_react().default.createElement(_popup.default, _extends({}, pp, {
-    visible: visible,
-    placement: "bottom",
-    round: round,
-    safeAreaInsetBottom: safeAreaInsetBottom,
-    overlay: overlay,
-    lockScroll: lockScroll,
-    onClose: opc,
-    style: psm
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    accessibilityRole: "menu",
-    style: ws
-  }, hn, gn, children, hc && /*#__PURE__*/_react().default.createElement(ShareSheetCancel, {
-    cancelText: cancelText,
-    tokens: t,
-    onPress: opc
-  })));
-};
-const S = _reactNative().StyleSheet.create({
-  w: {
-    width: '100%'
-  },
-  h: {
-    alignItems: 'center'
-  },
-  t: {
-    fontWeight: 'normal',
-    textAlign: 'center'
-  },
-  d: {
-    textAlign: 'center'
-  },
-  n: {
-    alignItems: 'center'
-  },
-  or: {
-    flexDirection: 'row',
-    flexWrap: 'wrap'
-  },
-  o: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  ic: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  ot: {
-    fontWeight: '500',
-    textAlign: 'center'
-  },
-  od: {
-    textAlign: 'center'
-  },
-  odn: {
-    alignItems: 'center'
-  },
-  c: {
-    alignItems: 'center'
-  },
-  ct: {
-    fontWeight: '500'
-  }
-});
-const ShareSheet = /*#__PURE__*/_react().default.memo(ShareSheetImpl);
-ShareSheet.displayName = 'ShareSheet';
-var _default = exports.default = ShareSheet;
+"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"),_hairline=require("../../utils/hairline"),_validate=require("../../utils/validate"),_utils=require("../../utils"),_popup=_interopRequireDefault(require("../popup")),_useLocale=require("../config-provider/useLocale"),_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,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(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 no=e=>e&&0!==e.length?Array.isArray(e[0])?e:[e]:[],ShareSheetOptionItem=_react().default.memo(({option:e,index:t,columns:a,tokens:r,onSelect:n})=>{const i={width:100/a+"%"},o={width:r.sizing.icon,height:r.sizing.icon},c=(0,_hooks.useAriaPress)({onPress:()=>n(e,t),extraProps:{accessibilityRole:"menuitem",accessibilityLabel:(0,_validate.isText)(e.name)?String(e.name):void 0,testID:`rv-share-sheet-item-${t}`}}),l=(0,_validate.isText)(e.icon)?(0,_utils.renderTextOrNode)(e.icon,[]):e.icon;return _react().default.createElement(_reactNative().Pressable,_extends({style:[S.o,i]},c.interactionProps),_react().default.createElement(_reactNative().View,{style:[S.ic,o,{marginHorizontal:r.spacing.iconMarginHorizontal}]},l),(0,_validate.isValidNode)(e.name)&&(0,_utils.renderTextOrNode)(e.name,[S.ot,{color:r.colors.option,fontFamily:r.typography.fontFamily,fontSize:r.typography.option,paddingHorizontal:r.spacing.optionTextPaddingHorizontal}]),(0,_validate.isValidNode)(e.description)&&((0,_validate.isText)(e.description)?(0,_utils.renderTextOrNode)(e.description,[S.od,{color:r.colors.optionDesc,fontFamily:r.typography.fontFamily,marginTop:r.spacing.gap,fontSize:r.typography.optionDesc,paddingHorizontal:r.spacing.optionDescPaddingHorizontal}]):_react().default.createElement(_reactNative().View,{style:[S.odn,{marginTop:r.spacing.gap,paddingHorizontal:r.spacing.optionDescPaddingHorizontal}]},e.description)))}),ShareSheetCancel=_react().default.memo(({cancelText:e,tokens:t,onPress:a})=>{const r=(0,_hooks.useAriaPress)({onPress:a,extraProps:{testID:"rv-share-sheet-cancel",accessibilityRole:"button"}});return _react().default.createElement(_reactNative().View,{style:{backgroundColor:t.colors.divider}},_react().default.createElement(_reactNative().Pressable,_extends({style:[S.c,{backgroundColor:t.colors.background,paddingVertical:t.spacing.cancelPaddingVertical,marginTop:t.spacing.cancelMarginTop}]},r.interactionProps),(0,_utils.renderTextOrNode)(e,[S.ct,{color:t.colors.option,fontFamily:t.typography.fontFamily,fontSize:t.typography.cancel}])))}),ShareSheetImpl=e=>{const t=(0,_useLocale.useLocale)(),{visible:a,title:r,description:n,cancelText:i=t?.vanShareSheet?.cancel??t?.cancel??"Cancel",options:o,columns:c=4,closeOnSelect:l=!0,safeAreaInsetBottom:s=!0,children:d,tokensOverride:p,onSelect:u,onCancel:g,onClose:_,lockScroll:f=!0,overlay:h=!0,round:m=!0,style:y,placement:v,position:x,...T}=e,k=(0,_tokens.useShareSheetTokens)(p),P=no(o),b=(0,_validate.isFiniteNumber)(c)?Math.max(1,Math.floor(c)):4,N=(0,_validate.isValidNode)(r),w=(0,_validate.isValidNode)(n),z=(0,_validate.isValidNode)(i),M=(0,_react().useRef)(g),V=(0,_react().useRef)(_),O=(0,_react().useRef)(u);M.current=g,V.current=_,O.current=u;const E=(0,_react().useCallback)(e=>{e&&M.current?.(),V.current?.()},[]),q=(0,_react().useCallback)((e,t)=>{O.current?.(e,t),e.onPress?.(e),l&&E()},[E,l]),C=(0,_react().useCallback)(()=>E(!0),[E]),I=[S.w,{backgroundColor:k.colors.background}],F=[S.or,{paddingLeft:k.spacing.gap,paddingVertical:12}],H=(0,_react().useMemo)(()=>{if(!P.length)return null;let e=0;return P.map((t,a)=>_react().default.createElement(_reactNative().View,{key:a},a>0&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"top",color:k.colors.border,left:k.spacing.horizontal,right:k.spacing.horizontal})}),_react().default.createElement(_reactNative().View,{style:F},t.map(t=>{const a=e++;return _react().default.createElement(ShareSheetOptionItem,{key:t.key??a,option:t,index:a,columns:b,tokens:k,onSelect:q})}))))},[P,F,q,b,k]),R=(0,_react().useMemo)(()=>N||w?_react().default.createElement(_reactNative().View,{style:[S.h,{paddingTop:k.spacing.headerPaddingTop,paddingHorizontal:k.spacing.headerPaddingHorizontal,paddingBottom:k.spacing.headerPaddingBottom}]},N&&((0,_validate.isText)(r)?(0,_utils.renderTextOrNode)(r,[S.t,{color:k.colors.title,fontFamily:k.typography.fontFamily,fontSize:k.typography.title,marginTop:k.spacing.titleMarginTop}]):_react().default.createElement(_reactNative().View,{style:[S.n,{marginTop:k.spacing.nodeMarginTop}]},r)),w&&((0,_validate.isText)(n)?(0,_utils.renderTextOrNode)(n,[S.d,{color:k.colors.description,fontFamily:k.typography.fontFamily,fontSize:k.typography.description,marginTop:k.spacing.descriptionMarginTop}]):_react().default.createElement(_reactNative().View,{style:[S.n,{marginTop:k.spacing.nodeMarginTop}]},n))):null,[n,w,N,r,k.colors.description,k.colors.title,k.spacing.descriptionMarginTop,k.spacing.headerPaddingBottom,k.spacing.headerPaddingHorizontal,k.spacing.headerPaddingTop,k.spacing.nodeMarginTop,k.spacing.titleMarginTop,k.typography.description,k.typography.fontFamily,k.typography.title]),A=[{padding:k.spacing.popupPadding},y];return _react().default.createElement(_popup.default,_extends({},T,{visible:a,placement:"bottom",round:m,safeAreaInsetBottom:s,overlay:h,lockScroll:f,onClose:C,style:A}),_react().default.createElement(_reactNative().View,{accessibilityRole:"menu",style:I},R,H,d,z&&_react().default.createElement(ShareSheetCancel,{cancelText:i,tokens:k,onPress:C})))},S=_reactNative().StyleSheet.create({w:{width:"100%"},h:{alignItems:"center"},t:{fontWeight:"normal",textAlign:"center"},d:{textAlign:"center"},n:{alignItems:"center"},or:{flexDirection:"row",flexWrap:"wrap"},o:{alignItems:"center",justifyContent:"center"},ic:{alignItems:"center",justifyContent:"center"},ot:{fontWeight:"500",textAlign:"center"},od:{textAlign:"center"},odn:{alignItems:"center"},c:{alignItems:"center"},ct:{fontWeight:"500"}}),ShareSheet=_react().default.memo(ShareSheetImpl);ShareSheet.displayName="ShareSheet";var _default=exports.default=ShareSheet;

package/dist/cjs/components/share-sheet/index.js

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

package/dist/cjs/components/share-sheet/tokens.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useShareSheetTokens = void 0;
-var _designSystem = require("../../design-system");
-const createTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize,
-    typography
-  } = foundations;
-  return {
-    colors: {
-      background: '#ffffff',
-      title: palette.default[900],
-      description: palette.default[500],
-      option: palette.default[900],
-      optionDesc: palette.default[500],
-      border: palette.default[200],
-      divider: palette.default[100]
-    },
-    spacing: {
-      horizontal: spacing.md,
-      vertical: spacing.sm,
-      gap: spacing.xs,
-      popupPadding: 0,
-      headerPaddingTop: spacing.sm,
-      headerPaddingHorizontal: spacing.lg,
-      headerPaddingBottom: spacing.md,
-      titleMarginTop: spacing.xs,
-      descriptionMarginTop: spacing.xs,
-      nodeMarginTop: spacing.xs,
-      iconMarginHorizontal: spacing.md,
-      optionTextPaddingHorizontal: spacing.xs,
-      optionDescPaddingHorizontal: spacing.lg,
-      cancelPaddingVertical: 14,
-      cancelMarginTop: spacing.sm
-    },
-    sizing: {
-      icon: 48
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      title: fontSize.md,
-      description: fontSize.xs,
-      option: fontSize.xs,
-      optionDesc: fontSize.xxs,
-      cancel: fontSize.md
-    }
-  };
-};
-const useShareSheetTokens = exports.useShareSheetTokens = (0, _designSystem.createComponentTokensHook)('shareSheet', createTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShareSheetTokens=void 0;var _designSystem=require("../../design-system");const createTokens=e=>{const{palette:o,spacing:t,fontSize:n,typography:i}=e;return{colors:{background:"#ffffff",title:o.default[900],description:o.default[500],option:o.default[900],optionDesc:o.default[500],border:o.default[200],divider:o.default[100]},spacing:{horizontal:t.md,vertical:t.sm,gap:t.xs,popupPadding:0,headerPaddingTop:t.sm,headerPaddingHorizontal:t.lg,headerPaddingBottom:t.md,titleMarginTop:t.xs,descriptionMarginTop:t.xs,nodeMarginTop:t.xs,iconMarginHorizontal:t.md,optionTextPaddingHorizontal:t.xs,optionDescPaddingHorizontal:t.lg,cancelPaddingVertical:14,cancelMarginTop:t.sm},sizing:{icon:48},typography:{fontFamily:i.fontFamily,title:n.md,description:n.xs,option:n.xs,optionDesc:n.xxs,cancel:n.md}}},useShareSheetTokens=exports.useShareSheetTokens=(0,_designSystem.createComponentTokensHook)("shareSheet",createTokens);

package/dist/cjs/components/sidebar/Sidebar.js

@@ -1,103 +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 _useDirection = require("../config-provider/useDirection");
-var _SidebarContext = require("./SidebarContext");
-var _tokens = require("./tokens");
-var _utils = require("../../utils");
-var _validate = require("../../utils/validate");
-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 SidebarBaseImpl = props => {
-  const {
-    children,
-    sideStyle,
-    style,
-    tokensOverride,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useSidebarTokens)(tokensOverride);
-  const dir = (0, _useDirection.useDirection)();
-  const sidebarItems = (0, _react().useMemo)(() => {
-    const items = [];
-    _react().default.Children.toArray(children).forEach((child, i) => {
-      if (/*#__PURE__*/_react().default.isValidElement(child)) items.push({
-        element: child,
-        index: i
-      });
-    });
-    return items;
-  }, [children]);
-  const firstIdx = sidebarItems[0]?.index ?? 0;
-  const [activeIndex, setActiveIndex] = (0, _hooks.useControllableValue)(props, {
-    defaultValue: firstIdx,
-    valuePropName: 'value',
-    defaultValuePropName: 'defaultValue',
-    trigger: 'onChange'
-  });
-  const curIdx = (0, _react().useMemo)(() => {
-    for (const item of sidebarItems) {
-      if (item.index === activeIndex) return activeIndex;
-    }
-    ;
-    return firstIdx;
-  }, [activeIndex, firstIdx, sidebarItems]);
-  const ctxVal = (0, _react().useMemo)(() => ({
-    activeIndex: curIdx,
-    onSelect: setActiveIndex
-  }), [curIdx, setActiveIndex]);
-  const cloned = (0, _react().useMemo)(() => sidebarItems.map(item => /*#__PURE__*/_react().default.cloneElement(item.element, {
-    key: item.element.key ?? item.index,
-    index: item.index,
-    tokensOverride: (0, _designSystem.mergeTokensOverride)(tokensOverride, item.element.props.tokensOverride)
-  })), [sidebarItems, tokensOverride]);
-  const activeItem = sidebarItems.find(item => item.index === curIdx)?.element;
-  const contentTxtStyle = (0, _react().useMemo)(() => ({
-    fontFamily: tokens.typography.fontFamily,
-    fontSize: tokens.typography.contentFontSize,
-    fontWeight: tokens.typography.fontWeight
-  }), [tokens.typography.fontFamily, tokens.typography.contentFontSize, tokens.typography.fontWeight]);
-  const activeContent = !(0, _validate.isRenderable)(activeItem?.props?.children) ? null : (0, _utils.renderTextOrNode)(activeItem.props.children, contentTxtStyle);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({}, rest, {
-    style: [tokens.layout.container, {
-      backgroundColor: tokens.colors.background
-    }, style]
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.side, {
-      width: tokens.sizing.width
-    }, sideStyle],
-    accessibilityRole: "tablist"
-  }, /*#__PURE__*/_react().default.createElement(_SidebarContext.SidebarContext.Provider, {
-    value: ctxVal
-  }, cloned), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _utils.createHairlineView)({
-      position: dir === 'rtl' ? 'left' : 'right',
-      color: tokens.colors.border,
-      top: 0,
-      bottom: 0
-    })
-  })), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.content, activeItem?.props?.contentStyle]
-  }, activeContent));
-};
-const SidebarBase = /*#__PURE__*/_react().default.memo(SidebarBaseImpl);
-var _default = exports.default = SidebarBase;
+"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"),_useDirection=require("../config-provider/useDirection"),_SidebarContext=require("./SidebarContext"),_tokens=require("./tokens"),_utils=require("../../utils"),_validate=require("../../utils/validate");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 a,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(a=t?n:r){if(a.has(e))return a.get(e);a.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?a(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const SidebarBaseImpl=e=>{const{children:t,sideStyle:r,style:n,tokensOverride:a,...i}=e,o=(0,_tokens.useSidebarTokens)(a),l=(0,_useDirection.useDirection)(),u=(0,_react().useMemo)(()=>{const e=[];return _react().default.Children.toArray(t).forEach((t,r)=>{_react().default.isValidElement(t)&&e.push({element:t,index:r})}),e},[t]),s=u[0]?.index??0,[c,d]=(0,_hooks.useControllableValue)(e,{defaultValue:s,valuePropName:"value",defaultValuePropName:"defaultValue",trigger:"onChange"}),f=(0,_react().useMemo)(()=>{for(const e of u)if(e.index===c)return c;return s},[c,s,u]),_=(0,_react().useMemo)(()=>({activeIndex:f,onSelect:d}),[f,d]),p=(0,_react().useMemo)(()=>u.map(e=>_react().default.cloneElement(e.element,{key:e.element.key??e.index,index:e.index,tokensOverride:(0,_designSystem.mergeTokensOverride)(a,e.element.props.tokensOverride)})),[u,a]),y=u.find(e=>e.index===f)?.element,m=(0,_react().useMemo)(()=>({fontFamily:o.typography.fontFamily,fontSize:o.typography.contentFontSize,fontWeight:o.typography.fontWeight}),[o.typography.fontFamily,o.typography.contentFontSize,o.typography.fontWeight]),v=(0,_validate.isRenderable)(y?.props?.children)?(0,_utils.renderTextOrNode)(y.props.children,m):null;return _react().default.createElement(_reactNative().View,_extends({},i,{style:[o.layout.container,{backgroundColor:o.colors.background},n]}),_react().default.createElement(_reactNative().View,{style:[o.layout.side,{width:o.sizing.width},r],accessibilityRole:"tablist"},_react().default.createElement(_SidebarContext.SidebarContext.Provider,{value:_},p),_react().default.createElement(_reactNative().View,{style:(0,_utils.createHairlineView)({position:"rtl"===l?"left":"right",color:o.colors.border,top:0,bottom:0})})),_react().default.createElement(_reactNative().View,{style:[o.layout.content,y?.props?.contentStyle]},v))},SidebarBase=_react().default.memo(SidebarBaseImpl);var _default=exports.default=SidebarBase;

package/dist/cjs/components/sidebar/SidebarContext.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSidebarContext = exports.SidebarContext = 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 SidebarContext = exports.SidebarContext = /*#__PURE__*/_react().default.createContext(null);
-const useSidebarContext = () => (0, _react().useContext)(SidebarContext);
-exports.useSidebarContext = useSidebarContext;
+"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,i,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(a,t,i):a[t]=e[t]);return a})(e,t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSidebarContext=exports.SidebarContext=void 0;const SidebarContext=exports.SidebarContext=_react().default.createContext(null),useSidebarContext=()=>(0,_react().useContext)(SidebarContext);exports.useSidebarContext=useSidebarContext;

package/dist/cjs/components/sidebar/SidebarItem.js

@@ -1,103 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-function _react() {
-  const data = _interopRequireDefault(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 _utils = require("../../utils");
-var _badge = _interopRequireDefault(require("../badge"));
-var _SidebarContext = require("./SidebarContext");
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 SidebarItemImpl = props => {
-  const {
-    title,
-    badge,
-    disabled: disabledProp,
-    dot,
-    onClick,
-    textStyle,
-    badgeStyle,
-    contentStyle: _contentStyle,
-    style,
-    index = 0,
-    children: _children,
-    tokensOverride,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useSidebarTokens)(tokensOverride);
-  const ctx = (0, _SidebarContext.useSidebarContext)();
-  if (!ctx) return null;
-  const disabled = disabledProp ?? tokens.defaults.disabled;
-  const isActive = ctx.activeIndex === index;
-  const titleClr = disabled ? tokens.colors.disabled : isActive ? tokens.colors.titleActive : tokens.colors.title;
-  const press = (0, _hooks.useAriaPress)({
-    disabled,
-    onPress: () => {
-      onClick?.(index);
-      ctx.onSelect(index);
-    },
-    extraProps: {
-      accessibilityRole: 'tab',
-      accessibilityState: {
-        selected: isActive,
-        disabled
-      },
-      testID: `rv-sidebar-item-${index}`
-    }
-  });
-  const indStyle = [tokens.layout.indicator, {
-    width: tokens.sizing.indicatorWidth,
-    borderRadius: tokens.sizing.indicatorWidth,
-    backgroundColor: tokens.colors.indicator
-  }];
-  const titleNode = (0, _utils.isRenderable)(title) ? (0, _utils.isText)(title) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: [tokens.layout.title, {
-      color: titleClr,
-      fontFamily: tokens.typography.fontFamily,
-      fontSize: tokens.typography.fontSize,
-      fontWeight: tokens.typography.fontWeight
-    }, textStyle]
-  }, title) : title : null;
-  const badgeNode = (0, _utils.isRenderable)(badge) ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.badge, badgeStyle]
-  }, (0, _utils.isText)(badge) ? /*#__PURE__*/_react().default.createElement(_badge.default, {
-    content: badge
-  }) : badge) : null;
-  const dotNode = dot ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [tokens.layout.dot, {
-      backgroundColor: tokens.colors.indicator
-    }]
-  }) : null;
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({}, rest, press.interactionProps, {
-    style: [tokens.layout.item, {
-      height: tokens.sizing.itemHeight
-    }, style]
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.indicatorWrapper
-  }, isActive && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: indStyle
-  })), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.itemContent
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: tokens.layout.titleRow
-  }, titleNode, badgeNode, dotNode)));
-};
-const SidebarItem = /*#__PURE__*/_react().default.memo(SidebarItemImpl);
-var _default = exports.default = SidebarItem;
+"use strict";function _react(){const e=_interopRequireDefault(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"),_utils=require("../../utils"),_badge=_interopRequireDefault(require("../badge")),_SidebarContext=require("./SidebarContext"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const SidebarItemImpl=e=>{const{title:t,badge:r,disabled:a,dot:i,onClick:l,textStyle:n,badgeStyle:o,contentStyle:s,style:c,index:u=0,children:d,tokensOverride:_,...f}=e,b=(0,_tokens.useSidebarTokens)(_),y=(0,_SidebarContext.useSidebarContext)();if(!y)return null;const m=a??b.defaults.disabled,p=y.activeIndex===u,v=m?b.colors.disabled:p?b.colors.titleActive:b.colors.title,g=(0,_hooks.useAriaPress)({disabled:m,onPress:()=>{l?.(u),y.onSelect(u)},extraProps:{accessibilityRole:"tab",accessibilityState:{selected:p,disabled:m},testID:`rv-sidebar-item-${u}`}}),x=[b.layout.indicator,{width:b.sizing.indicatorWidth,borderRadius:b.sizing.indicatorWidth,backgroundColor:b.colors.indicator}],h=(0,_utils.isRenderable)(t)?(0,_utils.isText)(t)?_react().default.createElement(_reactNative().Text,{style:[b.layout.title,{color:v,fontFamily:b.typography.fontFamily,fontSize:b.typography.fontSize,fontWeight:b.typography.fontWeight},n]},t):t:null,S=(0,_utils.isRenderable)(r)?_react().default.createElement(_reactNative().View,{style:[b.layout.badge,o]},(0,_utils.isText)(r)?_react().default.createElement(_badge.default,{content:r}):r):null,k=i?_react().default.createElement(_reactNative().View,{style:[b.layout.dot,{backgroundColor:b.colors.indicator}]}):null;return _react().default.createElement(_reactNative().Pressable,_extends({},f,g.interactionProps,{style:[b.layout.item,{height:b.sizing.itemHeight},c]}),_react().default.createElement(_reactNative().View,{style:b.layout.indicatorWrapper},p&&_react().default.createElement(_reactNative().View,{style:x})),_react().default.createElement(_reactNative().View,{style:b.layout.itemContent},_react().default.createElement(_reactNative().View,{style:b.layout.titleRow},h,S,k)))},SidebarItem=_react().default.memo(SidebarItemImpl);var _default=exports.default=SidebarItem;

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

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SidebarItem", {
-  enumerable: true,
-  get: function () {
-    return _SidebarItem.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useSidebarTokens", {
-  enumerable: true,
-  get: function () {
-    return _tokens.useSidebarTokens;
-  }
-});
-var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-var _SidebarItem = _interopRequireDefault(require("./SidebarItem"));
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Sidebar = Object.assign(_Sidebar.default, {
-  Item: _SidebarItem.default
-});
-var _default = exports.default = Sidebar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SidebarItem",{enumerable:!0,get:function(){return _SidebarItem.default}}),exports.default=void 0,Object.defineProperty(exports,"useSidebarTokens",{enumerable:!0,get:function(){return _tokens.useSidebarTokens}});var _Sidebar=_interopRequireDefault(require("./Sidebar")),_SidebarItem=_interopRequireDefault(require("./SidebarItem")),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Sidebar=Object.assign(_Sidebar.default,{Item:_SidebarItem.default});var _default=exports.default=Sidebar;