react-native-system-ui 1.0.2 → 1.0.3

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

@@ -1,54 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createStepperTokens = foundations => {
-  const {
-    palette,
-    radii,
-    fontSize,
-    opacity,
-    typography
-  } = foundations;
-  const onPrimary = palette.primary.foreground ?? '#ffffff';
-  return {
-    defaults: {
-      theme: 'default',
-      showInput: true,
-      showPlus: true,
-      showMinus: true,
-      longPress: true,
-      inputWidth: 32,
-      buttonSize: 28
-    },
-    colors: {
-      active: palette.default[200],
-      background: palette.default[100],
-      buttonIcon: palette.default[900],
-      buttonDisabledBackground: '#ffffff',
-      buttonDisabledIcon: palette.default[400],
-      roundTheme: palette.primary[500],
-      roundThemeText: onPrimary,
-      roundThemeBackground: '#ffffff',
-      inputText: palette.default[900],
-      inputDisabledText: palette.default[400],
-      inputDisabledBackground: palette.default[100],
-      transparent: 'transparent'
-    },
-    radii: {
-      default: radii.md
-    },
-    typography: {
-      fontFamily: typography.fontFamily,
-      fontSize: fontSize.md,
-      fontWeight: typography.weight.semiBold
-    },
-    opacity: {
-      disabled: opacity.disabled,
-      roundDisabled: 0.3,
-      pressed: opacity.pressed
-    },
-    spacing: {
-      gap: 2,
-      none: foundations.spacing.none
-    }
-  };
-};
-export const useStepperTokens = createComponentTokensHook('stepper', createStepperTokens);
+import{createComponentTokensHook}from"../../design-system";const createStepperTokens=e=>{const{palette:t,radii:o,fontSize:n,opacity:a,typography:r}=e,s=t.primary.foreground??"#ffffff";return{defaults:{theme:"default",showInput:!0,showPlus:!0,showMinus:!0,longPress:!0,inputWidth:32,buttonSize:28},colors:{active:t.default[200],background:t.default[100],buttonIcon:t.default[900],buttonDisabledBackground:"#ffffff",buttonDisabledIcon:t.default[400],roundTheme:t.primary[500],roundThemeText:s,roundThemeBackground:"#ffffff",inputText:t.default[900],inputDisabledText:t.default[400],inputDisabledBackground:t.default[100],transparent:"transparent"},radii:{default:o.md},typography:{fontFamily:r.fontFamily,fontSize:n.md,fontWeight:r.weight.semiBold},opacity:{disabled:a.disabled,roundDisabled:.3,pressed:a.pressed},spacing:{gap:2,none:e.spacing.none}}};export const useStepperTokens=createComponentTokensHook("stepper",createStepperTokens);

package/dist/es/components/swiper/Swiper.js

@@ -1,344 +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, { useRef, useState, useCallback, useEffect, useImperativeHandle, forwardRef, memo, useMemo, Children, isValidElement } from 'react';
-import { FlatList, View, StyleSheet, Platform } from 'react-native';
-import { clamp } from '../../utils/number';
-import SwiperPagIndicator from './SwiperPagIndicator';
-import { useSwiperTokens } from './tokens';
-const SwiperItemImpl = (props, ref) => /*#__PURE__*/React.createElement(View, {
-  ref: ref,
-  style: [S.item, props.style],
-  testID: props.testID
-}, props.children);
-const SwiperItemFR = /*#__PURE__*/forwardRef(SwiperItemImpl);
-SwiperItemFR.displayName = 'SwiperItem';
-export const SwiperItem = /*#__PURE__*/memo(SwiperItemFR);
-const LOOP_THRESHOLD = 10;
-const SwiperImpl = (props, ref) => {
-  const {
-    data,
-    renderItem,
-    children,
-    initialSwipe = 0,
-    touchable = true,
-    loop = true,
-    autoplay = false,
-    vertical = false,
-    onChange,
-    indicator = true,
-    indicatorProps,
-    style,
-    testID
-  } = props;
-  const tokens = useSwiperTokens();
-  const listRef = useRef(null);
-  const autoRef = useRef(null);
-  const interRef = useRef(false);
-  const animRef = useRef(false);
-  const queueRef = useRef(null);
-  const momRef = useRef(false);
-  const dragRef = useRef(null);
-  const isWeb = Platform.OS === 'web';
-  const [layout, setLayout] = useState({
-    width: 0,
-    height: 0
-  });
-  const onLayout = useCallback(e => {
-    const {
-      width: w,
-      height: h
-    } = e.nativeEvent.layout;
-    setLayout(p => p.width === w && p.height === h ? p : {
-      width: w,
-      height: h
-    });
-  }, []);
-  const items = useMemo(() => !children ? [] : Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c)), [children]);
-  const usingData = Array.isArray(data);
-  const base = usingData ? data : items;
-  const count = base.length;
-  const shouldLoop = loop && count > 1;
-  const display = useMemo(() => shouldLoop ? [base[count - 1], ...base, base[0]] : base, [base, shouldLoop, count]);
-  const dCount = display.length;
-  const loopAll = shouldLoop && dCount <= LOOP_THRESHOLD;
-  const realIdx = useCallback(di => !shouldLoop ? clamp(di, 0, count - 1) : di === 0 ? count - 1 : di === dCount - 1 ? 0 : di - 1, [shouldLoop, count, dCount]);
-  const dispIdx = useCallback(ri => shouldLoop ? clamp(ri, 0, count - 1) + 1 : clamp(ri, 0, count - 1), [shouldLoop, count]);
-  const initReal = clamp(initialSwipe, 0, Math.max(0, count - 1));
-  const initDisp = dispIdx(initReal);
-  const curRef = useRef(initReal);
-  const [curIdx, setCurIdx] = useState(initReal);
-  const ready = layout.width > 0 && layout.height > 0;
-  const mainSz = vertical ? layout.height : layout.width;
-  const crossSz = vertical ? layout.width : layout.height;
-  const itemSz = useMemo(() => ({
-    width: vertical ? crossSz : mainSz,
-    height: vertical ? mainSz : crossSz
-  }), [vertical, mainSz, crossSz]);
-  const clearAuto = useCallback(() => {
-    if (autoRef.current) {
-      clearTimeout(autoRef.current);
-      autoRef.current = null;
-    }
-  }, []);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const update = useCallback(n => {
-    const c = clamp(n, 0, Math.max(0, count - 1));
-    if (curRef.current === c) return;
-    curRef.current = c;
-    setCurIdx(c);
-    onChangeRef.current?.(c);
-  }, [count]);
-  const scrollTo = useCallback((i, anim) => {
-    try {
-      listRef.current?.scrollToIndex({
-        index: i,
-        animated: anim
-      });
-    } catch {}
-  }, []);
-  const swipeTo = useCallback((index, animated = true) => {
-    if (count === 0) return;
-    if (animated && animRef.current) {
-      queueRef.current = index;
-      return;
-    }
-    const tReal = clamp(index, 0, count - 1);
-    let tDisp = dispIdx(tReal);
-    if (shouldLoop && animated) {
-      const cDisp = dispIdx(curRef.current);
-      if (cDisp === count && tReal === 0) tDisp = dCount - 1;else if (cDisp === 1 && tReal === count - 1) tDisp = 0;
-    }
-    const cReal = curRef.current,
-      cDisp = dispIdx(cReal);
-    if (tReal === cReal && tDisp === cDisp) {
-      if (queueRef.current != null) {
-        const q = queueRef.current;
-        queueRef.current = null;
-        swipeTo(q, true);
-      }
-      ;
-      return;
-    }
-    if (animated) animRef.current = true;
-    scrollTo(tDisp, animated);
-    if (!animated) {
-      update(tReal);
-      if (queueRef.current != null) {
-        const q = queueRef.current;
-        queueRef.current = null;
-        swipeTo(q, true);
-      }
-    }
-  }, [count, dispIdx, scrollTo, shouldLoop, dCount, update]);
-  const schedule = useCallback(() => {
-    const iv = typeof autoplay === 'number' ? Math.max(0, autoplay) : autoplay ? tokens.defaults.autoplayInterval : 0;
-    if (!iv || count <= 1) return;
-    if (interRef.current && !isWeb) return;
-    clearAuto();
-    autoRef.current = setTimeout(() => {
-      if (interRef.current && !isWeb) return;
-      swipeTo(shouldLoop ? (curRef.current + 1) % count : clamp(curRef.current + 1, 0, count - 1), true);
-    }, iv);
-  }, [autoplay, count, clearAuto, shouldLoop, swipeTo, isWeb, tokens.defaults.autoplayInterval]);
-  const next = useCallback(() => {
-    if (count === 0) return;
-    swipeTo(shouldLoop ? (curRef.current + 1) % count : clamp(curRef.current + 1, 0, count - 1), true);
-  }, [count, shouldLoop, swipeTo]);
-  const prev = useCallback(() => {
-    if (count === 0) return;
-    swipeTo(shouldLoop ? (curRef.current - 1 + count) % count : clamp(curRef.current - 1, 0, count - 1), true);
-  }, [count, shouldLoop, swipeTo]);
-  const flush = () => {
-    if (queueRef.current == null) return;
-    const q = queueRef.current;
-    queueRef.current = null;
-    swipeTo(q, true);
-  };
-  useImperativeHandle(ref, () => ({
-    swipeTo,
-    swipeNext: next,
-    swipePrev: prev,
-    getCurrentIndex: () => curRef.current
-  }), [swipeTo, next, prev]);
-  useEffect(() => {
-    if (!ready || count === 0) return;
-    scrollTo(initDisp, false);
-  }, [ready, count, initDisp, scrollTo]);
-  useEffect(() => {
-    schedule();
-    return clearAuto;
-  }, [schedule, clearAuto, curIdx]);
-  const reset = useCallback(() => {
-    animRef.current = false;
-    interRef.current = false;
-    momRef.current = false;
-    schedule();
-    flush();
-  }, [schedule]);
-  const onScroll = useCallback(e => {
-    if (count <= 1) return;
-    const off = vertical ? e.nativeEvent.contentOffset.y : e.nativeEvent.contentOffset.x;
-    const di = Math.round(off / mainSz);
-    const cdi = shouldLoop ? clamp(di, 0, dCount - 1) : clamp(di, 0, count - 1);
-    update(realIdx(cdi));
-    if (isWeb) {
-      const aligned = di * mainSz;
-      if (Math.abs(off - aligned) < 0.5) {
-        if (shouldLoop && (di <= 0 || di >= dCount - 1)) scrollTo(di <= 0 ? count : 1, false);
-        reset();
-      }
-    }
-  }, [count, vertical, mainSz, shouldLoop, dCount, update, realIdx, scrollTo, reset, isWeb]);
-  const onEnd = useCallback(e => {
-    if (isWeb || count === 0) return;
-    const off = vertical ? e.nativeEvent.contentOffset.y : e.nativeEvent.contentOffset.x;
-    const di = Math.round(off / mainSz);
-    let ndi = di;
-    if (shouldLoop) {
-      if (di === 0) ndi = count;
-      if (di === dCount - 1) ndi = 1;
-    }
-    if (ndi !== di) scrollTo(ndi, false);
-    update(realIdx(ndi));
-    reset();
-  }, [vertical, count, mainSz, shouldLoop, dCount, scrollTo, update, realIdx, reset, isWeb]);
-  const onDragBegin = useCallback(() => {
-    interRef.current = true;
-    clearAuto();
-  }, [clearAuto]);
-  const onDragEnd = useCallback(e => {
-    if (!momRef.current) onEnd(e);
-  }, [onEnd]);
-  const onMomBegin = useCallback(() => {
-    momRef.current = true;
-  }, []);
-  const onFail = useCallback(info => {
-    scrollTo(info.index, false);
-    update(realIdx(info.index));
-    reset();
-  }, [scrollTo, update, realIdx, reset]);
-  const renderItemRef = useRef(renderItem);
-  renderItemRef.current = renderItem;
-  const renderSlide = useCallback(info => {
-    const c = usingData ? renderItemRef.current?.(info) ?? null : info.item;
-    return c ? /*#__PURE__*/React.createElement(View, {
-      style: [S.slide, itemSz]
-    }, c) : null;
-  }, [usingData, itemSz]);
-  const getLayout = useCallback((_, i) => ({
-    length: mainSz,
-    offset: mainSz * i,
-    index: i
-  }), [mainSz]);
-  const keyEx = useCallback((_, i) => `s-${i}`, []);
-  if (count === 0) return null;
-  const indNode = indicator === false || count <= 1 ? null : typeof indicator === 'function' ? indicator(count, curIdx) : /*#__PURE__*/React.createElement(SwiperPagIndicator, _extends({}, indicatorProps, {
-    total: count,
-    current: curIdx,
-    vertical: vertical
-  }));
-  const webMouse = isWeb && touchable && count > 1 ? {
-    onPointerDown: e => {
-      if (e.nativeEvent.pointerType !== 'mouse' || e.nativeEvent.button !== 0) return;
-      dragRef.current = vertical ? e.nativeEvent.pageY : e.nativeEvent.pageX;
-      interRef.current = true;
-      clearAuto();
-    },
-    onPointerUp: e => {
-      const s = dragRef.current;
-      dragRef.current = null;
-      if (s == null || e.nativeEvent.pointerType !== 'mouse') return;
-      const d = (vertical ? e.nativeEvent.pageY : e.nativeEvent.pageX) - s;
-      if (Math.abs(d) >= mainSz * 0.15) {
-        d < 0 ? next() : prev();
-      }
-      ;
-      interRef.current = false;
-      schedule();
-    },
-    onPointerLeave: () => {
-      if (dragRef.current != null) {
-        dragRef.current = null;
-        interRef.current = false;
-        schedule();
-      }
-    }
-  } : undefined;
-  if (!ready) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: [S.ctr, style],
-      onLayout: onLayout,
-      testID: testID
-    });
-  }
-  return /*#__PURE__*/React.createElement(View, _extends({
-    accessibilityRole: "adjustable",
-    accessibilityLabel: `swiper, ${curIdx + 1} of ${count}`,
-    accessibilityValue: {
-      min: 0,
-      max: count - 1,
-      now: curIdx
-    },
-    style: [S.ctr, webMouse && S.web, style],
-    onLayout: onLayout,
-    testID: testID
-  }, webMouse), /*#__PURE__*/React.createElement(FlatList, {
-    ref: listRef,
-    data: display,
-    renderItem: renderSlide,
-    keyExtractor: keyEx,
-    horizontal: !vertical,
-    getItemLayout: getLayout,
-    initialScrollIndex: initDisp,
-    scrollEnabled: touchable && count > 1,
-    removeClippedSubviews: !shouldLoop || !loopAll,
-    disableVirtualization: shouldLoop && loopAll,
-    initialNumToRender: shouldLoop ? loopAll ? dCount : 3 : 3,
-    maxToRenderPerBatch: shouldLoop ? loopAll ? dCount : 3 : 3,
-    windowSize: shouldLoop ? loopAll ? dCount : 7 : 5,
-    pagingEnabled: true,
-    snapToInterval: mainSz,
-    decelerationRate: "fast",
-    showsHorizontalScrollIndicator: false,
-    showsVerticalScrollIndicator: false,
-    onScrollBeginDrag: onDragBegin,
-    onScroll: onScroll,
-    scrollEventThrottle: tokens.defaults.scrollEventThrottle,
-    onScrollEndDrag: onDragEnd,
-    onMomentumScrollBegin: onMomBegin,
-    onMomentumScrollEnd: onEnd,
-    onScrollToIndexFailed: onFail
-  }), /*#__PURE__*/React.createElement(View, {
-    pointerEvents: "none",
-    style: [S.ind, {
-      zIndex: tokens.layer.zIndex,
-      elevation: tokens.layer.elevation
-    }]
-  }, indNode));
-};
-const SwiperFR = /*#__PURE__*/forwardRef(SwiperImpl);
-const Swiper = /*#__PURE__*/memo(SwiperFR);
-const S = StyleSheet.create({
-  ctr: {
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  web: {
-    cursor: 'grab',
-    userSelect: 'none'
-  },
-  slide: {
-    flex: 1
-  },
-  item: {
-    flex: 1
-  },
-  ind: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0
-  }
-});
-export default Swiper;
+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,{useRef,useState,useCallback,useEffect,useImperativeHandle,forwardRef,memo,useMemo,Children,isValidElement}from"react";import{FlatList,View,StyleSheet,Platform}from"react-native";import{clamp}from"../../utils/number";import SwiperPagIndicator from"./SwiperPagIndicator";import{useSwiperTokens}from"./tokens";const SwiperItemImpl=(e,t)=>React.createElement(View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=forwardRef(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";export const SwiperItem=memo(SwiperItemFR);const LOOP_THRESHOLD=10,SwiperImpl=(e,t)=>{const{data:r,renderItem:n,children:l,initialSwipe:a=0,touchable:c=!0,loop:i=!0,autoplay:o=!1,vertical:u=!1,onChange:s,indicator:m=!0,indicatorProps:p,style:d,testID:f}=e,h=useSwiperTokens(),w=useRef(null),v=useRef(null),b=useRef(!1),y=useRef(!1),I=useRef(null),E=useRef(!1),g=useRef(null),R="web"===Platform.OS,[x,C]=useState({width:0,height:0}),k=useCallback(e=>{const{width:t,height:r}=e.nativeEvent.layout;C(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[]),T=useMemo(()=>l?Children.toArray(l).filter(e=>isValidElement(e)):[],[l]),M=Array.isArray(r),P=M?r:T,O=P.length,V=i&&O>1,D=useMemo(()=>V?[P[O-1],...P,P[0]]:P,[P,V,O]),L=D.length,F=V&&L<=10,z=useCallback(e=>V?0===e?O-1:e===L-1?0:e-1:clamp(e,0,O-1),[V,O,L]),_=useCallback(e=>V?clamp(e,0,O-1)+1:clamp(e,0,O-1),[V,O]),H=clamp(a,0,Math.max(0,O-1)),j=_(H),A=useRef(H),[B,N]=useState(H),$=x.width>0&&x.height>0,X=u?x.height:x.width,Y=u?x.width:x.height,U=useMemo(()=>({width:u?Y:X,height:u?X:Y}),[u,X,Y]),q=useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null)},[]),G=useRef(s);G.current=s;const J=useCallback(e=>{const t=clamp(e,0,Math.max(0,O-1));A.current!==t&&(A.current=t,N(t),G.current?.(t))},[O]),K=useCallback((e,t)=>{try{w.current?.scrollToIndex({index:e,animated:t})}catch{}},[]),Q=useCallback((e,t=!0)=>{if(0===O)return;if(t&&y.current)return void(I.current=e);const r=clamp(e,0,O-1);let n=_(r);if(V&&t){const e=_(A.current);e===O&&0===r?n=L-1:1===e&&r===O-1&&(n=0)}const l=A.current,a=_(l);if(r!==l||n!==a){if(t&&(y.current=!0),K(n,t),!t&&(J(r),null!=I.current)){const e=I.current;I.current=null,Q(e,!0)}}else if(null!=I.current){const e=I.current;I.current=null,Q(e,!0)}},[O,_,K,V,L,J]),W=useCallback(()=>{const e="number"==typeof o?Math.max(0,o):o?h.defaults.autoplayInterval:0;!e||O<=1||b.current&&!R||(q(),v.current=setTimeout(()=>{b.current&&!R||Q(V?(A.current+1)%O:clamp(A.current+1,0,O-1),!0)},e))},[o,O,q,V,Q,R,h.defaults.autoplayInterval]),Z=useCallback(()=>{0!==O&&Q(V?(A.current+1)%O:clamp(A.current+1,0,O-1),!0)},[O,V,Q]),ee=useCallback(()=>{0!==O&&Q(V?(A.current-1+O)%O:clamp(A.current-1,0,O-1),!0)},[O,V,Q]);useImperativeHandle(t,()=>({swipeTo:Q,swipeNext:Z,swipePrev:ee,getCurrentIndex:()=>A.current}),[Q,Z,ee]),useEffect(()=>{$&&0!==O&&K(j,!1)},[$,O,j,K]),useEffect(()=>(W(),q),[W,q,B]);const te=useCallback(()=>{y.current=!1,b.current=!1,E.current=!1,W(),(()=>{if(null==I.current)return;const e=I.current;I.current=null,Q(e,!0)})()},[W]),re=useCallback(e=>{if(O<=1)return;const t=u?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/X),n=clamp(r,0,V?L-1:O-1);if(J(z(n)),R){const e=r*X;Math.abs(t-e)<.5&&(V&&(r<=0||r>=L-1)&&K(r<=0?O:1,!1),te())}},[O,u,X,V,L,J,z,K,te,R]),ne=useCallback(e=>{if(R||0===O)return;const t=u?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/X);let n=r;V&&(0===r&&(n=O),r===L-1&&(n=1)),n!==r&&K(n,!1),J(z(n)),te()},[u,O,X,V,L,K,J,z,te,R]),le=useCallback(()=>{b.current=!0,q()},[q]),ae=useCallback(e=>{E.current||ne(e)},[ne]),ce=useCallback(()=>{E.current=!0},[]),ie=useCallback(e=>{K(e.index,!1),J(z(e.index)),te()},[K,J,z,te]),oe=useRef(n);oe.current=n;const ue=useCallback(e=>{const t=M?oe.current?.(e)??null:e.item;return t?React.createElement(View,{style:[S.slide,U]},t):null},[M,U]),se=useCallback((e,t)=>({length:X,offset:X*t,index:t}),[X]),me=useCallback((e,t)=>`s-${t}`,[]);if(0===O)return null;const pe=!1===m||O<=1?null:"function"==typeof m?m(O,B):React.createElement(SwiperPagIndicator,_extends({},p,{total:O,current:B,vertical:u})),de=R&&c&&O>1?{onPointerDown:e=>{"mouse"===e.nativeEvent.pointerType&&0===e.nativeEvent.button&&(g.current=u?e.nativeEvent.pageY:e.nativeEvent.pageX,b.current=!0,q())},onPointerUp:e=>{const t=g.current;if(g.current=null,null==t||"mouse"!==e.nativeEvent.pointerType)return;const r=(u?e.nativeEvent.pageY:e.nativeEvent.pageX)-t;Math.abs(r)>=.15*X&&(r<0?Z():ee()),b.current=!1,W()},onPointerLeave:()=>{null!=g.current&&(g.current=null,b.current=!1,W())}}:void 0;return $?React.createElement(View,_extends({accessibilityRole:"adjustable",accessibilityLabel:`swiper, ${B+1} of ${O}`,accessibilityValue:{min:0,max:O-1,now:B},style:[S.ctr,de&&S.web,d],onLayout:k,testID:f},de),React.createElement(FlatList,{ref:w,data:D,renderItem:ue,keyExtractor:me,horizontal:!u,getItemLayout:se,initialScrollIndex:j,scrollEnabled:c&&O>1,removeClippedSubviews:!V||!F,disableVirtualization:V&&F,initialNumToRender:V&&F?L:3,maxToRenderPerBatch:V&&F?L:3,windowSize:V?F?L:7:5,pagingEnabled:!0,snapToInterval:X,decelerationRate:"fast",showsHorizontalScrollIndicator:!1,showsVerticalScrollIndicator:!1,onScrollBeginDrag:le,onScroll:re,scrollEventThrottle:h.defaults.scrollEventThrottle,onScrollEndDrag:ae,onMomentumScrollBegin:ce,onMomentumScrollEnd:ne,onScrollToIndexFailed:ie}),React.createElement(View,{pointerEvents:"none",style:[S.ind,{zIndex:h.layer.zIndex,elevation:h.layer.elevation}]},pe)):React.createElement(View,{style:[S.ctr,d],onLayout:k,testID:f})},SwiperFR=forwardRef(SwiperImpl),Swiper=memo(SwiperFR),S=StyleSheet.create({ctr:{position:"relative",overflow:"hidden"},web:{cursor:"grab",userSelect:"none"},slide:{flex:1},item:{flex:1},ind:{position:"absolute",left:0,right:0,top:0,bottom:0}});export default Swiper;

package/dist/es/components/swiper/SwiperItem.js

@@ -1 +1 @@
-export { SwiperItem as default } from './Swiper';
+export{SwiperItem as default}from"./Swiper";

package/dist/es/components/swiper/SwiperPagIndicator.js

@@ -1,87 +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 } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { createComponentTokensHook } from '../../design-system';
-const createSwiperPagIndicatorTokens = f => ({
-  colors: {
-    active: f.palette.primary.foreground ?? '#ffffff',
-    inactive: 'rgba(255,255,255,0.5)'
-  },
-  sizing: {
-    dotSizeActive: 8,
-    dotSizeInactive: 6
-  },
-  spacing: {
-    dotMargin: f.spacing.xs
-  },
-  offset: {
-    horizontalBottom: f.spacing.lg,
-    verticalRight: f.spacing.lg
-  },
-  layer: {
-    zIndex: 10,
-    elevation: 10
-  }
-});
-export const useSwiperPagIndicatorTokens = createComponentTokensHook('swiperPagIndicator', createSwiperPagIndicatorTokens);
-const SwiperPagIndicator = /*#__PURE__*/memo(({
-  total,
-  current,
-  vertical = false,
-  style,
-  activeColor,
-  inactiveColor,
-  tokensOverride,
-  ...rest
-}) => {
-  const tokens = useSwiperPagIndicatorTokens(tokensOverride);
-  const dots = [];
-  const ac = activeColor || tokens.colors.active;
-  const ic = inactiveColor || tokens.colors.inactive;
-  const posStyle = vertical ? [S.cv, {
-    right: tokens.offset.verticalRight
-  }] : [S.ch, {
-    bottom: tokens.offset.horizontalBottom
-  }];
-  for (let i = 0; i < total; i++) {
-    const a = current === i;
-    const sz = a ? tokens.sizing.dotSizeActive : tokens.sizing.dotSizeInactive;
-    dots.push(/*#__PURE__*/React.createElement(View, {
-      key: i,
-      style: {
-        marginHorizontal: tokens.spacing.dotMargin,
-        marginVertical: tokens.spacing.dotMargin,
-        backgroundColor: a ? ac : ic,
-        width: sz,
-        height: sz,
-        borderRadius: sz / 2
-      }
-    }));
-  }
-  ;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [S.c, {
-      zIndex: tokens.layer.zIndex,
-      elevation: tokens.layer.elevation
-    }, posStyle, style]
-  }, rest), dots);
-});
-const S = StyleSheet.create({
-  c: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  ch: {
-    position: 'absolute',
-    left: 0,
-    right: 0
-  },
-  cv: {
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    flexDirection: 'column'
-  }
-});
-export default SwiperPagIndicator;
+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 i in o)({}).hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},_extends.apply(null,arguments)}import React,{memo}from"react";import{View,StyleSheet}from"react-native";import{createComponentTokensHook}from"../../design-system";const createSwiperPagIndicatorTokens=e=>({colors:{active:e.palette.primary.foreground??"#ffffff",inactive:"rgba(255,255,255,0.5)"},sizing:{dotSizeActive:8,dotSizeInactive:6},spacing:{dotMargin:e.spacing.xs},offset:{horizontalBottom:e.spacing.lg,verticalRight:e.spacing.lg},layer:{zIndex:10,elevation:10}});export const useSwiperPagIndicatorTokens=createComponentTokensHook("swiperPagIndicator",createSwiperPagIndicatorTokens);const SwiperPagIndicator=memo(({total:e,current:t,vertical:o=!1,style:i,activeColor:n,inactiveColor:r,tokensOverride:a,...c})=>{const s=useSwiperPagIndicatorTokens(a),l=[],g=n||s.colors.active,d=r||s.colors.inactive,p=o?[S.cv,{right:s.offset.verticalRight}]:[S.ch,{bottom:s.offset.horizontalBottom}];for(let o=0;o<e;o++){const e=t===o,i=e?s.sizing.dotSizeActive:s.sizing.dotSizeInactive;l.push(React.createElement(View,{key:o,style:{marginHorizontal:s.spacing.dotMargin,marginVertical:s.spacing.dotMargin,backgroundColor:e?g:d,width:i,height:i,borderRadius:i/2}}))}return React.createElement(View,_extends({style:[S.c,{zIndex:s.layer.zIndex,elevation:s.layer.elevation},p,i]},c),l)}),S=StyleSheet.create({c:{flexDirection:"row",alignItems:"center",justifyContent:"center"},ch:{position:"absolute",left:0,right:0},cv:{position:"absolute",top:0,bottom:0,flexDirection:"column"}});export default SwiperPagIndicator;

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

@@ -1,10 +1 @@
-import Swiper from './Swiper';
-import SwiperItem from './SwiperItem';
-import SwiperPagIndicator from './SwiperPagIndicator';
-const SwiperWithItem = Object.assign(Swiper, {
-  Item: SwiperItem,
-  PagIndicator: SwiperPagIndicator
-});
-export default SwiperWithItem;
-export { Swiper, SwiperItem, SwiperPagIndicator };
-export { useSwiperPagIndicatorTokens } from './SwiperPagIndicator';
+import Swiper from"./Swiper";import SwiperItem from"./SwiperItem";import SwiperPagIndicator from"./SwiperPagIndicator";const SwiperWithItem=Object.assign(Swiper,{Item:SwiperItem,PagIndicator:SwiperPagIndicator});export default SwiperWithItem;export{Swiper,SwiperItem,SwiperPagIndicator};export{useSwiperPagIndicatorTokens}from"./SwiperPagIndicator";

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

@@ -1,12 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createSwiperTokens = _foundations => ({
-  defaults: {
-    autoplayInterval: 3000,
-    scrollEventThrottle: 16
-  },
-  layer: {
-    zIndex: 10,
-    elevation: 10
-  }
-});
-export const useSwiperTokens = createComponentTokensHook('swiper', createSwiperTokens);
+import{createComponentTokensHook}from"../../design-system";const createSwiperTokens=e=>({defaults:{autoplayInterval:3e3,scrollEventThrottle:16},layer:{zIndex:10,elevation:10}});export const useSwiperTokens=createComponentTokensHook("swiper",createSwiperTokens);

package/dist/es/components/switch/Switch.js

@@ -1,83 +1 @@
-import React, { useCallback, useMemo } from 'react';
-import { Switch as RNSwitch } from 'react-native';
-import { useControllableValue } from '../../hooks';
-import { parseNumber } from '../../utils';
-import { useSwitchTokens } from './tokens';
-const SwitchImpl = props => {
-  const {
-    disabled: disP,
-    size: szP,
-    activeColor: actClrP,
-    inactiveColor: inactClrP,
-    activeValue: actValP,
-    inactiveValue: inactValP,
-    tokensOverride,
-    onClick,
-    style
-  } = props;
-  const tokens = useSwitchTokens(tokensOverride);
-  const disabled = disP ?? tokens.defaults.disabled;
-  const activeValue = actValP ?? tokens.defaults.activeValue;
-  const inactiveValue = inactValP ?? tokens.defaults.inactiveValue;
-  const scale = useMemo(() => {
-    if (!tokens.defaults.size) return 1;
-    if (typeof szP === 'string') {
-      const v = szP.toLowerCase();
-      if (v === 'sm') return 0.75;
-      if (v === 'md') return 1;
-      if (v === 'lg') return 1.25;
-      return Math.max(0, parseNumber(szP, tokens.defaults.size) / tokens.defaults.size);
-    }
-    ;
-    if (typeof szP === 'number') return Math.max(0, szP / tokens.defaults.size);
-    return 1;
-  }, [szP, tokens.defaults.size]);
-  const [value, triggerChange] = useControllableValue(props, {
-    valuePropName: 'checked',
-    defaultValuePropName: 'defaultChecked',
-    defaultValue: inactiveValue,
-    trigger: 'onChange'
-  });
-  const isChecked = Object.is(value, activeValue);
-  const actClr = actClrP ?? tokens.colors.activeTrack;
-  const inactClr = inactClrP ?? tokens.colors.inactiveTrack;
-  const handleTouchEnd = useCallback(event => {
-    if (disabled) return;
-    onClick?.(event);
-  }, [disabled, onClick]);
-  const handleValueChange = useCallback(() => {
-    if (disabled) return;
-    const next = isChecked ? inactiveValue : activeValue;
-    if (Object.is(next, value)) return;
-    triggerChange(next);
-  }, [activeValue, disabled, inactiveValue, isChecked, triggerChange, value]);
-  return /*#__PURE__*/React.createElement(RNSwitch, {
-    value: isChecked,
-    disabled: disabled,
-    trackColor: {
-      false: inactClr,
-      true: actClr
-    },
-    thumbColor: tokens.colors.handle,
-    ios_backgroundColor: inactClr,
-    style: [{
-      transform: [{
-        scaleX: scale
-      }, {
-        scaleY: scale
-      }]
-    }, {
-      opacity: disabled ? tokens.opacity.disabled : 1
-    }, style],
-    accessibilityRole: "switch",
-    accessibilityState: {
-      checked: isChecked,
-      disabled
-    },
-    onValueChange: handleValueChange,
-    onTouchEnd: handleTouchEnd
-  });
-};
-export const Switch = /*#__PURE__*/React.memo(SwitchImpl);
-Switch.displayName = 'Switch';
-export default Switch;
+import React,{useCallback,useMemo}from"react";import{Switch as RNSwitch}from"react-native";import{useControllableValue}from"../../hooks";import{parseNumber}from"../../utils";import{useSwitchTokens}from"./tokens";const SwitchImpl=e=>{const{disabled:t,size:a,activeColor:l,inactiveColor:o,activeValue:s,inactiveValue:i,tokensOverride:c,onClick:r,style:u}=e,n=useSwitchTokens(c),d=t??n.defaults.disabled,m=s??n.defaults.activeValue,f=i??n.defaults.inactiveValue,h=useMemo(()=>{if(!n.defaults.size)return 1;if("string"==typeof a){const e=a.toLowerCase();return"sm"===e?.75:"md"===e?1:"lg"===e?1.25:Math.max(0,parseNumber(a,n.defaults.size)/n.defaults.size)}return"number"==typeof a?Math.max(0,a/n.defaults.size):1},[a,n.defaults.size]),[b,p]=useControllableValue(e,{valuePropName:"checked",defaultValuePropName:"defaultChecked",defaultValue:f,trigger:"onChange"}),k=Object.is(b,m),C=l??n.colors.activeTrack,w=o??n.colors.inactiveTrack,v=useCallback(e=>{d||r?.(e)},[d,r]),S=useCallback(()=>{if(d)return;const e=k?f:m;Object.is(e,b)||p(e)},[m,d,f,k,p,b]);return React.createElement(RNSwitch,{value:k,disabled:d,trackColor:{false:w,true:C},thumbColor:n.colors.handle,ios_backgroundColor:w,style:[{transform:[{scaleX:h},{scaleY:h}]},{opacity:d?n.opacity.disabled:1},u],accessibilityRole:"switch",accessibilityState:{checked:k,disabled:d},onValueChange:S,onTouchEnd:v})};export const Switch=React.memo(SwitchImpl);Switch.displayName="Switch";export default Switch;

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

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

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

@@ -1,25 +1 @@
-import { createComponentTokensHook } from '../../design-system';
-const createSwitchTokens = foundations => {
-  const {
-    palette,
-    opacity
-  } = foundations;
-  return {
-    defaults: {
-      size: 28,
-      disabled: false,
-      activeValue: true,
-      inactiveValue: false
-    },
-    colors: {
-      activeTrack: palette.primary[500],
-      inactiveTrack: palette.default[200],
-      handle: '#ffffff'
-    },
-    opacity: {
-      disabled: opacity.disabled,
-      pressed: opacity.pressed
-    }
-  };
-};
-export const useSwitchTokens = createComponentTokensHook('switch', createSwitchTokens);
+import{createComponentTokensHook}from"../../design-system";const createSwitchTokens=e=>{const{palette:t,opacity:o}=e;return{defaults:{size:28,disabled:!1,activeValue:!0,inactiveValue:!1},colors:{activeTrack:t.primary[500],inactiveTrack:t.default[200],handle:"#ffffff"},opacity:{disabled:o.disabled,pressed:o.pressed}}};export const useSwitchTokens=createComponentTokensHook("switch",createSwitchTokens);