react-native-system-ui 1.0.2 → 1.0.3

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

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

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Swiper.SwiperItem;
-  }
-});
-var _Swiper = require("./Swiper");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Swiper.SwiperItem}});var _Swiper=require("./Swiper");

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

@@ -1,106 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSwiperPagIndicatorTokens = exports.default = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _designSystem = require("../../design-system");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const 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
-  }
-});
-const useSwiperPagIndicatorTokens = exports.useSwiperPagIndicatorTokens = (0, _designSystem.createComponentTokensHook)('swiperPagIndicator', createSwiperPagIndicatorTokens);
-const SwiperPagIndicator = /*#__PURE__*/(0, _react().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().default.createElement(_reactNative().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().default.createElement(_reactNative().View, _extends({
-    style: [S.c, {
-      zIndex: tokens.layer.zIndex,
-      elevation: tokens.layer.elevation
-    }, posStyle, style]
-  }, rest), dots);
-});
-const S = _reactNative().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'
-  }
-});
-var _default = exports.default = SwiperPagIndicator;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSwiperPagIndicatorTokens=exports.default=void 0;var _designSystem=require("../../design-system");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(n=t?i:r){if(n.has(e))return n.get(e);n.set(e,a)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(a,t,o):a[t]=e[t]);return a})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}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}}),useSwiperPagIndicatorTokens=exports.useSwiperPagIndicatorTokens=(0,_designSystem.createComponentTokensHook)("swiperPagIndicator",createSwiperPagIndicatorTokens),SwiperPagIndicator=(0,_react().memo)(({total:e,current:t,vertical:r=!1,style:i,activeColor:n,inactiveColor:o,tokensOverride:a,...c})=>{const s=useSwiperPagIndicatorTokens(a),l=[],u=n||s.colors.active,d=o||s.colors.inactive,f=r?[S.cv,{right:s.offset.verticalRight}]:[S.ch,{bottom:s.offset.horizontalBottom}];for(let r=0;r<e;r++){const e=t===r,i=e?s.sizing.dotSizeActive:s.sizing.dotSizeInactive;l.push(_react().default.createElement(_reactNative().View,{key:r,style:{marginHorizontal:s.spacing.dotMargin,marginVertical:s.spacing.dotMargin,backgroundColor:e?u:d,width:i,height:i,borderRadius:i/2}}))}return _react().default.createElement(_reactNative().View,_extends({style:[S.c,{zIndex:s.layer.zIndex,elevation:s.layer.elevation},f,i]},c),l)}),S=_reactNative().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"}});var _default=exports.default=SwiperPagIndicator;

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

@@ -1,40 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Swiper", {
-  enumerable: true,
-  get: function () {
-    return _Swiper.default;
-  }
-});
-Object.defineProperty(exports, "SwiperItem", {
-  enumerable: true,
-  get: function () {
-    return _SwiperItem.default;
-  }
-});
-Object.defineProperty(exports, "SwiperPagIndicator", {
-  enumerable: true,
-  get: function () {
-    return _SwiperPagIndicator.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useSwiperPagIndicatorTokens", {
-  enumerable: true,
-  get: function () {
-    return _SwiperPagIndicator.useSwiperPagIndicatorTokens;
-  }
-});
-var _Swiper = _interopRequireDefault(require("./Swiper"));
-var _SwiperItem = _interopRequireDefault(require("./SwiperItem"));
-var _SwiperPagIndicator = _interopRequireWildcard(require("./SwiperPagIndicator"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SwiperWithItem = Object.assign(_Swiper.default, {
-  Item: _SwiperItem.default,
-  PagIndicator: _SwiperPagIndicator.default
-});
-var _default = exports.default = SwiperWithItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Swiper",{enumerable:!0,get:function(){return _Swiper.default}}),Object.defineProperty(exports,"SwiperItem",{enumerable:!0,get:function(){return _SwiperItem.default}}),Object.defineProperty(exports,"SwiperPagIndicator",{enumerable:!0,get:function(){return _SwiperPagIndicator.default}}),exports.default=void 0,Object.defineProperty(exports,"useSwiperPagIndicatorTokens",{enumerable:!0,get:function(){return _SwiperPagIndicator.useSwiperPagIndicatorTokens}});var _Swiper=_interopRequireDefault(require("./Swiper")),_SwiperItem=_interopRequireDefault(require("./SwiperItem")),_SwiperPagIndicator=_interopRequireWildcard(require("./SwiperPagIndicator"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,u,a={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return a;if(n=r?i:t){if(n.has(e))return n.get(e);n.set(e,a)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(u.get||u.set)?n(a,r,u):a[r]=e[r]);return a})(e,r)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const SwiperWithItem=Object.assign(_Swiper.default,{Item:_SwiperItem.default,PagIndicator:_SwiperPagIndicator.default});var _default=exports.default=SwiperWithItem;

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

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSwiperTokens = void 0;
-var _designSystem = require("../../design-system");
-const createSwiperTokens = _foundations => ({
-  defaults: {
-    autoplayInterval: 3000,
-    scrollEventThrottle: 16
-  },
-  layer: {
-    zIndex: 10,
-    elevation: 10
-  }
-});
-const useSwiperTokens = exports.useSwiperTokens = (0, _designSystem.createComponentTokensHook)('swiper', createSwiperTokens);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSwiperTokens=void 0;var _designSystem=require("../../design-system");const createSwiperTokens=e=>({defaults:{autoplayInterval:3e3,scrollEventThrottle:16},layer:{zIndex:10,elevation:10}}),useSwiperTokens=exports.useSwiperTokens=(0,_designSystem.createComponentTokensHook)("swiper",createSwiperTokens);

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

@@ -1,102 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Switch = void 0;
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _hooks = require("../../hooks");
-var _utils = require("../../utils");
-var _tokens = require("./tokens");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const SwitchImpl = props => {
-  const {
-    disabled: disP,
-    size: szP,
-    activeColor: actClrP,
-    inactiveColor: inactClrP,
-    activeValue: actValP,
-    inactiveValue: inactValP,
-    tokensOverride,
-    onClick,
-    style
-  } = props;
-  const tokens = (0, _tokens.useSwitchTokens)(tokensOverride);
-  const disabled = disP ?? tokens.defaults.disabled;
-  const activeValue = actValP ?? tokens.defaults.activeValue;
-  const inactiveValue = inactValP ?? tokens.defaults.inactiveValue;
-  const scale = (0, _react().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, (0, _utils.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] = (0, _hooks.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 = (0, _react().useCallback)(event => {
-    if (disabled) return;
-    onClick?.(event);
-  }, [disabled, onClick]);
-  const handleValueChange = (0, _react().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().default.createElement(_reactNative().Switch, {
-    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
-  });
-};
-const Switch = exports.Switch = /*#__PURE__*/_react().default.memo(SwitchImpl);
-Switch.displayName = 'Switch';
-var _default = exports.default = Switch;
+"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Switch=void 0;var _hooks=require("../../hooks"),_utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,c={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return c;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,c)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(c,t,o):c[t]=e[t]);return c})(e,t)}const SwitchImpl=e=>{const{disabled:t,size:r,activeColor:a,inactiveColor:i,activeValue:o,inactiveValue:c,tokensOverride:l,onClick:s,style:u}=e,n=(0,_tokens.useSwitchTokens)(l),d=t??n.defaults.disabled,f=o??n.defaults.activeValue,p=c??n.defaults.inactiveValue,_=(0,_react().useMemo)(()=>{if(!n.defaults.size)return 1;if("string"==typeof r){const e=r.toLowerCase();return"sm"===e?.75:"md"===e?1:"lg"===e?1.25:Math.max(0,(0,_utils.parseNumber)(r,n.defaults.size)/n.defaults.size)}return"number"==typeof r?Math.max(0,r/n.defaults.size):1},[r,n.defaults.size]),[h,k]=(0,_hooks.useControllableValue)(e,{valuePropName:"checked",defaultValuePropName:"defaultChecked",defaultValue:p,trigger:"onChange"}),v=Object.is(h,f),b=a??n.colors.activeTrack,m=i??n.colors.inactiveTrack,w=(0,_react().useCallback)(e=>{d||s?.(e)},[d,s]),y=(0,_react().useCallback)(()=>{if(d)return;const e=v?p:f;Object.is(e,h)||k(e)},[f,d,p,v,k,h]);return _react().default.createElement(_reactNative().Switch,{value:v,disabled:d,trackColor:{false:m,true:b},thumbColor:n.colors.handle,ios_backgroundColor:m,style:[{transform:[{scaleX:_},{scaleY:_}]},{opacity:d?n.opacity.disabled:1},u],accessibilityRole:"switch",accessibilityState:{checked:v,disabled:d},onValueChange:y,onTouchEnd:w})},Switch=exports.Switch=_react().default.memo(SwitchImpl);Switch.displayName="Switch";var _default=exports.default=Switch;