react-native-system-ui 1.0.2 → 1.0.3

package/dist/es/components/action-sheet/ActionSheet.js

@@ -1,275 +1 @@
-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); }
-import React, { useCallback, useMemo, useRef } from 'react';
-import { Pressable, View } from 'react-native';
-import { Close } from 'react-native-system-icon';
-import { useAriaPress } from '../../hooks';
-import { createHairlineView, isRenderable, isText, renderTextOrNode } from '../../utils';
-import Loading from '../loading';
-import Popup from '../popup';
-import { useActionSheetTokens } from './tokens';
-const defaultCloseIcon = /*#__PURE__*/React.createElement(Close, {
-  size: 18
-});
-const ActionSheetHeader = /*#__PURE__*/React.memo(({
-  title,
-  closeable,
-  closeIcon,
-  tokens,
-  onClose
-}) => {
-  const closePress = useAriaPress({
-    onPress: onClose
-  });
-  const {
-    colors,
-    typography
-  } = tokens;
-  return /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.header
-  }, /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.titleContainer
-  }, isText(title) ? renderTextOrNode(title, [tokens.layout.title, {
-    color: colors.title,
-    fontSize: typography.title
-  }]) : /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.titleNode
-  }, title)), closeable && /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: tokens.layout.closeButton,
-    accessibilityRole: "button",
-    hitSlop: 8
-  }, closePress.interactionProps), /*#__PURE__*/React.isValidElement(closeIcon) ? /*#__PURE__*/React.cloneElement(closeIcon, {
-    fill: colors.description,
-    color: colors.description
-  }) : renderTextOrNode(closeIcon, [{
-    color: colors.description
-  }])));
-});
-const ActionSheetItem = /*#__PURE__*/React.memo(({
-  action,
-  index,
-  tokens,
-  onActionPress
-}) => {
-  const {
-    disabled,
-    loading,
-    name,
-    subname,
-    icon
-  } = action;
-  const {
-    colors,
-    spacing,
-    typography
-  } = tokens;
-  const actionPress = useAriaPress({
-    disabled: !!disabled || !!loading,
-    onPress: useCallback(() => onActionPress(action, index), [action, index, onActionPress]),
-    extraProps: {
-      accessibilityRole: 'menuitem',
-      accessibilityLabel: isText(name) ? String(name) : undefined,
-      accessibilityState: {
-        disabled: !!disabled,
-        busy: !!loading
-      },
-      testID: `rv-action-sheet-item-${index}`
-    }
-  });
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: ({
-      pressed
-    }) => [tokens.layout.item, !!icon && tokens.layout.itemWithIcon, {
-      paddingVertical: spacing.vertical,
-      paddingHorizontal: spacing.horizontal,
-      backgroundColor: pressed && !action.disabled && !action.loading ? colors.itemPressedBackground : colors.itemBackground
-    }, action.style]
-  }, actionPress.interactionProps), !!icon && /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.icon
-  }, isText(icon) ? renderTextOrNode(icon, [{
-    color: colors.item
-  }]) : icon), loading ? /*#__PURE__*/React.createElement(Loading, {
-    size: 20
-  }) : isRenderable(name) ? /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.itemTextWrapper
-  }, renderTextOrNode(name, [tokens.layout.itemText, {
-    color: action.disabled ? colors.disabled : action.color ?? colors.item,
-    fontSize: typography.item
-  }]), isRenderable(subname) && (isText(subname) ? renderTextOrNode(subname, [tokens.layout.subname, {
-    color: colors.subitem
-  }]) : /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.subnameNode
-  }, subname))) : null);
-});
-const ActionSheetCancel = /*#__PURE__*/React.memo(({
-  cancelText,
-  tokens,
-  onPress
-}) => {
-  const {
-    colors,
-    spacing,
-    typography
-  } = tokens;
-  const cancelPress = useAriaPress({
-    onPress,
-    extraProps: {
-      accessibilityRole: 'button',
-      testID: 'rv-action-sheet-cancel'
-    }
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    style: [tokens.layout.cancelGap, {
-      height: spacing.cancelGap,
-      backgroundColor: colors.cancelGapBackground
-    }]
-  }), /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: [tokens.layout.cancel, {
-      paddingVertical: spacing.vertical,
-      paddingHorizontal: spacing.horizontal,
-      backgroundColor: colors.cancelBackground
-    }]
-  }, cancelPress.interactionProps), renderTextOrNode(cancelText, [tokens.layout.cancelText, {
-    color: colors.cancel,
-    fontSize: typography.item
-  }])));
-});
-const ActionSheetImpl = props => {
-  const {
-    tokensOverride,
-    visible,
-    title,
-    description,
-    cancelText,
-    actions = [],
-    closeOnClickAction: closeOnActP,
-    closeOnSelect,
-    closeable: closeableP,
-    closeIcon = defaultCloseIcon,
-    beforeClose,
-    onSelect,
-    onCancel,
-    onClose,
-    children,
-    round: roundP,
-    safeAreaInsetBottom: safeP,
-    overlay: ovP,
-    lockScroll: lockP,
-    style: popStyle,
-    ...popProps
-  } = props;
-  const tokens = useActionSheetTokens(tokensOverride);
-  const closeable = closeableP ?? tokens.defaults.closeable;
-  const round = roundP ?? tokens.defaults.round;
-  const safeBottom = safeP ?? tokens.defaults.safeAreaInsetBottom;
-  const overlay = ovP ?? tokens.defaults.overlay;
-  const lockScroll = lockP ?? tokens.defaults.lockScroll;
-  const closeOnAct = closeOnActP ?? closeOnSelect ?? tokens.defaults.closeOnClickAction;
-  const hasT = isRenderable(title);
-  const hasD = isRenderable(description);
-  const hasC = isRenderable(cancelText);
-  const lastReasonRef = useRef('close');
-  const closingRef = useRef(false);
-  const beforeCloseRef = useRef(beforeClose);
-  beforeCloseRef.current = beforeClose;
-  const onCloseRef = useRef(onClose);
-  onCloseRef.current = onClose;
-  const onCancelRef = useRef(onCancel);
-  onCancelRef.current = onCancel;
-  const onSelectRef = useRef(onSelect);
-  onSelectRef.current = onSelect;
-  const runBefore = useCallback(async action => {
-    if (!beforeCloseRef.current) return true;
-    try {
-      return (await beforeCloseRef.current(action)) !== false;
-    } catch {
-      return true;
-    }
-  }, []);
-  const emitClose = useCallback(reason => {
-    if (onCloseRef.current) {
-      if (reason === 'cancel') onCancelRef.current?.();
-      onCloseRef.current();
-      return;
-    }
-    ;
-    onCancelRef.current?.();
-  }, []);
-  const reqClose = useCallback(async action => {
-    if (closingRef.current) return;
-    closingRef.current = true;
-    try {
-      const ok = await runBefore(action);
-      if (!ok) return;
-      emitClose(action);
-    } finally {
-      closingRef.current = false;
-    }
-  }, [emitClose, runBefore]);
-  const onPopupBefore = useCallback(reason => {
-    lastReasonRef.current = reason;
-    return runBefore(reason);
-  }, [runBefore]);
-  const onPopupClose = useCallback(() => {
-    emitClose(lastReasonRef.current);
-  }, [emitClose]);
-  const onActPress = useCallback((action, index) => {
-    if (action.disabled || action.loading) return;
-    action.onPress?.(action);
-    action.callback?.(action);
-    onSelectRef.current?.(action, index);
-    if (closeOnAct) void reqClose('action');
-  }, [reqClose, closeOnAct]);
-  const popStyleMemo = useMemo(() => [tokens.layout.popup, popStyle], [tokens.layout.popup, popStyle]);
-  return /*#__PURE__*/React.createElement(Popup, _extends({
-    visible: visible,
-    placement: "bottom",
-    round: round,
-    safeAreaInsetTop: hasT && closeable,
-    safeAreaInsetBottom: safeBottom,
-    overlay: overlay,
-    lockScroll: lockScroll,
-    beforeClose: onPopupBefore,
-    onClose: onPopupClose,
-    style: popStyleMemo
-  }, popProps), /*#__PURE__*/React.createElement(View, {
-    accessibilityRole: "menu",
-    style: [tokens.layout.panel, {
-      backgroundColor: tokens.colors.background
-    }]
-  }, hasT && /*#__PURE__*/React.createElement(ActionSheetHeader, {
-    title: title,
-    closeable: closeable,
-    closeIcon: closeIcon,
-    tokens: tokens,
-    onClose: () => void reqClose('close-icon')
-  }), hasD && /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.descriptionContainer
-  }, isText(description) ? renderTextOrNode(description, [tokens.layout.description, {
-    color: tokens.colors.description,
-    fontSize: tokens.typography.description
-  }]) : /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.descriptionNode
-  }, description), /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'bottom',
-      color: tokens.colors.border,
-      left: 0,
-      right: 0
-    })
-  })), /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.actions
-  }, actions.map((action, index) => /*#__PURE__*/React.createElement(ActionSheetItem, {
-    key: action.key ?? index,
-    action: action,
-    index: index,
-    tokens: tokens,
-    onActionPress: onActPress
-  }))), children, hasC && /*#__PURE__*/React.createElement(ActionSheetCancel, {
-    cancelText: cancelText,
-    tokens: tokens,
-    onPress: () => void reqClose('cancel')
-  })));
-};
-const ActionSheet = /*#__PURE__*/React.memo(ActionSheetImpl);
-ActionSheet.displayName = 'ActionSheet';
-export default ActionSheet;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}import React,{useCallback,useMemo,useRef}from"react";import{Pressable,View}from"react-native";import{Close}from"react-native-system-icon";import{useAriaPress}from"../../hooks";import{createHairlineView,isRenderable,isText,renderTextOrNode}from"../../utils";import Loading from"../loading";import Popup from"../popup";import{useActionSheetTokens}from"./tokens";const defaultCloseIcon=React.createElement(Close,{size:18}),ActionSheetHeader=React.memo(({title:e,closeable:t,closeIcon:o,tokens:r,onClose:n})=>{const a=useAriaPress({onPress:n}),{colors:l,typography:c}=r;return React.createElement(View,{style:r.layout.header},React.createElement(View,{style:r.layout.titleContainer},isText(e)?renderTextOrNode(e,[r.layout.title,{color:l.title,fontSize:c.title}]):React.createElement(View,{style:r.layout.titleNode},e)),t&&React.createElement(Pressable,_extends({style:r.layout.closeButton,accessibilityRole:"button",hitSlop:8},a.interactionProps),React.isValidElement(o)?React.cloneElement(o,{fill:l.description,color:l.description}):renderTextOrNode(o,[{color:l.description}])))}),ActionSheetItem=React.memo(({action:e,index:t,tokens:o,onActionPress:r})=>{const{disabled:n,loading:a,name:l,subname:c,icon:s}=e,{colors:i,spacing:u,typography:d}=o,m=useAriaPress({disabled:!!n||!!a,onPress:useCallback(()=>r(e,t),[e,t,r]),extraProps:{accessibilityRole:"menuitem",accessibilityLabel:isText(l)?String(l):void 0,accessibilityState:{disabled:!!n,busy:!!a},testID:`rv-action-sheet-item-${t}`}});return React.createElement(Pressable,_extends({style:({pressed:t})=>[o.layout.item,!!s&&o.layout.itemWithIcon,{paddingVertical:u.vertical,paddingHorizontal:u.horizontal,backgroundColor:!t||e.disabled||e.loading?i.itemBackground:i.itemPressedBackground},e.style]},m.interactionProps),!!s&&React.createElement(View,{style:o.layout.icon},isText(s)?renderTextOrNode(s,[{color:i.item}]):s),a?React.createElement(Loading,{size:20}):isRenderable(l)?React.createElement(View,{style:o.layout.itemTextWrapper},renderTextOrNode(l,[o.layout.itemText,{color:e.disabled?i.disabled:e.color??i.item,fontSize:d.item}]),isRenderable(c)&&(isText(c)?renderTextOrNode(c,[o.layout.subname,{color:i.subitem}]):React.createElement(View,{style:o.layout.subnameNode},c))):null)}),ActionSheetCancel=React.memo(({cancelText:e,tokens:t,onPress:o})=>{const{colors:r,spacing:n,typography:a}=t,l=useAriaPress({onPress:o,extraProps:{accessibilityRole:"button",testID:"rv-action-sheet-cancel"}});return React.createElement(React.Fragment,null,React.createElement(View,{style:[t.layout.cancelGap,{height:n.cancelGap,backgroundColor:r.cancelGapBackground}]}),React.createElement(Pressable,_extends({style:[t.layout.cancel,{paddingVertical:n.vertical,paddingHorizontal:n.horizontal,backgroundColor:r.cancelBackground}]},l.interactionProps),renderTextOrNode(e,[t.layout.cancelText,{color:r.cancel,fontSize:a.item}])))}),ActionSheetImpl=e=>{const{tokensOverride:t,visible:o,title:r,description:n,cancelText:a,actions:l=[],closeOnClickAction:c,closeOnSelect:s,closeable:i,closeIcon:u=defaultCloseIcon,beforeClose:d,onSelect:m,onCancel:y,onClose:p,children:b,round:R,safeAreaInsetBottom:f,overlay:k,lockScroll:h,style:g,...x}=e,C=useActionSheetTokens(t),A=i??C.defaults.closeable,S=R??C.defaults.round,P=f??C.defaults.safeAreaInsetBottom,E=k??C.defaults.overlay,T=h??C.defaults.lockScroll,w=c??s??C.defaults.closeOnClickAction,V=isRenderable(r),v=isRenderable(n),I=isRenderable(a),O=useRef("close"),N=useRef(!1),z=useRef(d);z.current=d;const B=useRef(p);B.current=p;const _=useRef(y);_.current=y;const H=useRef(m);H.current=m;const G=useCallback(async e=>{if(!z.current)return!0;try{return!1!==await z.current(e)}catch{return!0}},[]),L=useCallback(e=>{if(B.current)return"cancel"===e&&_.current?.(),void B.current();_.current?.()},[]),j=useCallback(async e=>{if(!N.current){N.current=!0;try{if(!await G(e))return;L(e)}finally{N.current=!1}}},[L,G]),D=useCallback(e=>(O.current=e,G(e)),[G]),M=useCallback(()=>{L(O.current)},[L]),W=useCallback((e,t)=>{e.disabled||e.loading||(e.onPress?.(e),e.callback?.(e),H.current?.(e,t),w&&j("action"))},[j,w]),F=useMemo(()=>[C.layout.popup,g],[C.layout.popup,g]);return React.createElement(Popup,_extends({visible:o,placement:"bottom",round:S,safeAreaInsetTop:V&&A,safeAreaInsetBottom:P,overlay:E,lockScroll:T,beforeClose:D,onClose:M,style:F},x),React.createElement(View,{accessibilityRole:"menu",style:[C.layout.panel,{backgroundColor:C.colors.background}]},V&&React.createElement(ActionSheetHeader,{title:r,closeable:A,closeIcon:u,tokens:C,onClose:()=>{j("close-icon")}}),v&&React.createElement(View,{style:C.layout.descriptionContainer},isText(n)?renderTextOrNode(n,[C.layout.description,{color:C.colors.description,fontSize:C.typography.description}]):React.createElement(View,{style:C.layout.descriptionNode},n),React.createElement(View,{style:createHairlineView({position:"bottom",color:C.colors.border,left:0,right:0})})),React.createElement(View,{style:C.layout.actions},l.map((e,t)=>React.createElement(ActionSheetItem,{key:e.key??t,action:e,index:t,tokens:C,onActionPress:W}))),b,I&&React.createElement(ActionSheetCancel,{cancelText:a,tokens:C,onPress:()=>{j("cancel")}})))},ActionSheet=React.memo(ActionSheetImpl);ActionSheet.displayName="ActionSheet";export default ActionSheet;

package/dist/es/components/action-sheet/index.js

@@ -1,3 +1 @@
-import ActionSheet from './ActionSheet';
-export { useActionSheetTokens } from './tokens';
-export default ActionSheet;
+import ActionSheet from"./ActionSheet";export{useActionSheetTokens}from"./tokens";export default ActionSheet;

package/dist/es/components/action-sheet/tokens.js

@@ -1,126 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const centered = {
-  alignItems: 'center',
-  justifyContent: 'center'
-};
-export const createActionSheetTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize
-  } = foundations;
-  const white = '#ffffff';
-  return {
-    defaults: {
-      closeOnClickAction: false,
-      closeable: true,
-      round: true,
-      safeAreaInsetBottom: true,
-      overlay: true,
-      lockScroll: true
-    },
-    layout: {
-      popup: {
-        paddingLeft: 0,
-        paddingRight: 0,
-        paddingBottom: 0
-      },
-      panel: {
-        width: '100%',
-        maxHeight: '80%'
-      },
-      header: {
-        position: 'relative',
-        flexDirection: 'row',
-        ...centered,
-        paddingHorizontal: 16
-      },
-      titleContainer: {
-        flex: 1,
-        ...centered
-      },
-      title: {
-        fontWeight: '600',
-        textAlign: 'center'
-      },
-      titleNode: centered,
-      closeButton: {
-        position: 'absolute',
-        top: 0,
-        right: 0,
-        width: 48,
-        height: 48,
-        ...centered
-      },
-      descriptionContainer: {
-        paddingTop: 12,
-        paddingBottom: 20,
-        paddingHorizontal: 16
-      },
-      description: {
-        textAlign: 'center',
-        lineHeight: 20
-      },
-      descriptionNode: centered,
-      actions: {
-        width: '100%'
-      },
-      item: {
-        ...centered,
-        width: '100%'
-      },
-      itemWithIcon: {
-        flexDirection: 'row',
-        justifyContent: 'center'
-      },
-      itemTextWrapper: centered,
-      itemText: {
-        lineHeight: 24
-      },
-      subname: {
-        marginTop: 4,
-        fontSize: 12,
-        lineHeight: 18
-      },
-      subnameNode: {
-        marginTop: 4
-      },
-      icon: {
-        marginRight: 12
-      },
-      cancelGap: {
-        width: '100%',
-        marginBottom: 0
-      },
-      cancel: centered,
-      cancelText: {
-        lineHeight: 24
-      }
-    },
-    colors: {
-      background: white,
-      title: palette.default[900],
-      description: palette.default[500],
-      item: palette.default[900],
-      subitem: palette.default[500],
-      cancel: palette.default[900],
-      disabled: palette.default[400],
-      border: palette.default[200],
-      itemBackground: white,
-      itemPressedBackground: palette.default[100],
-      cancelBackground: white,
-      cancelGapBackground: palette.default[100] ?? '#f1f2f5'
-    },
-    typography: {
-      title: fontSize.lg,
-      item: fontSize.md,
-      description: fontSize.sm
-    },
-    spacing: {
-      horizontal: spacing.md,
-      vertical: 14,
-      cancelGap: 8
-    }
-  };
-};
-export const useActionSheetTokens = createComponentTokensHook('actionSheet', createActionSheetTokens);
+import{createComponentTokensHook}from"../../design-system";const centered={alignItems:"center",justifyContent:"center"};export const createActionSheetTokens=e=>{const{palette:t,spacing:n,fontSize:i}=e,o="#ffffff";return{defaults:{closeOnClickAction:!1,closeable:!0,round:!0,safeAreaInsetBottom:!0,overlay:!0,lockScroll:!0},layout:{popup:{paddingLeft:0,paddingRight:0,paddingBottom:0},panel:{width:"100%",maxHeight:"80%"},header:{position:"relative",flexDirection:"row",...centered,paddingHorizontal:16},titleContainer:{flex:1,...centered},title:{fontWeight:"600",textAlign:"center"},titleNode:centered,closeButton:{position:"absolute",top:0,right:0,width:48,height:48,...centered},descriptionContainer:{paddingTop:12,paddingBottom:20,paddingHorizontal:16},description:{textAlign:"center",lineHeight:20},descriptionNode:centered,actions:{width:"100%"},item:{...centered,width:"100%"},itemWithIcon:{flexDirection:"row",justifyContent:"center"},itemTextWrapper:centered,itemText:{lineHeight:24},subname:{marginTop:4,fontSize:12,lineHeight:18},subnameNode:{marginTop:4},icon:{marginRight:12},cancelGap:{width:"100%",marginBottom:0},cancel:centered,cancelText:{lineHeight:24}},colors:{background:o,title:t.default[900],description:t.default[500],item:t.default[900],subitem:t.default[500],cancel:t.default[900],disabled:t.default[400],border:t.default[200],itemBackground:o,itemPressedBackground:t.default[100],cancelBackground:o,cancelGapBackground:t.default[100]??"#f1f2f5"},typography:{title:i.lg,item:i.md,description:i.sm},spacing:{horizontal:n.md,vertical:14,cancelGap:8}}};export const useActionSheetTokens=createComponentTokensHook("actionSheet",createActionSheetTokens);

package/dist/es/components/area/Area.js

@@ -1,113 +1 @@
-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); }
-import React, { useCallback, useMemo, useRef } from 'react';
-import Picker from '../picker';
-import { useAreaTokens } from './tokens';
-const sortEntries = record => record ? Object.entries(record).sort(([a], [b]) => a.localeCompare(b)) : [];
-const getProvinceCode = code => code.slice(0, 2);
-const getCityCode = code => code.slice(0, 4);
-const groupBy = (list, getKey) => {
-  const m = new Map();
-  sortEntries(list).forEach(([code, name]) => {
-    const k = getKey(code);
-    const arr = m.get(k);
-    if (arr) arr.push({
-      label: name,
-      value: code
-    });else m.set(k, [{
-      label: name,
-      value: code
-    }]);
-  });
-  return m;
-};
-const buildAreaColumns = (areaList, columnsNum = 3) => {
-  const provinces = sortEntries(areaList.province_list);
-  if (columnsNum === 1) return provinces.map(([code, name]) => ({
-    label: name,
-    value: code
-  }));
-  const citiesByProvince = groupBy(areaList.city_list, getProvinceCode);
-  if (columnsNum === 3) {
-    const countiesByCity = groupBy(areaList.county_list, getCityCode);
-    citiesByProvince.forEach(cityOption => {
-      cityOption.forEach(cityOption2 => {
-        const cityKey = getCityCode(cityOption2.value);
-        const counties = countiesByCity.get(cityKey);
-        if (counties && counties.length) cityOption2.children = counties;
-      });
-    });
-  }
-  return provinces.map(([code, name]) => {
-    const provinceOption = {
-      label: name,
-      value: code
-    };
-    const provinceKey = getProvinceCode(code);
-    const cities = citiesByProvince.get(provinceKey);
-    if (cities && cities.length) provinceOption.children = cities;
-    return provinceOption;
-  });
-};
-const normalizeCascadeValue = (root, rawValue, depth) => {
-  if (!rawValue) return rawValue;
-  const inputArray = Array.isArray(rawValue) ? rawValue.map(String) : [String(rawValue)];
-  const result = [];
-  let options = root;
-  for (let i = 0; i < depth; i += 1) {
-    if (!options?.length) break;
-    const wantedValue = inputArray[i];
-    const nextOption = options.find(option => String(option.value) === wantedValue) ?? options[0];
-    if (!nextOption) break;
-    result.push(String(nextOption.value));
-    options = nextOption.children;
-  }
-  return result;
-};
-const AreaImpl = props => {
-  const tokens = useAreaTokens();
-  const {
-    areaList,
-    columnsNum: colP = tokens.defaults.columnsNum,
-    value,
-    defaultValue,
-    onChange,
-    onConfirm,
-    interactionMode: modeP = tokens.defaults.interactionMode,
-    ...rest
-  } = props;
-  const cols = useMemo(() => colP >= 1 && colP <= 3 ? colP : tokens.defaults.columnsNum, [colP]);
-  const {
-    province_list,
-    city_list,
-    county_list
-  } = areaList;
-  const columns = useMemo(() => buildAreaColumns({
-    province_list,
-    city_list,
-    county_list
-  }, cols), [city_list, county_list, province_list, cols]);
-  const norm = useCallback(val => val === undefined ? undefined : normalizeCascadeValue(columns, val, cols), [columns, cols]);
-  const normVal = useMemo(() => norm(value), [norm, value]);
-  const normDef = useMemo(() => norm(defaultValue), [norm, defaultValue]);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const onConfirmRef = useRef(onConfirm);
-  onConfirmRef.current = onConfirm;
-  const onCh = useCallback((values, opts) => {
-    onChangeRef.current?.(values.map(String), opts);
-  }, []);
-  const onConf = useCallback((values, opts) => {
-    onConfirmRef.current?.(values.map(String), opts);
-  }, []);
-  return /*#__PURE__*/React.createElement(Picker, _extends({}, rest, {
-    columns: columns,
-    interactionMode: modeP,
-    value: normVal,
-    defaultValue: normDef,
-    onChange: onChange ? onCh : undefined,
-    onConfirm: onConfirm ? onConf : undefined
-  }));
-};
-const Area = /*#__PURE__*/React.memo(AreaImpl);
-Area.displayName = 'Area';
-export default Area;
+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)}import React,{useCallback,useMemo,useRef}from"react";import Picker from"../picker";import{useAreaTokens}from"./tokens";const sortEntries=e=>e?Object.entries(e).sort(([e],[t])=>e.localeCompare(t)):[],getProvinceCode=e=>e.slice(0,2),getCityCode=e=>e.slice(0,4),groupBy=(e,t)=>{const r=new Map;return sortEntries(e).forEach(([e,n])=>{const o=t(e),a=r.get(o);a?a.push({label:n,value:e}):r.set(o,[{label:n,value:e}])}),r},buildAreaColumns=(e,t=3)=>{const r=sortEntries(e.province_list);if(1===t)return r.map(([e,t])=>({label:t,value:e}));const n=groupBy(e.city_list,getProvinceCode);if(3===t){const t=groupBy(e.county_list,getCityCode);n.forEach(e=>{e.forEach(e=>{const r=getCityCode(e.value),n=t.get(r);n&&n.length&&(e.children=n)})})}return r.map(([e,t])=>{const r={label:t,value:e},o=getProvinceCode(e),a=n.get(o);return a&&a.length&&(r.children=a),r})},normalizeCascadeValue=(e,t,r)=>{if(!t)return t;const n=Array.isArray(t)?t.map(String):[String(t)],o=[];let a=e;for(let e=0;e<r&&a?.length;e+=1){const t=n[e],r=a.find(e=>String(e.value)===t)??a[0];if(!r)break;o.push(String(r.value)),a=r.children}return o},AreaImpl=e=>{const t=useAreaTokens(),{areaList:r,columnsNum:n=t.defaults.columnsNum,value:o,defaultValue:a,onChange:l,onConfirm:s,interactionMode:i=t.defaults.interactionMode,...u}=e,c=useMemo(()=>n>=1&&n<=3?n:t.defaults.columnsNum,[n]),{province_list:m,city_list:d,county_list:f}=r,g=useMemo(()=>buildAreaColumns({province_list:m,city_list:d,county_list:f},c),[d,f,m,c]),p=useCallback(e=>void 0===e?void 0:normalizeCascadeValue(g,e,c),[g,c]),v=useMemo(()=>p(o),[p,o]),C=useMemo(()=>p(a),[p,a]),y=useRef(l);y.current=l;const b=useRef(s);b.current=s;const h=useCallback((e,t)=>{y.current?.(e.map(String),t)},[]),_=useCallback((e,t)=>{b.current?.(e.map(String),t)},[]);return React.createElement(Picker,_extends({},u,{columns:g,interactionMode:i,value:v,defaultValue:C,onChange:l?h:void 0,onConfirm:s?_:void 0}))},Area=React.memo(AreaImpl);Area.displayName="Area";export default Area;

package/dist/es/components/area/index.js

@@ -1,2 +1 @@
-import Area from './Area';
-export default Area;
+import Area from"./Area";export default Area;

package/dist/es/components/area/tokens.js

@@ -1,8 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createAreaTokens = _foundations => ({
-  defaults: {
-    columnsNum: 3,
-    interactionMode: 'sync'
-  }
-});
-export const useAreaTokens = createComponentTokensHook('area', createAreaTokens);
+import{createComponentTokensHook}from"../../design-system";const createAreaTokens=e=>({defaults:{columnsNum:3,interactionMode:"sync"}});export const useAreaTokens=createComponentTokensHook("area",createAreaTokens);

package/dist/es/components/avatar/Avatar.js

@@ -1,106 +1 @@
-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); }
-import React from 'react';
-import { Pressable, StyleSheet, Text, View } from 'react-native';
-import Image from '../image';
-import { isNumber } from '../../utils';
-import { useAvatarTokens } from './tokens';
-export const AvatarFallbackText = /*#__PURE__*/React.forwardRef(({
-  children,
-  color,
-  style
-}, ref) => {
-  const tokens = useAvatarTokens();
-  return /*#__PURE__*/React.createElement(Text, {
-    ref: ref,
-    style: StyleSheet.flatten([tokens.layout.text, {
-      color: color ?? tokens.colors.text,
-      fontWeight: tokens.typography.fontWeight
-    }, style]),
-    numberOfLines: 1
-  }, children);
-});
-AvatarFallbackText.displayName = 'Avatar.FallbackText';
-export const AvatarImage = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const tokens = useAvatarTokens();
-  return /*#__PURE__*/React.createElement(Image, _extends({
-    ref: ref
-  }, props, {
-    containerStyle: [{
-      backgroundColor: tokens.colors.transparent
-    }, props.containerStyle],
-    style: [tokens.layout.image, props.style],
-    fit: props.fit ?? 'cover',
-    loadingText: props.loadingText ?? null,
-    loadingSize: props.loadingSize ?? tokens.sizing.loadingSize,
-    showError: props.showError ?? true
-  }));
-});
-AvatarImage.displayName = 'Avatar.Image';
-const AvatarImpl = (props, ref) => {
-  const {
-    src,
-    source,
-    icon,
-    text,
-    size: szP,
-    width: wP,
-    height: hP,
-    shape: shapeP,
-    fit: fitP,
-    color,
-    backgroundColor,
-    style,
-    textStyle,
-    contentStyle,
-    children,
-    tokensOverride,
-    ...rest
-  } = props;
-  const tokens = useAvatarTokens(tokensOverride);
-  const rSz = szP ?? tokens.defaults.size;
-  const rShape = shapeP ?? tokens.defaults.shape;
-  const base = isNumber(rSz) ? rSz : tokens.sizing.sizes[rSz];
-  const w = wP ?? base;
-  const h = hP ?? base;
-  const radius = rShape === 'circle' ? Math.min(w, h) / 2 : Math.max(tokens.radii.squareMin, Math.min(w, h) / tokens.radii.squareDivisor);
-  const transStyle = {
-    backgroundColor: tokens.colors.transparent
-  };
-  const fallback = icon ? /*#__PURE__*/React.createElement(View, {
-    style: [tokens.layout.iconWrapper, {
-      width: Math.min(w, tokens.sizing.iconMaxSize),
-      height: Math.min(h, tokens.sizing.iconMaxSize)
-    }, contentStyle]
-  }, icon) : text && /*#__PURE__*/React.createElement(AvatarFallbackText, {
-    color: color,
-    style: [{
-      fontSize: Math.min(w, h) * tokens.typography.fallbackTextScale
-    }, textStyle]
-  }, text.trim().slice(0, 2).toUpperCase());
-  const content = children ?? (src || source ? /*#__PURE__*/React.createElement(AvatarImage, {
-    src: src,
-    source: source,
-    containerStyle: transStyle,
-    style: tokens.layout.image,
-    fit: fitP ?? 'cover',
-    loadingText: null,
-    loadingSize: tokens.sizing.loadingSize,
-    showError: true,
-    fallback: fallback
-  }) : fallback);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
-    ref: ref,
-    accessibilityRole: "image",
-    accessibilityLabel: text ?? (src ? 'avatar' : undefined),
-    style: [tokens.layout.container, {
-      width: w,
-      height: h,
-      borderRadius: radius,
-      backgroundColor: backgroundColor ?? tokens.colors.background
-    }, style]
-  }, rest), content);
-};
-const AvatarForwardRef = /*#__PURE__*/React.forwardRef(AvatarImpl);
-AvatarForwardRef.displayName = 'Avatar';
-export const Avatar = /*#__PURE__*/React.memo(AvatarForwardRef);
-export default Avatar;
+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)}import React from"react";import{Pressable,StyleSheet,Text,View}from"react-native";import Image from"../image";import{isNumber}from"../../utils";import{useAvatarTokens}from"./tokens";export const AvatarFallbackText=React.forwardRef(({children:e,color:t,style:a},r)=>{const o=useAvatarTokens();return React.createElement(Text,{ref:r,style:StyleSheet.flatten([o.layout.text,{color:t??o.colors.text,fontWeight:o.typography.fontWeight},a]),numberOfLines:1},e)});AvatarFallbackText.displayName="Avatar.FallbackText";export const AvatarImage=React.forwardRef((e,t)=>{const a=useAvatarTokens();return React.createElement(Image,_extends({ref:t},e,{containerStyle:[{backgroundColor:a.colors.transparent},e.containerStyle],style:[a.layout.image,e.style],fit:e.fit??"cover",loadingText:e.loadingText??null,loadingSize:e.loadingSize??a.sizing.loadingSize,showError:e.showError??!0}))});AvatarImage.displayName="Avatar.Image";const AvatarImpl=(e,t)=>{const{src:a,source:r,icon:o,text:i,size:n,width:l,height:s,shape:c,fit:m,color:d,backgroundColor:g,style:u,textStyle:f,contentStyle:y,children:h,tokensOverride:v,...p}=e,x=useAvatarTokens(v),b=n??x.defaults.size,A=c??x.defaults.shape,R=isNumber(b)?b:x.sizing.sizes[b],S=l??R,k=s??R,z="circle"===A?Math.min(S,k)/2:Math.max(x.radii.squareMin,Math.min(S,k)/x.radii.squareDivisor),w={backgroundColor:x.colors.transparent},T=o?React.createElement(View,{style:[x.layout.iconWrapper,{width:Math.min(S,x.sizing.iconMaxSize),height:Math.min(k,x.sizing.iconMaxSize)},y]},o):i&&React.createElement(AvatarFallbackText,{color:d,style:[{fontSize:Math.min(S,k)*x.typography.fallbackTextScale},f]},i.trim().slice(0,2).toUpperCase()),E=h??(a||r?React.createElement(AvatarImage,{src:a,source:r,containerStyle:w,style:x.layout.image,fit:m??"cover",loadingText:null,loadingSize:x.sizing.loadingSize,showError:!0,fallback:T}):T);return React.createElement(Pressable,_extends({ref:t,accessibilityRole:"image",accessibilityLabel:i??(a?"avatar":void 0),style:[x.layout.container,{width:S,height:k,borderRadius:z,backgroundColor:g??x.colors.background},u]},p),E)},AvatarForwardRef=React.forwardRef(AvatarImpl);AvatarForwardRef.displayName="Avatar";export const Avatar=React.memo(AvatarForwardRef);export default Avatar;

package/dist/es/components/avatar/index.js

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