react-native-system-ui 1.0.1 → 1.0.3

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

@@ -1,48 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createCircleTokens = foundations => ({
-  defaults: {
-    rate: 0,
-    size: 100,
-    strokeWidth: 6,
-    fill: 'transparent',
-    clockwise: true,
-    startPosition: 'top',
-    lineCap: 'round',
-    animated: true,
-    animationDuration: 300
-  },
-  layout: {
-    root: {
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    content: {
-      position: 'absolute',
-      left: 0,
-      top: 0,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    text: {
-      textAlign: 'center'
-    },
-    webRing: {
-      position: 'absolute',
-      left: 0,
-      top: 0
-    },
-    webInner: {
-      position: 'absolute'
-    }
-  },
-  colors: {
-    color: foundations.palette.primary[500],
-    layerColor: foundations.palette.default[200],
-    text: foundations.palette.default[800]
-  },
-  typography: {
-    fontSize: foundations.fontSize.sm,
-    lineHeight: Math.round(foundations.fontSize.sm * foundations.typography.lineHeightMultiplier)
-  }
-});
-export const useCircleTokens = createComponentTokensHook('circle', createCircleTokens);
+import{createComponentTokensHook}from"../../design-system";export const createCircleTokens=e=>({defaults:{rate:0,size:100,strokeWidth:6,fill:"transparent",clockwise:!0,startPosition:"top",lineCap:"round",animated:!0,animationDuration:300},layout:{root:{alignItems:"center",justifyContent:"center"},content:{position:"absolute",left:0,top:0,alignItems:"center",justifyContent:"center"},text:{textAlign:"center"},webRing:{position:"absolute",left:0,top:0},webInner:{position:"absolute"}},colors:{color:e.palette.primary[500],layerColor:e.palette.default[200],text:e.palette.default[800]},typography:{fontSize:e.fontSize.sm,lineHeight:Math.round(e.fontSize.sm*e.typography.lineHeightMultiplier)}});export const useCircleTokens=createComponentTokensHook("circle",createCircleTokens);

package/dist/es/components/collapse/Collapse.js

@@ -1,286 +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, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { Animated, Easing, View } from 'react-native';
-import { Arrow } from 'react-native-system-icon';
-import { useReducedMotion } from '../../hooks/animation';
-import { Cell } from '../cell';
-import { createHairlineView, isFunction, isNumber, isObject, isRenderable, renderTextOrNode } from '../../utils';
-import { useCollapseTokens } from './tokens';
-const CollapseContext = /*#__PURE__*/React.createContext(null);
-const normalizeValue = value => {
-  if (value === undefined) return undefined;
-  if (Array.isArray(value)) return value.map(String);
-  if (value === null) return [];
-  return [String(value)];
-};
-const buildOutputValue = (keys, accordion) => accordion ? keys[0] ?? '' : keys;
-const CollapseImpl = props => {
-  const {
-    tokensOverride,
-    children,
-    accordion: accP,
-    value,
-    defaultValue,
-    onChange,
-    border: borderP,
-    iconPosition: iconPosP,
-    expandIcon,
-    disabled,
-    style,
-    ...rest
-  } = props;
-  const tokens = useCollapseTokens(tokensOverride);
-  const accordion = accP ?? tokens.defaults.accordion;
-  const border = borderP ?? tokens.defaults.border;
-  const iconPosition = iconPosP ?? tokens.defaults.iconPosition;
-  const {
-    colors
-  } = tokens;
-  const controlled = value !== undefined;
-  const normVal = normalizeValue(value);
-  const normDef = normalizeValue(defaultValue) ?? [];
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const [internalValue, setInternalValue] = useState(() => accordion ? normDef.slice(0, 1) : normDef);
-  const activeKeys = controlled ? accordion ? (normVal ?? []).slice(0, 1) : normVal ?? [] : internalValue;
-  const toggle = useCallback((name, expand) => {
-    if (disabled) return;
-    const existing = activeKeys.includes(name);
-    const shouldExpand = expand ?? !existing;
-    const nextKeys = accordion ? shouldExpand ? [name] : existing ? [] : activeKeys : shouldExpand ? existing ? activeKeys : [...activeKeys, name] : existing ? activeKeys.filter(k => k !== name) : activeKeys;
-    if (!controlled) setInternalValue(nextKeys);
-    onChangeRef.current?.(buildOutputValue(nextKeys, accordion));
-  }, [accordion, activeKeys, controlled, disabled]);
-  const ctxVal = useMemo(() => ({
-    activeKeys,
-    toggle,
-    accordion,
-    iconPosition,
-    expandIcon,
-    border,
-    disabled,
-    tokens
-  }), [accordion, activeKeys, border, disabled, expandIcon, iconPosition, tokens, toggle]);
-  const renderedChildren = useMemo(() => {
-    const items = React.Children.toArray(children);
-    return items.map((child, i) => {
-      if (! /*#__PURE__*/React.isValidElement(child)) return child;
-      if (!isFunction(child.type) && !isObject(child.type)) return child;
-      const name = child.props.name ?? String(i);
-      return /*#__PURE__*/React.cloneElement(child, {
-        name,
-        index: i
-      });
-    });
-  }, [children]);
-  return /*#__PURE__*/React.createElement(CollapseContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/React.createElement(View, _extends({
-    style: [tokens.layout.container, border && {
-      backgroundColor: colors.background
-    }, style]
-  }, rest), border && /*#__PURE__*/React.createElement(Hairline, {
-    tokens: tokens,
-    position: "top",
-    color: colors.border
-  }), border && /*#__PURE__*/React.createElement(Hairline, {
-    tokens: tokens,
-    position: "bottom",
-    color: colors.border
-  }), renderedChildren));
-};
-const Hairline = /*#__PURE__*/React.memo(({
-  tokens,
-  position,
-  color,
-  inset = 0
-}) => {
-  const hairlineStyle = createHairlineView({
-    position,
-    color,
-    left: inset,
-    right: inset
-  });
-  return /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [tokens.layout.hairline, hairlineStyle]
-  });
-});
-const CollapsePanel = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const context = useContext(CollapseContext);
-  const reducedMotion = useReducedMotion();
-  if (!context) throw new Error('Collapse.Panel must be used within Collapse');
-  const {
-    activeKeys,
-    toggle,
-    iconPosition,
-    expandIcon,
-    disabled: contextDisabled,
-    tokens
-  } = context;
-  const {
-    name = '0',
-    index = 0,
-    title,
-    description,
-    label,
-    icon,
-    extra,
-    value,
-    border: panelBorder = tokens.defaults.panelBorder,
-    isLink: isLinkProp = tokens.defaults.panelIsLink,
-    size: sizeProp = tokens.defaults.panelSize,
-    disabled,
-    readOnly,
-    children,
-    style,
-    titleStyle,
-    descriptionStyle,
-    ...rest
-  } = props;
-  const nameKey = String(name);
-  const isActive = activeKeys.includes(nameKey);
-  const mergedDisabled = contextDisabled || disabled;
-  const {
-    colors,
-    spacing,
-    typography
-  } = tokens;
-  const [contentHeight, setContentHeight] = useState(0);
-  const animation = useRef(new Animated.Value(isActive ? 1 : 0)).current;
-  const collapseAnimRef = useRef(null);
-  const rotation = animation.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['90deg', '-90deg']
-  });
-  useEffect(() => {
-    collapseAnimRef.current?.stop();
-    const anim = Animated.timing(animation, {
-      toValue: isActive ? 1 : 0,
-      duration: reducedMotion ? 0 : tokens.defaults.animationDuration,
-      easing: Easing.ease,
-      useNativeDriver: false,
-      isInteraction: false
-    });
-    collapseAnimRef.current = anim;
-    anim.start(({
-      finished
-    }) => {
-      if (finished) collapseAnimRef.current = null;
-    });
-    return () => {
-      collapseAnimRef.current?.stop();
-      collapseAnimRef.current = null;
-    };
-  }, [animation, isActive, reducedMotion, tokens.defaults.animationDuration]);
-  const renderedLabel = description ?? label;
-  const renderedValue = extra ?? value;
-  const handleToggle = useCallback(() => {
-    if (mergedDisabled || readOnly) return;
-    toggle(nameKey);
-  }, [mergedDisabled, nameKey, readOnly, toggle]);
-  useImperativeHandle(ref, () => ({
-    toggle: expand => {
-      if (mergedDisabled || readOnly) return;
-      toggle(nameKey, expand);
-    }
-  }), [mergedDisabled, nameKey, readOnly, toggle]);
-  const handleContentLayout = useCallback(event => {
-    const height = event.nativeEvent.layout.height;
-    if (isNumber(height) && Number.isFinite(height)) setContentHeight(prev => prev === height ? prev : height);
-  }, []);
-  const animatedStyle = useMemo(() => ({
-    height: animation.interpolate({
-      inputRange: [0, 1],
-      outputRange: [0, contentHeight]
-    })
-  }), [animation, contentHeight]);
-  const renderExpandIcon = useCallback(() => {
-    if (isFunction(expandIcon)) return expandIcon(isActive);
-    if (expandIcon) return expandIcon;
-    return /*#__PURE__*/React.createElement(Animated.View, {
-      style: {
-        transform: [{
-          rotate: rotation
-        }]
-      }
-    }, /*#__PURE__*/React.createElement(Arrow, {
-      size: 16,
-      fill: mergedDisabled ? colors.disabled : colors.arrow
-    }));
-  }, [colors.arrow, colors.disabled, expandIcon, isActive, mergedDisabled, rotation]);
-  const contentNode = useMemo(() => renderTextOrNode(children, {
-    color: mergedDisabled ? colors.disabled : colors.description,
-    fontFamily: typography.fontFamily,
-    fontSize: typography.descriptionSize,
-    lineHeight: Math.round(typography.descriptionSize * 1.5)
-  }), [children, colors.description, colors.disabled, mergedDisabled, typography.descriptionSize, typography.fontFamily]);
-  const showInnerBorder = Boolean(panelBorder);
-  const showTopBorder = index > 0 && showInnerBorder;
-  const showHeaderBottomBorder = isActive && showInnerBorder;
-  const showExpandIcon = isLinkProp && !readOnly;
-  const headerIcon = iconPosition === 'left' ? showExpandIcon || isRenderable(icon) ? /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.headerIconRow
-  }, showExpandIcon && /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginRight: icon ? tokens.spacing.iconGap : 0
-    }
-  }, renderExpandIcon()), icon) : undefined : icon;
-  const headerRightIcon = iconPosition === 'right' && showExpandIcon ? renderExpandIcon() : undefined;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [tokens.layout.panel, {
-      backgroundColor: colors.background
-    }, style]
-  }, rest), showTopBorder && /*#__PURE__*/React.createElement(Hairline, {
-    tokens: tokens,
-    position: "top",
-    color: colors.border,
-    inset: spacing.paddingHorizontal
-  }), /*#__PURE__*/React.createElement(View, {
-    style: tokens.layout.headerWrapper
-  }, /*#__PURE__*/React.createElement(Cell, {
-    title: title,
-    label: renderedLabel,
-    icon: headerIcon,
-    value: renderedValue,
-    size: sizeProp,
-    border: false,
-    disabled: mergedDisabled,
-    onPress: readOnly ? undefined : handleToggle,
-    accessibilityState: {
-      expanded: isActive,
-      disabled: mergedDisabled
-    },
-    titleStyle: mergedDisabled ? [titleStyle, {
-      color: colors.disabled
-    }] : titleStyle,
-    labelStyle: mergedDisabled ? [descriptionStyle, {
-      color: colors.disabled
-    }] : descriptionStyle,
-    valueStyle: mergedDisabled ? {
-      color: colors.disabled
-    } : undefined,
-    rightIcon: headerRightIcon
-  }), showHeaderBottomBorder && /*#__PURE__*/React.createElement(Hairline, {
-    tokens: tokens,
-    position: "bottom",
-    color: colors.border,
-    inset: spacing.paddingHorizontal
-  })), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [tokens.layout.bodyWrapper, animatedStyle]
-  }, /*#__PURE__*/React.createElement(View, {
-    onLayout: handleContentLayout,
-    style: [tokens.layout.bodyContent, {
-      paddingVertical: spacing.paddingVertical,
-      paddingHorizontal: spacing.paddingHorizontal,
-      backgroundColor: colors.background
-    }]
-  }, contentNode)));
-});
-CollapseImpl.Panel = CollapsePanel;
-CollapseImpl.Item = CollapsePanel;
-export const Collapse = Object.assign(/*#__PURE__*/React.memo(CollapseImpl), {
-  Panel: CollapsePanel,
-  Item: CollapsePanel
-});
-export default Collapse;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import React,{useCallback,useContext,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Animated,Easing,View}from"react-native";import{Arrow}from"react-native-system-icon";import{useReducedMotion}from"../../hooks/animation";import{Cell}from"../cell";import{createHairlineView,isFunction,isNumber,isObject,isRenderable,renderTextOrNode}from"../../utils";import{useCollapseTokens}from"./tokens";const CollapseContext=React.createContext(null),normalizeValue=e=>{if(void 0!==e)return Array.isArray(e)?e.map(String):null===e?[]:[String(e)]},buildOutputValue=(e,t)=>t?e[0]??"":e,CollapseImpl=e=>{const{tokensOverride:t,children:n,accordion:o,value:a,defaultValue:i,onChange:l,border:r,iconPosition:s,expandIcon:c,disabled:d,style:u,...p}=e,m=useCollapseTokens(t),b=o??m.defaults.accordion,g=r??m.defaults.border,f=s??m.defaults.iconPosition,{colors:y}=m,R=void 0!==a,C=normalizeValue(a),v=normalizeValue(i)??[],k=useRef(l);k.current=l;const[E,h]=useState(()=>b?v.slice(0,1):v),w=R?b?(C??[]).slice(0,1):C??[]:E,V=useCallback((e,t)=>{if(d)return;const n=w.includes(e),o=t??!n,a=b?o?[e]:n?[]:w:o?n?w:[...w,e]:n?w.filter(t=>t!==e):w;R||h(a),k.current?.(buildOutputValue(a,b))},[b,w,R,d]),x=useMemo(()=>({activeKeys:w,toggle:V,accordion:b,iconPosition:f,expandIcon:c,border:g,disabled:d,tokens:m}),[b,w,g,d,c,f,m,V]),S=useMemo(()=>React.Children.toArray(n).map((e,t)=>{if(!React.isValidElement(e))return e;if(!isFunction(e.type)&&!isObject(e.type))return e;const n=e.props.name??String(t);return React.cloneElement(e,{name:n,index:t})}),[n]);return React.createElement(CollapseContext.Provider,{value:x},React.createElement(View,_extends({style:[m.layout.container,g&&{backgroundColor:y.background},u]},p),g&&React.createElement(Hairline,{tokens:m,position:"top",color:y.border}),g&&React.createElement(Hairline,{tokens:m,position:"bottom",color:y.border}),S))},Hairline=React.memo(({tokens:e,position:t,color:n,inset:o=0})=>{const a=createHairlineView({position:t,color:n,left:o,right:o});return React.createElement(View,{pointerEvents:"none",style:[e.layout.hairline,a]})}),CollapsePanel=React.forwardRef((e,t)=>{const n=useContext(CollapseContext),o=useReducedMotion();if(!n)throw new Error("Collapse.Panel must be used within Collapse");const{activeKeys:a,toggle:i,iconPosition:l,expandIcon:r,disabled:s,tokens:c}=n,{name:d="0",index:u=0,title:p,description:m,label:b,icon:g,extra:f,value:y,border:R=c.defaults.panelBorder,isLink:C=c.defaults.panelIsLink,size:v=c.defaults.panelSize,disabled:k,readOnly:E,children:h,style:w,titleStyle:V,descriptionStyle:x,...S}=e,z=String(d),I=a.includes(z),P=s||k,{colors:H,spacing:O,typography:A}=c,[M,F]=useState(0),N=useRef(new Animated.Value(I?1:0)).current,j=useRef(null),_=N.interpolate({inputRange:[0,1],outputRange:["90deg","-90deg"]});useEffect(()=>{j.current?.stop();const e=Animated.timing(N,{toValue:I?1:0,duration:o?0:c.defaults.animationDuration,easing:Easing.ease,useNativeDriver:!1,isInteraction:!1});return j.current=e,e.start(({finished:e})=>{e&&(j.current=null)}),()=>{j.current?.stop(),j.current=null}},[N,I,o,c.defaults.animationDuration]);const T=m??b,D=f??y,L=useCallback(()=>{P||E||i(z)},[P,z,E,i]);useImperativeHandle(t,()=>({toggle:e=>{P||E||i(z,e)}}),[P,z,E,i]);const B=useCallback(e=>{const t=e.nativeEvent.layout.height;isNumber(t)&&Number.isFinite(t)&&F(e=>e===t?e:t)},[]),K=useMemo(()=>({height:N.interpolate({inputRange:[0,1],outputRange:[0,M]})}),[N,M]),W=useCallback(()=>isFunction(r)?r(I):r||React.createElement(Animated.View,{style:{transform:[{rotate:_}]}},React.createElement(Arrow,{size:16,fill:P?H.disabled:H.arrow})),[H.arrow,H.disabled,r,I,P,_]),G=useMemo(()=>renderTextOrNode(h,{color:P?H.disabled:H.description,fontFamily:A.fontFamily,fontSize:A.descriptionSize,lineHeight:Math.round(1.5*A.descriptionSize)}),[h,H.description,H.disabled,P,A.descriptionSize,A.fontFamily]),q=Boolean(R),J=u>0&&q,Q=I&&q,U=C&&!E,X="left"===l?U||isRenderable(g)?React.createElement(View,{style:c.layout.headerIconRow},U&&React.createElement(View,{style:{marginRight:g?c.spacing.iconGap:0}},W()),g):void 0:g,Y="right"===l&&U?W():void 0;return React.createElement(View,_extends({style:[c.layout.panel,{backgroundColor:H.background},w]},S),J&&React.createElement(Hairline,{tokens:c,position:"top",color:H.border,inset:O.paddingHorizontal}),React.createElement(View,{style:c.layout.headerWrapper},React.createElement(Cell,{title:p,label:T,icon:X,value:D,size:v,border:!1,disabled:P,onPress:E?void 0:L,accessibilityState:{expanded:I,disabled:P},titleStyle:P?[V,{color:H.disabled}]:V,labelStyle:P?[x,{color:H.disabled}]:x,valueStyle:P?{color:H.disabled}:void 0,rightIcon:Y}),Q&&React.createElement(Hairline,{tokens:c,position:"bottom",color:H.border,inset:O.paddingHorizontal})),React.createElement(Animated.View,{style:[c.layout.bodyWrapper,K]},React.createElement(View,{onLayout:B,style:[c.layout.bodyContent,{paddingVertical:O.paddingVertical,paddingHorizontal:O.paddingHorizontal,backgroundColor:H.background}]},G)))});CollapseImpl.Panel=CollapsePanel,CollapseImpl.Item=CollapsePanel;export const Collapse=Object.assign(React.memo(CollapseImpl),{Panel:CollapsePanel,Item:CollapsePanel});export default Collapse;

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

@@ -1,2 +1 @@
-import { Collapse } from './Collapse';
-export default Collapse;
+import{Collapse}from"./Collapse";export default Collapse;

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

@@ -1,74 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createCollapseTokens = foundations => {
-  const {
-    palette,
-    spacing,
-    fontSize,
-    typography,
-    radii
-  } = foundations;
-  return {
-    defaults: {
-      accordion: false,
-      border: true,
-      iconPosition: 'right',
-      panelBorder: true,
-      panelIsLink: true,
-      panelSize: 'normal',
-      animationDuration: 200
-    },
-    layout: {
-      container: {
-        position: 'relative'
-      },
-      panel: {
-        position: 'relative'
-      },
-      hairline: {
-        position: 'absolute'
-      },
-      headerWrapper: {
-        position: 'relative'
-      },
-      bodyWrapper: {
-        position: 'relative',
-        overflow: 'hidden'
-      },
-      headerIconRow: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      bodyContent: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0
-      }
-    },
-    colors: {
-      border: palette.default[200],
-      title: palette.default[800],
-      description: palette.default[500],
-      background: '#ffffff',
-      active: palette.default[50],
-      arrow: palette.default[400],
-      disabled: palette.default[400]
-    },
-    typography: {
-      titleSize: fontSize.md,
-      descriptionSize: fontSize.sm,
-      fontFamily: typography.fontFamily,
-      titleWeight: typography.weight.medium
-    },
-    panel: {
-      borderRadius: radii.sm
-    },
-    spacing: {
-      paddingVertical: spacing.md,
-      paddingHorizontal: spacing.lg,
-      descriptionTop: spacing.xs,
-      iconGap: 8
-    }
-  };
-};
-export const useCollapseTokens = createComponentTokensHook('collapse', createCollapseTokens);
+import{createComponentTokensHook}from"../../design-system";export const createCollapseTokens=e=>{const{palette:o,spacing:t,fontSize:i,typography:a,radii:n}=e;return{defaults:{accordion:!1,border:!0,iconPosition:"right",panelBorder:!0,panelIsLink:!0,panelSize:"normal",animationDuration:200},layout:{container:{position:"relative"},panel:{position:"relative"},hairline:{position:"absolute"},headerWrapper:{position:"relative"},bodyWrapper:{position:"relative",overflow:"hidden"},headerIconRow:{flexDirection:"row",alignItems:"center"},bodyContent:{position:"absolute",top:0,left:0,right:0}},colors:{border:o.default[200],title:o.default[800],description:o.default[500],background:"#ffffff",active:o.default[50],arrow:o.default[400],disabled:o.default[400]},typography:{titleSize:i.md,descriptionSize:i.sm,fontFamily:a.fontFamily,titleWeight:a.weight.medium},panel:{borderRadius:n.sm},spacing:{paddingVertical:t.md,paddingHorizontal:t.lg,descriptionTop:t.xs,iconGap:8}}};export const useCollapseTokens=createComponentTokensHook("collapse",createCollapseTokens);

package/dist/es/components/config-provider/ConfigProvider.js

@@ -1,25 +1 @@
-import React, { useContext } from 'react';
-import { I18nManager } from 'react-native';
-import { ThemeProvider } from '../../design-system/ThemeProvider';
-import { PortalHost } from '../portal';
-import { DirectionContext } from './DirectionContext';
-import { LocaleContext } from './LocaleContext';
-const ConfigProviderBase = ({
-  theme,
-  locale,
-  direction,
-  children
-}) => {
-  const ctxLocale = useContext(LocaleContext);
-  const ctxDir = useContext(DirectionContext);
-  const rLocale = locale ?? ctxLocale;
-  const rDir = direction ?? ctxDir ?? (I18nManager.isRTL ? 'rtl' : 'ltr');
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    value: theme
-  }, /*#__PURE__*/React.createElement(DirectionContext.Provider, {
-    value: rDir
-  }, /*#__PURE__*/React.createElement(LocaleContext.Provider, {
-    value: rLocale
-  }, /*#__PURE__*/React.createElement(PortalHost, null, children))));
-};
-export const ConfigProvider = /*#__PURE__*/React.memo(ConfigProviderBase);
+import React,{useContext}from"react";import{I18nManager}from"react-native";import{ThemeProvider}from"../../design-system/ThemeProvider";import{PortalHost}from"../portal";import{DirectionContext}from"./DirectionContext";import{LocaleContext}from"./LocaleContext";const ConfigProviderBase=({theme:e,locale:t,direction:o,children:r})=>{const n=useContext(LocaleContext),i=useContext(DirectionContext),a=t??n,c=o??i??(I18nManager.isRTL?"rtl":"ltr");return React.createElement(ThemeProvider,{value:e},React.createElement(DirectionContext.Provider,{value:c},React.createElement(LocaleContext.Provider,{value:a},React.createElement(PortalHost,null,r))))};export const ConfigProvider=React.memo(ConfigProviderBase);

package/dist/es/components/config-provider/DirectionContext.js

@@ -1,2 +1 @@
-import React from 'react';
-export const DirectionContext = /*#__PURE__*/React.createContext('ltr');
+import React from"react";export const DirectionContext=React.createContext("ltr");

package/dist/es/components/config-provider/LocaleContext.js

@@ -1,3 +1 @@
-import React from 'react';
-import { zhCN } from './locale/zh-CN';
-export const LocaleContext = /*#__PURE__*/React.createContext(zhCN);
+import React from"react";import{zhCN}from"./locale/zh-CN";export const LocaleContext=React.createContext(zhCN);

package/dist/es/components/config-provider/index.js

@@ -1,5 +1 @@
-export { ConfigProvider } from './ConfigProvider';
-export { useLocale } from './useLocale';
-export { useDirection } from './useDirection';
-export { zhCN } from './locale/zh-CN';
-export { enUS } from './locale/en-US';
+export{ConfigProvider}from"./ConfigProvider";export{useLocale}from"./useLocale";export{useDirection}from"./useDirection";export{zhCN}from"./locale/zh-CN";export{enUS}from"./locale/en-US";

package/dist/es/components/config-provider/locale/en-US.js

@@ -1,106 +1 @@
-export const enUS = {
-  name: 'Name',
-  tel: 'Phone',
-  save: 'Save',
-  confirm: 'Confirm',
-  cancel: 'Cancel',
-  delete: 'Delete',
-  loading: 'Loading...',
-  noCoupon: 'No coupons',
-  nameEmpty: 'Please enter a name',
-  telInvalid: 'Please enter a valid phone number',
-  vanCalendar: {
-    end: 'End',
-    start: 'Start',
-    title: 'Select Date',
-    confirm: 'Confirm',
-    startEnd: 'Start/End',
-    weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    monthTitle: (year, month) => `${year}/${month}`,
-    rangePrompt: maxRange => `Select up to ${maxRange} days`
-  },
-  vanPicker: {
-    select: 'Please select'
-  },
-  vanContactCard: {
-    addText: 'Add contact'
-  },
-  vanContactList: {
-    addText: 'New contact'
-  },
-  vanPagination: {
-    prev: 'Previous',
-    next: 'Next'
-  },
-  vanPullRefresh: {
-    pulling: 'Pull to refresh...',
-    loosing: 'Release to refresh...',
-    loading: 'Loading...'
-  },
-  vanSubmitBar: {
-    label: 'Total:'
-  },
-  vanCoupon: {
-    unlimited: 'No minimum spend',
-    discount: discount => `${discount}% off`,
-    condition: condition => `Valid on orders over ${condition}`
-  },
-  vanCouponCell: {
-    title: 'Coupon',
-    count: count => `${count} available`
-  },
-  vanCouponList: {
-    exchange: 'Redeem',
-    close: 'Do not use coupons',
-    enable: 'Available',
-    disabled: 'Unavailable',
-    placeholder: 'Enter coupon code'
-  },
-  vanAddressEdit: {
-    area: 'Area',
-    postal: 'Postal code',
-    areaEmpty: 'Please select an area',
-    addressEmpty: 'Please enter the address',
-    postalEmpty: 'Invalid postal code',
-    defaultAddress: 'Set as default address'
-  },
-  vanAddressEditDetail: {
-    label: 'Address',
-    placeholder: 'Street, building, etc.'
-  },
-  vanAddressList: {
-    add: 'Add address'
-  },
-  vanForm: {
-    validationFailed: 'Validation failed'
-  },
-  vanPopup: {
-    closeOverlay: 'Close overlay',
-    closeHint: 'Double-tap to close'
-  },
-  vanToast: {
-    closeHint: 'Double-tap to dismiss'
-  },
-  vanShareSheet: {
-    cancel: 'Cancel'
-  },
-  vanNumberKeyboard: {
-    close: 'Done'
-  },
-  vanNoticeBar: {
-    close: 'Close'
-  },
-  vanNavBar: {
-    back: 'Back',
-    action: 'Actions'
-  },
-  vanImage: {
-    loading: 'Loading...',
-    error: 'Failed to load'
-  },
-  vanCascader: {
-    placeholder: 'Select',
-    loading: 'Loading...',
-    close: 'Close'
-  }
-};
+export const enUS={name:"Name",tel:"Phone",save:"Save",confirm:"Confirm",cancel:"Cancel",delete:"Delete",loading:"Loading...",noCoupon:"No coupons",nameEmpty:"Please enter a name",telInvalid:"Please enter a valid phone number",vanCalendar:{end:"End",start:"Start",title:"Select Date",confirm:"Confirm",startEnd:"Start/End",weekdays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthTitle:(e,a)=>`${e}/${a}`,rangePrompt:e=>`Select up to ${e} days`},vanPicker:{select:"Please select"},vanContactCard:{addText:"Add contact"},vanContactList:{addText:"New contact"},vanPagination:{prev:"Previous",next:"Next"},vanPullRefresh:{pulling:"Pull to refresh...",loosing:"Release to refresh...",loading:"Loading..."},vanSubmitBar:{label:"Total:"},vanCoupon:{unlimited:"No minimum spend",discount:e=>`${e}% off`,condition:e=>`Valid on orders over ${e}`},vanCouponCell:{title:"Coupon",count:e=>`${e} available`},vanCouponList:{exchange:"Redeem",close:"Do not use coupons",enable:"Available",disabled:"Unavailable",placeholder:"Enter coupon code"},vanAddressEdit:{area:"Area",postal:"Postal code",areaEmpty:"Please select an area",addressEmpty:"Please enter the address",postalEmpty:"Invalid postal code",defaultAddress:"Set as default address"},vanAddressEditDetail:{label:"Address",placeholder:"Street, building, etc."},vanAddressList:{add:"Add address"},vanForm:{validationFailed:"Validation failed"},vanPopup:{closeOverlay:"Close overlay",closeHint:"Double-tap to close"},vanToast:{closeHint:"Double-tap to dismiss"},vanShareSheet:{cancel:"Cancel"},vanNumberKeyboard:{close:"Done"},vanNoticeBar:{close:"Close"},vanNavBar:{back:"Back",action:"Actions"},vanImage:{loading:"Loading...",error:"Failed to load"},vanCascader:{placeholder:"Select",loading:"Loading...",close:"Close"}};