react-native-system-ui 1.0.2 → 1.0.4

package/dist/es/components/portal/PortalHost.js

@@ -1,234 +1 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { DeviceEventEmitter, NativeEventEmitter, Platform, StyleSheet, View } from 'react-native';
-import { isNumber } from '../../utils';
-import { PortalContext } from './PortalContext';
-const AE = 'RNSU_PORTAL_ADD';
-const UE = 'RNSU_PORTAL_UPDATE';
-const RE = 'RNSU_PORTAL_REMOVE';
-const CE = 'RNSU_PORTAL_CLEAR';
-const TVE = DeviceEventEmitter || new NativeEventEmitter();
-const IW = Platform.OS === 'web';
-const ao = (m, o) => {
-  if (o.type === 'mount') m.mount(o.children, o.key);else if (o.type === 'update') m.update(o.key, o.children);else if (o.type === 'clear') m.clear();else m.unmount(o.key);
-};
-const PortalManagerView = /*#__PURE__*/React.forwardRef((_, ref) => {
-  const [e, setE] = useState([]);
-  const ks = useRef(0);
-  const us = useCallback(en => {
-    setE(p => {
-      const i = p.findIndex(it => it.key === en.key);
-      return i === -1 ? [...p, en] : [...p.slice(0, i), en, ...p.slice(i + 1)];
-    });
-  }, []);
-  const mt = useCallback((c, k) => {
-    const rk = k ?? ++ks.current;
-    if (isNumber(k) && k >= ks.current) ks.current = k + 1;
-    us({
-      key: rk,
-      children: c
-    });
-    return rk;
-  }, [us]);
-  const up = useCallback((k, c) => {
-    us({
-      key: k,
-      children: c
-    });
-  }, [us]);
-  const um = useCallback(k => {
-    setE(p => p.filter(it => it.key !== k));
-  }, []);
-  const cl = useCallback(() => {
-    setE([]);
-  }, []);
-  React.useImperativeHandle(ref, () => ({
-    mount: mt,
-    update: up,
-    unmount: um,
-    clear: cl
-  }), [mt, up, um, cl]);
-  if (e.length === 0) return null;
-  return /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "box-none",
-    style: S.pl,
-    collapsable: false
-  }, e.map(en => /*#__PURE__*/React.createElement(View, {
-    key: en.key,
-    pointerEvents: "box-none",
-    collapsable: false,
-    style: S.pe
-  }, en.children)));
-});
-let ah = 0;
-let nh = 1;
-let ngk = 10000;
-const gm = {
-  mount: (c, k) => {
-    if (typeof __DEV__ !== 'undefined' && __DEV__ && ah === 0) console.warn('[Portal] Please mount <PortalHost> or <ConfigProvider> at the root to enable imperative APIs.');
-    const rk = k ?? ngk++;
-    if (isNumber(k) && k >= ngk) ngk = k + 1;
-    TVE.emit(AE, {
-      key: rk,
-      children: c
-    });
-    return rk;
-  },
-  update: (k, c) => {
-    TVE.emit(UE, {
-      key: k,
-      children: c
-    });
-  },
-  unmount: k => {
-    TVE.emit(RE, {
-      key: k
-    });
-  }
-};
-const PortalHostImpl = ({
-  children
-}) => {
-  const hir = useRef(nh++),
-    mr = useRef(null),
-    qr = useRef([]),
-    nkr = useRef(1);
-  const eor = useCallback(o => {
-    const m = mr.current;
-    if (m) ao(m, o);else qr.current.push(o);
-  }, []);
-  const sm = useMemo(() => ({
-    mount: (c, k) => {
-      const rk = k ?? nkr.current++;
-      if (isNumber(k) && k >= nkr.current) nkr.current = k + 1;
-      eor({
-        type: 'mount',
-        key: rk,
-        children: c
-      });
-      return rk;
-    },
-    update: (k, c) => {
-      eor({
-        type: 'update',
-        key: k,
-        children: c
-      });
-    },
-    unmount: k => {
-      eor({
-        type: 'unmount',
-        key: k
-      });
-    }
-  }), [eor]);
-  const hmr = useCallback(m => {
-    mr.current = m;
-    if (m) {
-      if (qr.current.length > 0) {
-        const pd = qr.current.splice(0, qr.current.length);
-        pd.forEach(o => ao(m, o));
-      }
-      ;
-      if (ah === 0 || ah === hir.current) ah = hir.current;else if (typeof __DEV__ !== 'undefined' && __DEV__) console.warn('[PortalHost] Multiple PortalHost instances detected. Imperative APIs will only use the first mounted host.');
-    }
-  }, []);
-  useEffect(() => () => {
-    if (ah === hir.current) {
-      ah = 0;
-      qr.current = [];
-      portalStore.clear();
-    }
-  }, []);
-  useEffect(() => {
-    const ha = ({
-      key: k,
-      children: c
-    }) => {
-      if (ah !== hir.current) return;
-      eor({
-        type: 'mount',
-        key: k,
-        children: c
-      });
-    };
-    const hu = ({
-      key: k,
-      children: c
-    }) => {
-      if (ah !== hir.current) return;
-      eor({
-        type: 'update',
-        key: k,
-        children: c
-      });
-    };
-    const hr = ({
-      key: k
-    }) => {
-      if (ah !== hir.current) return;
-      eor({
-        type: 'unmount',
-        key: k
-      });
-    };
-    const hc = () => {
-      if (ah !== hir.current) return;
-      qr.current = [];
-      eor({
-        type: 'clear'
-      });
-    };
-    const as = TVE.addListener(AE, ha);
-    const us = TVE.addListener(UE, hu);
-    const rs = TVE.addListener(RE, hr);
-    const cs = TVE.addListener(CE, hc);
-    return () => {
-      as.remove();
-      us.remove();
-      rs.remove();
-      cs.remove();
-    };
-  }, [eor]);
-  return /*#__PURE__*/React.createElement(PortalContext.Provider, {
-    value: sm
-  }, /*#__PURE__*/React.createElement(View, {
-    style: S.h,
-    collapsable: false
-  }, /*#__PURE__*/React.createElement(View, {
-    style: S.r,
-    collapsable: false,
-    pointerEvents: "box-none"
-  }, children), /*#__PURE__*/React.createElement(PortalManagerView, {
-    ref: hmr
-  })));
-};
-export const PortalHost = /*#__PURE__*/React.memo(PortalHostImpl);
-PortalHost.displayName = 'PortalHost';
-const S = StyleSheet.create({
-  h: {
-    position: 'relative',
-    flex: 1
-  },
-  r: {
-    flex: 1
-  },
-  pl: IW ? {
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  } : {
-    ...StyleSheet.absoluteFillObject
-  },
-  pe: {
-    ...StyleSheet.absoluteFillObject
-  }
-});
-export const portalManager = gm;
-export const portalStore = {
-  clear: () => {
-    TVE.emit(CE);
-  },
-  hasHosts: () => ah !== 0
-};
+import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{DeviceEventEmitter,NativeEventEmitter,Platform,StyleSheet,View}from"react-native";import{isNumber}from"../../utils";import{PortalContext}from"./PortalContext";const AE="RNSU_PORTAL_ADD",UE="RNSU_PORTAL_UPDATE",RE="RNSU_PORTAL_REMOVE",CE="RNSU_PORTAL_CLEAR",TVE=DeviceEventEmitter||new NativeEventEmitter,IW="web"===Platform.OS,ao=(e,t)=>{"mount"===t.type?e.mount(t.children,t.key):"update"===t.type?e.update(t.key,t.children):"clear"===t.type?e.clear():e.unmount(t.key)},PortalManagerView=React.forwardRef((e,t)=>{const[r,n]=useState([]),a=useRef(0),o=useCallback(e=>{n(t=>{const r=t.findIndex(t=>t.key===e.key);return-1===r?[...t,e]:[...t.slice(0,r),e,...t.slice(r+1)]})},[]),l=useCallback((e,t)=>{const r=t??++a.current;return isNumber(t)&&t>=a.current&&(a.current=t+1),o({key:r,children:e}),r},[o]),c=useCallback((e,t)=>{o({key:e,children:t})},[o]),u=useCallback(e=>{n(t=>t.filter(t=>t.key!==e))},[]),s=useCallback(()=>{n([])},[]);return React.useImperativeHandle(t,()=>({mount:l,update:c,unmount:u,clear:s}),[l,c,u,s]),0===r.length?null:React.createElement(View,{pointerEvents:"box-none",style:S.pl,collapsable:!1},r.map(e=>React.createElement(View,{key:e.key,pointerEvents:"box-none",collapsable:!1,style:S.pe},e.children)))});let ah=0,nh=1,ngk=1e4;const gm={mount:(e,t)=>{"undefined"!=typeof __DEV__&&__DEV__&&0===ah&&console.warn("[Portal] Please mount <PortalHost> or <ConfigProvider> at the root to enable imperative APIs.");const r=t??ngk++;return isNumber(t)&&t>=ngk&&(ngk=t+1),TVE.emit(AE,{key:r,children:e}),r},update:(e,t)=>{TVE.emit(UE,{key:e,children:t})},unmount:e=>{TVE.emit(RE,{key:e})}},PortalHostImpl=({children:e})=>{const t=useRef(nh++),r=useRef(null),n=useRef([]),a=useRef(1),o=useCallback(e=>{const t=r.current;t?ao(t,e):n.current.push(e)},[]),l=useMemo(()=>({mount:(e,t)=>{const r=t??a.current++;return isNumber(t)&&t>=a.current&&(a.current=t+1),o({type:"mount",key:r,children:e}),r},update:(e,t)=>{o({type:"update",key:e,children:t})},unmount:e=>{o({type:"unmount",key:e})}}),[o]),c=useCallback(e=>{if(r.current=e,e){if(n.current.length>0){n.current.splice(0,n.current.length).forEach(t=>ao(e,t))}0===ah||ah===t.current?ah=t.current:"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[PortalHost] Multiple PortalHost instances detected. Imperative APIs will only use the first mounted host.")}},[]);return useEffect(()=>()=>{ah===t.current&&(ah=0,n.current=[],portalStore.clear())},[]),useEffect(()=>{const e=TVE.addListener(AE,({key:e,children:r})=>{ah===t.current&&o({type:"mount",key:e,children:r})}),r=TVE.addListener(UE,({key:e,children:r})=>{ah===t.current&&o({type:"update",key:e,children:r})}),a=TVE.addListener(RE,({key:e})=>{ah===t.current&&o({type:"unmount",key:e})}),l=TVE.addListener(CE,()=>{ah===t.current&&(n.current=[],o({type:"clear"}))});return()=>{e.remove(),r.remove(),a.remove(),l.remove()}},[o]),React.createElement(PortalContext.Provider,{value:l},React.createElement(View,{style:S.h,collapsable:!1},React.createElement(View,{style:S.r,collapsable:!1,pointerEvents:"box-none"},e),React.createElement(PortalManagerView,{ref:c})))};export const PortalHost=React.memo(PortalHostImpl);PortalHost.displayName="PortalHost";const S=StyleSheet.create({h:{position:"relative",flex:1},r:{flex:1},pl:IW?{position:"fixed",top:0,left:0,right:0,bottom:0}:{...StyleSheet.absoluteFillObject},pe:{...StyleSheet.absoluteFillObject}});export const portalManager=gm;export const portalStore={clear:()=>{TVE.emit(CE)},hasHosts:()=>0!==ah};

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

@@ -1,3 +1 @@
-export { PortalHost } from './PortalHost';
-export { Portal } from './Portal';
-export { portalManager } from './PortalHost';
+export{PortalHost}from"./PortalHost";export{Portal}from"./Portal";export{portalManager}from"./PortalHost";

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

@@ -1,5 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createPortalTokens = _foundations => {
-  return {};
-};
-export const usePortalTokens = createComponentTokensHook('portal', createPortalTokens);
+import{createComponentTokensHook}from"../../design-system";const createPortalTokens=o=>({});export const usePortalTokens=createComponentTokensHook("portal",createPortalTokens);

package/dist/es/components/progress/Progress.js

@@ -1,196 +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, { memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Animated, Platform, Text, View } from 'react-native';
-import { clamp, parseNumberLike, parsePercentage, isString, isText } from '../../utils';
-import { useReducedMotion } from '../../hooks/animation';
-import { useProgressTokens } from './tokens';
-const GRADIENT_REGEX = /linear-gradient|radial-gradient|conic-gradient/i;
-const ProgressContext = /*#__PURE__*/React.createContext(null);
-export const ProgressFilledTrack = ({
-  style
-}) => {
-  const context = useContext(ProgressContext);
-  if (!context) return null;
-  const size = useMemo(() => context.animatedValue.interpolate({
-    inputRange: [0, 100],
-    outputRange: ['0%', '100%']
-  }), [context.animatedValue]);
-  const sizeStyle = useMemo(() => context.orientation === 'vertical' ? {
-    width: context.height,
-    height: size,
-    bottom: 0,
-    left: 0,
-    position: 'absolute'
-  } : {
-    height: context.height,
-    width: size
-  }, [context.height, context.orientation, size]);
-  const baseStyle = [context.orientation === 'vertical' ? {
-    position: 'absolute',
-    left: 0,
-    bottom: 0
-  } : context.layoutIndicator, {
-    backgroundColor: context.indicatorColor,
-    borderRadius: context.height / 2,
-    ...(context.isGradient && context.gradientColor ? {
-      backgroundImage: context.gradientColor
-    } : null)
-  }, sizeStyle, context.indicatorStyle, style];
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: baseStyle
-  });
-};
-export const Progress = /*#__PURE__*/memo(props => {
-  const {
-    tokensOverride,
-    percentage: pctP,
-    strokeWidth,
-    color,
-    trackColor,
-    pivotText,
-    pivotColor,
-    textColor,
-    inactive: inactP,
-    showPivot: showPivotP,
-    animated,
-    transition: transP,
-    animationDuration: durP,
-    style,
-    pivotStyle,
-    indicatorStyle,
-    orientation: oriP,
-    children,
-    ...rest
-  } = props;
-  const tokens = useProgressTokens(tokensOverride);
-  const reducedMotion = useReducedMotion();
-  const pct = clamp(parsePercentage(pctP ?? tokens.defaults.percentage), 0, 100);
-  const h = parseNumberLike(strokeWidth, tokens.sizing.height) ?? tokens.sizing.height;
-  const inact = inactP ?? tokens.defaults.inactive;
-  const ori = oriP ?? 'horizontal';
-  const showPivot = ori === 'vertical' ? false : showPivotP ?? tokens.defaults.showPivot;
-  const doAnim = (animated ?? transP ?? tokens.defaults.transition) && !inact;
-  const dur = Math.max(0, durP ?? tokens.defaults.animationDuration);
-  const isGrad = Platform.OS === 'web' && isString(color) && GRADIENT_REGEX.test(color);
-  const trackClr = trackColor ?? tokens.colors.track;
-  const indClr = inact ? tokens.colors.track : !isGrad ? color ?? tokens.colors.indicator : undefined;
-  const pivotBg = pivotColor ?? (isGrad ? inact ? tokens.colors.track : tokens.colors.indicator : indClr);
-  const pivotTxtClr = textColor ?? tokens.colors.pivotText;
-  const pivotCnt = pivotText ?? `${pct}%`;
-  const hasPiv = showPivot && pivotCnt !== null && pivotCnt !== false;
-  const animVal = useRef(new Animated.Value(pct)).current;
-  useEffect(() => {
-    if (doAnim && dur > 0 && !reducedMotion) {
-      const anim = Animated.timing(animVal, {
-        toValue: pct,
-        duration: dur,
-        useNativeDriver: false,
-        isInteraction: false
-      });
-      anim.start();
-      return () => anim.stop();
-    } else animVal.setValue(pct);
-  }, [pct, doAnim, dur, animVal, reducedMotion]);
-  const [lay, setLay] = useState({
-    track: 0,
-    pivot: 0
-  });
-  const onTrackLay = useCallback(e => {
-    const w = e.nativeEvent.layout.width;
-    setLay(prev => prev.track === w ? prev : {
-      ...prev,
-      track: w
-    });
-  }, []);
-  const onPivotLay = useCallback(e => {
-    const w = e.nativeEvent.layout.width;
-    setLay(prev => prev.pivot === w ? prev : {
-      ...prev,
-      pivot: w
-    });
-  }, []);
-  const trackStyle = [tokens.layout.track, ori === 'vertical' ? {
-    width: h,
-    height: '100%',
-    backgroundColor: trackClr,
-    borderRadius: h / 2
-  } : {
-    height: h,
-    backgroundColor: trackClr,
-    borderRadius: h / 2
-  }];
-  const pivotNode = useMemo(() => {
-    if (!hasPiv) return null;
-    const {
-      track: tw,
-      pivot: pw
-    } = lay;
-    const ctrStyle = [tokens.layout.pivot, {
-      bottom: h + tokens.sizing.pivotPaddingVertical * 2,
-      backgroundColor: pivotBg,
-      paddingHorizontal: tokens.sizing.pivotPaddingHorizontal,
-      paddingVertical: tokens.sizing.pivotPaddingVertical,
-      borderRadius: h,
-      opacity: tw > 0 ? 1 : 0
-    }];
-    let transStyle = null;
-    if (tw > 0 && pw > 0) {
-      const p1 = pw / 2 / tw * 100;
-      const p2 = (tw - pw / 2) / tw * 100;
-      transStyle = p1 < p2 ? {
-        transform: [{
-          translateX: animVal.interpolate({
-            inputRange: [0, p1, p2, 100],
-            outputRange: [0, 0, tw - pw, tw - pw],
-            extrapolate: 'clamp'
-          })
-        }]
-      } : {
-        transform: [{
-          translateX: (tw - pw) / 2
-        }]
-      };
-    } else transStyle = {
-      transform: [{
-        translateX: (tw - pw) / 2
-      }]
-    };
-    return /*#__PURE__*/React.createElement(Animated.View, {
-      style: [ctrStyle, transStyle],
-      pointerEvents: "none",
-      onLayout: onPivotLay
-    }, isText(pivotCnt) ? /*#__PURE__*/React.createElement(Text, {
-      style: [tokens.layout.pivotText, {
-        color: pivotTxtClr,
-        fontFamily: tokens.typography.fontFamily,
-        fontSize: tokens.typography.pivotFontSize
-      }, pivotStyle]
-    }, pivotCnt) : pivotCnt);
-  }, [animVal, hasPiv, h, lay, onPivotLay, pivotCnt, pivotStyle, pivotBg, pivotTxtClr, tokens.layout.pivot, tokens.layout.pivotText, tokens.sizing.pivotPaddingHorizontal, tokens.sizing.pivotPaddingVertical, tokens.typography.fontFamily, tokens.typography.pivotFontSize]);
-  const ctxVal = useMemo(() => ({
-    animatedValue: animVal,
-    orientation: ori,
-    height: h,
-    indicatorColor: indClr,
-    indicatorStyle: indicatorStyle,
-    isGradient: isGrad,
-    gradientColor: isGrad ? color : undefined,
-    layoutIndicator: tokens.layout.indicator
-  }), [animVal, color, h, indicatorStyle, isGrad, ori, indClr, tokens.layout.indicator]);
-  return /*#__PURE__*/React.createElement(ProgressContext.Provider, {
-    value: ctxVal
-  }, /*#__PURE__*/React.createElement(View, _extends({
-    style: style,
-    accessibilityRole: "progressbar",
-    accessibilityValue: {
-      min: 0,
-      max: 100,
-      now: pct
-    }
-  }, rest), /*#__PURE__*/React.createElement(View, {
-    style: trackStyle,
-    onLayout: hasPiv ? onTrackLay : undefined
-  }, children ?? /*#__PURE__*/React.createElement(ProgressFilledTrack, null)), pivotNode));
-});
-Progress.displayName = 'Progress';
-export default Progress;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var i in o)({}).hasOwnProperty.call(o,i)&&(t[i]=o[i])}return t},_extends.apply(null,arguments)}import React,{memo,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{Animated,Platform,Text,View}from"react-native";import{clamp,parseNumberLike,parsePercentage,isString,isText}from"../../utils";import{useReducedMotion}from"../../hooks/animation";import{useProgressTokens}from"./tokens";const GRADIENT_REGEX=/linear-gradient|radial-gradient|conic-gradient/i,ProgressContext=React.createContext(null);export const ProgressFilledTrack=({style:t})=>{const e=useContext(ProgressContext);if(!e)return null;const o=useMemo(()=>e.animatedValue.interpolate({inputRange:[0,100],outputRange:["0%","100%"]}),[e.animatedValue]),i=useMemo(()=>"vertical"===e.orientation?{width:e.height,height:o,bottom:0,left:0,position:"absolute"}:{height:e.height,width:o},[e.height,e.orientation,o]),a=["vertical"===e.orientation?{position:"absolute",left:0,bottom:0}:e.layoutIndicator,{backgroundColor:e.indicatorColor,borderRadius:e.height/2,...e.isGradient&&e.gradientColor?{backgroundImage:e.gradientColor}:null},i,e.indicatorStyle,t];return React.createElement(Animated.View,{style:a})};export const Progress=memo(t=>{const{tokensOverride:e,percentage:o,strokeWidth:i,color:a,trackColor:r,pivotText:n,pivotColor:s,textColor:l,inactive:c,showPivot:u,animated:d,transition:g,animationDuration:p,style:m,pivotStyle:v,indicatorStyle:y,orientation:h,children:f,...k}=t,b=useProgressTokens(e),R=useReducedMotion(),x=clamp(parsePercentage(o??b.defaults.percentage),0,100),P=parseNumberLike(i,b.sizing.height)??b.sizing.height,C=c??b.defaults.inactive,E=h??"horizontal",w="vertical"!==E&&(u??b.defaults.showPivot),V=(d??g??b.defaults.transition)&&!C,z=Math.max(0,p??b.defaults.animationDuration),T="web"===Platform.OS&&isString(a)&&GRADIENT_REGEX.test(a),S=r??b.colors.track,M=C?b.colors.track:T?void 0:a??b.colors.indicator,A=s??(T?C?b.colors.track:b.colors.indicator:M),F=l??b.colors.pivotText,G=n??`${x}%`,I=w&&null!==G&&!1!==G,N=useRef(new Animated.Value(x)).current;useEffect(()=>{if(V&&z>0&&!R){const t=Animated.timing(N,{toValue:x,duration:z,useNativeDriver:!1,isInteraction:!1});return t.start(),()=>t.stop()}N.setValue(x)},[x,V,z,N,R]);const[_,D]=useState({track:0,pivot:0}),O=useCallback(t=>{const e=t.nativeEvent.layout.width;D(t=>t.track===e?t:{...t,track:e})},[]),X=useCallback(t=>{const e=t.nativeEvent.layout.width;D(t=>t.pivot===e?t:{...t,pivot:e})},[]),L=[b.layout.track,"vertical"===E?{width:P,height:"100%",backgroundColor:S,borderRadius:P/2}:{height:P,backgroundColor:S,borderRadius:P/2}],H=useMemo(()=>{if(!I)return null;const{track:t,pivot:e}=_,o=[b.layout.pivot,{bottom:P+2*b.sizing.pivotPaddingVertical,backgroundColor:A,paddingHorizontal:b.sizing.pivotPaddingHorizontal,paddingVertical:b.sizing.pivotPaddingVertical,borderRadius:P,opacity:t>0?1:0}];let i=null;if(t>0&&e>0){const o=e/2/t*100,a=(t-e/2)/t*100;i=o<a?{transform:[{translateX:N.interpolate({inputRange:[0,o,a,100],outputRange:[0,0,t-e,t-e],extrapolate:"clamp"})}]}:{transform:[{translateX:(t-e)/2}]}}else i={transform:[{translateX:(t-e)/2}]};return React.createElement(Animated.View,{style:[o,i],pointerEvents:"none",onLayout:X},isText(G)?React.createElement(Text,{style:[b.layout.pivotText,{color:F,fontFamily:b.typography.fontFamily,fontSize:b.typography.pivotFontSize},v]},G):G)},[N,I,P,_,X,G,v,A,F,b.layout.pivot,b.layout.pivotText,b.sizing.pivotPaddingHorizontal,b.sizing.pivotPaddingVertical,b.typography.fontFamily,b.typography.pivotFontSize]),j=useMemo(()=>({animatedValue:N,orientation:E,height:P,indicatorColor:M,indicatorStyle:y,isGradient:T,gradientColor:T?a:void 0,layoutIndicator:b.layout.indicator}),[N,a,P,y,T,E,M,b.layout.indicator]);return React.createElement(ProgressContext.Provider,{value:j},React.createElement(View,_extends({style:m,accessibilityRole:"progressbar",accessibilityValue:{min:0,max:100,now:x}},k),React.createElement(View,{style:L,onLayout:I?O:void 0},f??React.createElement(ProgressFilledTrack,null)),H))});Progress.displayName="Progress";export default Progress;

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

@@ -1,3 +1 @@
-import { Progress, ProgressFilledTrack } from './Progress';
-export { ProgressFilledTrack };
-export default Progress;
+import{Progress,ProgressFilledTrack}from"./Progress";export{ProgressFilledTrack};export default Progress;

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

@@ -1,45 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-export const createProgressTokens = foundations => {
-  const onPrimary = foundations.palette.primary.foreground ?? '#ffffff';
-  return {
-    defaults: {
-      percentage: 0,
-      inactive: false,
-      showPivot: true,
-      transition: true,
-      animationDuration: 300
-    },
-    layout: {
-      track: {
-        overflow: 'hidden'
-      },
-      indicator: {
-        position: 'absolute',
-        left: 0,
-        top: 0
-      },
-      pivot: {
-        position: 'absolute'
-      },
-      pivotText: {
-        textAlign: 'center',
-        includeFontPadding: false
-      }
-    },
-    colors: {
-      track: foundations.palette.default[100],
-      indicator: foundations.palette.primary[500],
-      pivotText: onPrimary
-    },
-    typography: {
-      fontFamily: foundations.typography.fontFamily,
-      pivotFontSize: foundations.fontSize.xs
-    },
-    sizing: {
-      height: 4,
-      pivotPaddingHorizontal: foundations.spacing.xs,
-      pivotPaddingVertical: 2
-    }
-  };
-};
-export const useProgressTokens = createComponentTokensHook('progress', createProgressTokens);
+import{createComponentTokensHook}from"../../design-system";export const createProgressTokens=t=>{const o=t.palette.primary.foreground??"#ffffff";return{defaults:{percentage:0,inactive:!1,showPivot:!0,transition:!0,animationDuration:300},layout:{track:{overflow:"hidden"},indicator:{position:"absolute",left:0,top:0},pivot:{position:"absolute"},pivotText:{textAlign:"center",includeFontPadding:!1}},colors:{track:t.palette.default[100],indicator:t.palette.primary[500],pivotText:o},typography:{fontFamily:t.typography.fontFamily,pivotFontSize:t.fontSize.xs},sizing:{height:4,pivotPaddingHorizontal:t.spacing.xs,pivotPaddingVertical:2}}};export const useProgressTokens=createComponentTokensHook("progress",createProgressTokens);