react-native-system-ui 1.0.2 → 1.0.3

package/dist/es/hooks/gesture/useGestureScroll.js

@@ -1,110 +1 @@
-import { useCallback, useMemo, useRef, useState } from 'react';
-import { Animated } from 'react-native';
-export const useGestureScroll = (options = {}) => {
-  const {
-    axis = 'y',
-    scrollEventThrottle = 16,
-    onScroll,
-    onScrollBeginDrag,
-    onScrollEndDrag,
-    onMomentumScrollBegin,
-    onMomentumScrollEnd
-  } = options;
-  const onScrollRef = useRef(onScroll);
-  onScrollRef.current = onScroll;
-  const onBeginDragRef = useRef(onScrollBeginDrag);
-  onBeginDragRef.current = onScrollBeginDrag;
-  const onEndDragRef = useRef(onScrollEndDrag);
-  onEndDragRef.current = onScrollEndDrag;
-  const onMomBeginRef = useRef(onMomentumScrollBegin);
-  onMomBeginRef.current = onMomentumScrollBegin;
-  const onMomEndRef = useRef(onMomentumScrollEnd);
-  onMomEndRef.current = onMomentumScrollEnd;
-  const scrollValue = useRef(new Animated.Value(0)).current;
-  const lastOffRef = useRef(0);
-  const lastTsRef = useRef(null);
-  const velRef = useRef(0);
-  const dirRef = useRef(null);
-  const [direction, setDirection] = useState(null);
-  const [isDragging, setIsDragging] = useState(false);
-  const [isMomentum, setIsMomentum] = useState(false);
-  const updateDir = useCallback(n => {
-    if (dirRef.current !== n) {
-      dirRef.current = n;
-      setDirection(n);
-    }
-  }, []);
-  const handleScroll = useCallback(e => {
-    onScrollRef.current?.(e);
-    const o = e.nativeEvent.contentOffset;
-    const cur = axis === 'x' ? o.x ?? 0 : o.y ?? 0;
-    const delta = cur - lastOffRef.current;
-    const ts = e.timeStamp ?? Date.now();
-    if (delta > 0) updateDir('forward');else if (delta < 0) updateDir('backward');
-    if (lastTsRef.current != null) velRef.current = delta / Math.max(ts - lastTsRef.current, 1) * 1000;
-    lastTsRef.current = ts;
-    lastOffRef.current = cur;
-  }, [axis, updateDir]);
-  const animHandler = useMemo(() => {
-    const m = axis === 'x' ? [{
-      nativeEvent: {
-        contentOffset: {
-          x: scrollValue
-        }
-      }
-    }] : [{
-      nativeEvent: {
-        contentOffset: {
-          y: scrollValue
-        }
-      }
-    }];
-    return Animated.event(m, {
-      useNativeDriver: false,
-      listener: handleScroll
-    });
-  }, [axis, handleScroll, scrollValue]);
-  const hBeginDrag = useCallback(e => {
-    setIsDragging(true);
-    onBeginDragRef.current?.(e);
-  }, []);
-  const hEndDrag = useCallback(e => {
-    setIsDragging(false);
-    onEndDragRef.current?.(e);
-  }, []);
-  const hMomBegin = useCallback(e => {
-    setIsMomentum(true);
-    onMomBeginRef.current?.(e);
-  }, []);
-  const hMomEnd = useCallback(e => {
-    setIsMomentum(false);
-    onMomEndRef.current?.(e);
-  }, []);
-  const resetOffset = useCallback((v = 0) => {
-    scrollValue.stopAnimation();
-    scrollValue.setValue(v);
-    lastOffRef.current = v;
-    lastTsRef.current = null;
-    velRef.current = 0;
-    updateDir(null);
-  }, [scrollValue, updateDir]);
-  const scrollProps = useMemo(() => ({
-    onScroll: animHandler,
-    scrollEventThrottle,
-    onScrollBeginDrag: hBeginDrag,
-    onScrollEndDrag: hEndDrag,
-    onMomentumScrollBegin: hMomBegin,
-    onMomentumScrollEnd: hMomEnd
-  }), [animHandler, hBeginDrag, hEndDrag, hMomBegin, hMomEnd, scrollEventThrottle]);
-  return {
-    scrollValue,
-    scrollProps,
-    direction,
-    isDragging,
-    isMomentum,
-    getVelocity: useCallback(() => velRef.current, []),
-    getCurrentOffset: useCallback(() => lastOffRef.current, []),
-    resetOffset
-  };
-};
-export default useGestureScroll;
+import{useCallback,useMemo,useRef,useState}from"react";import{Animated}from"react-native";export const useGestureScroll=(e={})=>{const{axis:t="y",scrollEventThrottle:r=16,onScroll:n,onScrollBeginDrag:u,onScrollEndDrag:l,onMomentumScrollBegin:c,onMomentumScrollEnd:o}=e,s=useRef(n);s.current=n;const a=useRef(u);a.current=u;const i=useRef(l);i.current=l;const f=useRef(c);f.current=c;const m=useRef(o);m.current=o;const S=useRef(new Animated.Value(0)).current,g=useRef(0),v=useRef(null),b=useRef(0),d=useRef(null),[k,C]=useState(null),[R,E]=useState(!1),[M,x]=useState(!1),p=useCallback(e=>{d.current!==e&&(d.current=e,C(e))},[]),D=useCallback(e=>{s.current?.(e);const r=e.nativeEvent.contentOffset,n="x"===t?r.x??0:r.y??0,u=n-g.current,l=e.timeStamp??Date.now();u>0?p("forward"):u<0&&p("backward"),null!=v.current&&(b.current=u/Math.max(l-v.current,1)*1e3),v.current=l,g.current=n},[t,p]),O=useMemo(()=>{const e="x"===t?[{nativeEvent:{contentOffset:{x:S}}}]:[{nativeEvent:{contentOffset:{y:S}}}];return Animated.event(e,{useNativeDriver:!1,listener:D})},[t,D,S]),w=useCallback(e=>{E(!0),a.current?.(e)},[]),y=useCallback(e=>{E(!1),i.current?.(e)},[]),A=useCallback(e=>{x(!0),f.current?.(e)},[]),B=useCallback(e=>{x(!1),m.current?.(e)},[]),V=useCallback((e=0)=>{S.stopAnimation(),S.setValue(e),g.current=e,v.current=null,b.current=0,p(null)},[S,p]),h=useMemo(()=>({onScroll:O,scrollEventThrottle:r,onScrollBeginDrag:w,onScrollEndDrag:y,onMomentumScrollBegin:A,onMomentumScrollEnd:B}),[O,w,y,A,B,r]);return{scrollValue:S,scrollProps:h,direction:k,isDragging:R,isMomentum:M,getVelocity:useCallback(()=>b.current,[]),getCurrentOffset:useCallback(()=>g.current,[]),resetOffset:V}};export default useGestureScroll;

package/dist/es/hooks/index.js

@@ -1,8 +1 @@
-export * from './useSafeAreaPadding';
-export * from './animation';
-export * from './aria';
-export * from './gesture';
-export * from './overlay';
-export { default as useControllableValue } from './useControllableValue';
-export { default as useCountDown } from './useCountDown';
-export * from './useHairline';
+export*from"./useSafeAreaPadding";export*from"./animation";export*from"./aria";export*from"./gesture";export*from"./overlay";export{default as useControllableValue}from"./useControllableValue";export{default as useCountDown}from"./useCountDown";export*from"./useHairline";

package/dist/es/hooks/overlay/OverlayStackStore.js

@@ -1,93 +1 @@
-import { BackHandler, Platform } from 'react-native';
-import { setBodyScrollLocked } from '../../platform';
-import { isNumber } from '../../utils';
-export class OverlayStackStore {
-  listeners = new Set();
-  entries = [];
-  keySeed = 0;
-  constructor(baseZ = 1000, zStep = 2) {
-    this.baseZ = baseZ;
-    this.zStep = zStep;
-  }
-  subscribe = l => {
-    this.listeners.add(l);
-    return () => {
-      this.listeners.delete(l);
-    };
-  };
-  getSnapshot = () => this.entries;
-  peek = () => this.entries[this.entries.length - 1];
-  size = () => this.entries.length;
-  getBaseZIndex = () => this.baseZ;
-  mount = o => {
-    const entry = {
-      key: ++this.keySeed,
-      zIndex: this.resolveZ(o.zIndex),
-      onClose: o.onClose,
-      closeOnBack: o.closeOnBack,
-      lockScroll: o.lockScroll,
-      type: o.type,
-      meta: o.meta
-    };
-    this.entries = [...this.entries, entry];
-    this.emit();
-    return entry;
-  };
-  update = (key, o) => {
-    const i = this.entries.findIndex(e => e.key === key);
-    if (i === -1) return undefined;
-    const next = {
-      ...this.entries[i],
-      ...o,
-      zIndex: isNumber(o.zIndex) ? this.resolveZ(o.zIndex) : this.entries[i].zIndex
-    };
-    this.entries = [...this.entries.slice(0, i), next, ...this.entries.slice(i + 1)];
-    this.emit();
-    return next;
-  };
-  unmount = key => {
-    const next = this.entries.filter(e => e.key !== key);
-    if (next.length !== this.entries.length) {
-      this.entries = next;
-      this.emit();
-    }
-  };
-  resolveZ = v => {
-    if (isNumber(v)) return !Number.isFinite(v) || v < 0 ? this.baseZ : v >= this.baseZ ? v : this.baseZ + v;
-    const top = this.peek();
-    return top ? top.zIndex + this.zStep : this.baseZ;
-  };
-  emit = () => {
-    this.listeners.forEach(l => l());
-  };
-}
-export const overlayStackStore = new OverlayStackStore();
-let backSub = null;
-const syncBack = () => {
-  if (Platform.OS === 'web') return;
-  const entries = overlayStackStore.getSnapshot();
-  const has = entries.some(e => e.closeOnBack && e.onClose);
-  if (has && !backSub && BackHandler?.addEventListener) {
-    backSub = BackHandler.addEventListener('hardwareBackPress', () => {
-      const cur = overlayStackStore.getSnapshot();
-      for (let i = cur.length - 1; i >= 0; i--) {
-        if (cur[i].closeOnBack && cur[i].onClose) {
-          cur[i].onClose();
-          return true;
-        }
-      }
-      return false;
-    });
-    return;
-  }
-  if (!has && backSub) {
-    backSub.remove();
-    backSub = null;
-  }
-};
-const onChange = () => {
-  syncBack();
-  setBodyScrollLocked(overlayStackStore.getSnapshot().some(e => e.lockScroll));
-};
-overlayStackStore.subscribe(onChange);
-onChange();
+import{BackHandler,Platform}from"react-native";import{setBodyScrollLocked}from"../../platform";import{isNumber}from"../../utils";export class OverlayStackStore{listeners=new Set;entries=[];keySeed=0;constructor(e=1e3,t=2){this.baseZ=e,this.zStep=t}subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});getSnapshot=()=>this.entries;peek=()=>this.entries[this.entries.length-1];size=()=>this.entries.length;getBaseZIndex=()=>this.baseZ;mount=e=>{const t={key:++this.keySeed,zIndex:this.resolveZ(e.zIndex),onClose:e.onClose,closeOnBack:e.closeOnBack,lockScroll:e.lockScroll,type:e.type,meta:e.meta};return this.entries=[...this.entries,t],this.emit(),t};update=(e,t)=>{const s=this.entries.findIndex(t=>t.key===e);if(-1===s)return;const n={...this.entries[s],...t,zIndex:isNumber(t.zIndex)?this.resolveZ(t.zIndex):this.entries[s].zIndex};return this.entries=[...this.entries.slice(0,s),n,...this.entries.slice(s+1)],this.emit(),n};unmount=e=>{const t=this.entries.filter(t=>t.key!==e);t.length!==this.entries.length&&(this.entries=t,this.emit())};resolveZ=e=>{if(isNumber(e))return!Number.isFinite(e)||e<0?this.baseZ:e>=this.baseZ?e:this.baseZ+e;const t=this.peek();return t?t.zIndex+this.zStep:this.baseZ};emit=()=>{this.listeners.forEach(e=>e())}}export const overlayStackStore=new OverlayStackStore;let backSub=null;const syncBack=()=>{if("web"===Platform.OS)return;const e=overlayStackStore.getSnapshot().some(e=>e.closeOnBack&&e.onClose);e&&!backSub&&BackHandler?.addEventListener?backSub=BackHandler.addEventListener("hardwareBackPress",()=>{const e=overlayStackStore.getSnapshot();for(let t=e.length-1;t>=0;t--)if(e[t].closeOnBack&&e[t].onClose)return e[t].onClose(),!0;return!1}):!e&&backSub&&(backSub.remove(),backSub=null)},onChange=()=>{syncBack(),setBodyScrollLocked(overlayStackStore.getSnapshot().some(e=>e.lockScroll))};overlayStackStore.subscribe(onChange),onChange();

package/dist/es/hooks/overlay/index.js

@@ -1,3 +1 @@
-export * from './OverlayStackStore';
-export * from './useOverlayStack';
-export {};
+export*from"./OverlayStackStore";export*from"./useOverlayStack";export{};

package/dist/es/hooks/overlay/useOverlayStack.js

@@ -1,40 +1 @@
-import { useEffect, useRef, useSyncExternalStore } from 'react';
-import { overlayStackStore } from './OverlayStackStore';
-const useEntries = () => useSyncExternalStore(overlayStackStore.subscribe, overlayStackStore.getSnapshot, overlayStackStore.getSnapshot);
-export const useOverlayStack = ({
-  visible,
-  ...options
-}) => {
-  const entries = useEntries();
-  const entryRef = useRef(null);
-  const optRef = useRef(options);
-  if (optRef.current.onClose !== options.onClose || optRef.current.closeOnBack !== options.closeOnBack || optRef.current.lockScroll !== options.lockScroll || optRef.current.zIndex !== options.zIndex || optRef.current.type !== options.type || optRef.current.meta !== options.meta) optRef.current = options;
-  const opts = optRef.current;
-  useEffect(() => {
-    if (!visible) {
-      if (entryRef.current) {
-        overlayStackStore.unmount(entryRef.current.key);
-        entryRef.current = null;
-      }
-      return;
-    }
-    entryRef.current = overlayStackStore.mount(opts);
-    return () => {
-      if (entryRef.current) {
-        overlayStackStore.unmount(entryRef.current.key);
-        entryRef.current = null;
-      }
-    };
-  }, [visible]);
-  useEffect(() => {
-    if (visible && entryRef.current) overlayStackStore.update(entryRef.current.key, opts);
-  }, [opts, visible]);
-  const cur = entryRef.current;
-  const snap = cur ? entries.find(e => e.key === cur.key) : undefined;
-  const top = entries[entries.length - 1];
-  return {
-    entryKey: snap?.key ?? null,
-    zIndex: snap?.zIndex ?? opts.zIndex,
-    isTopMost: !!snap && !!top && top.key === snap.key
-  };
-};
+import{useEffect,useRef,useSyncExternalStore}from"react";import{overlayStackStore}from"./OverlayStackStore";const useEntries=()=>useSyncExternalStore(overlayStackStore.subscribe,overlayStackStore.getSnapshot,overlayStackStore.getSnapshot);export const useOverlayStack=({visible:e,...r})=>{const t=useEntries(),n=useRef(null),c=useRef(r);c.current.onClose===r.onClose&&c.current.closeOnBack===r.closeOnBack&&c.current.lockScroll===r.lockScroll&&c.current.zIndex===r.zIndex&&c.current.type===r.type&&c.current.meta===r.meta||(c.current=r);const o=c.current;useEffect(()=>{if(e)return n.current=overlayStackStore.mount(o),()=>{n.current&&(overlayStackStore.unmount(n.current.key),n.current=null)};n.current&&(overlayStackStore.unmount(n.current.key),n.current=null)},[e]),useEffect(()=>{e&&n.current&&overlayStackStore.update(n.current.key,o)},[o,e]);const u=n.current,l=u?t.find(e=>e.key===u.key):void 0,a=t[t.length-1];return{entryKey:l?.key??null,zIndex:l?.zIndex??o.zIndex,isTopMost:!!l&&!!a&&a.key===l.key}};

package/dist/es/hooks/useControllableValue.js

@@ -1,29 +1 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { isFunction } from '../utils/validate';
-const hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-function useControllableValue(props = {}, options = {}) {
-  const {
-    defaultValue,
-    defaultValuePropName = 'defaultValue',
-    valuePropName = 'value',
-    trigger = 'onChange'
-  } = options;
-  const p = props;
-  const ctrl = hasProp(props, valuePropName);
-  const val = p[valuePropName];
-  const [intVal, setIntVal] = useState(() => {
-    if (ctrl) return val;
-    if (hasProp(props, defaultValuePropName)) return p[defaultValuePropName];
-    return defaultValue;
-  });
-  const hRef = useRef(p[trigger]);
-  useEffect(() => {
-    hRef.current = p[trigger];
-  }, [props, trigger]);
-  const setVal = useCallback((next, ...args) => {
-    if (!ctrl) setIntVal(next);
-    if (isFunction(hRef.current)) hRef.current(next, ...args);
-  }, [ctrl]);
-  return [ctrl ? val : intVal, setVal];
-}
-export default useControllableValue;
+import{useCallback,useEffect,useRef,useState}from"react";import{isFunction}from"../utils/validate";const hasProp=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);function useControllableValue(e={},t={}){const{defaultValue:a,defaultValuePropName:u="defaultValue",valuePropName:r="value",trigger:l="onChange"}=t,o=e,s=hasProp(e,r),n=o[r],[c,f]=useState(()=>s?n:hasProp(e,u)?o[u]:a),p=useRef(o[l]);useEffect(()=>{p.current=o[l]},[e,l]);const i=useCallback((e,...t)=>{s||f(e),isFunction(p.current)&&p.current(e,...t)},[s]);return[s?n:c,i]}export default useControllableValue;

package/dist/es/hooks/useCountDown.js

@@ -1,87 +1 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { isNumber } from '../utils/validate';
-const parseTime = time => {
-  const t = Math.max(time, 0);
-  return {
-    total: t,
-    days: Math.floor(t / 86400000),
-    hours: Math.floor(t % 86400000 / 3600000),
-    minutes: Math.floor(t % 3600000 / 60000),
-    seconds: Math.floor(t % 60000 / 1000),
-    milliseconds: t % 1000
-  };
-};
-const useCountDown = options => {
-  const {
-    time,
-    millisecond = false,
-    onChange,
-    onFinish
-  } = options;
-  const timeRef = useRef(time);
-  const msRef = useRef(millisecond);
-  const onChangeRef = useRef(onChange);
-  const onFinishRef = useRef(onFinish);
-  timeRef.current = time;
-  msRef.current = millisecond;
-  onChangeRef.current = onChange;
-  onFinishRef.current = onFinish;
-  const remainRef = useRef(Math.max(0, time));
-  const endTimeRef = useRef(Date.now() + remainRef.current);
-  const timerRef = useRef(null);
-  const countingRef = useRef(false);
-  const [current, setCurrent] = useState(() => parseTime(remainRef.current));
-  const clear = useCallback(() => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = null;
-    }
-  }, []);
-  const update = useCallback(rem => {
-    remainRef.current = rem;
-    const next = parseTime(rem);
-    setCurrent(next);
-    onChangeRef.current?.(next);
-    if (rem === 0) {
-      countingRef.current = false;
-      clear();
-      onFinishRef.current?.();
-    }
-  }, [clear]);
-  const tick = useCallback(() => {
-    if (!countingRef.current) return;
-    clear();
-    const rem = Math.max(endTimeRef.current - Date.now(), 0);
-    update(rem);
-    if (rem <= 0) return;
-    timerRef.current = setTimeout(tick, msRef.current ? Math.max(1, Math.min(30, rem)) : Math.max(1, Math.min(rem, rem % 1000 + 1)));
-  }, [clear, update]);
-  const start = useCallback(() => {
-    if (countingRef.current || remainRef.current <= 0) return;
-    countingRef.current = true;
-    endTimeRef.current = Date.now() + remainRef.current;
-    tick();
-  }, [tick]);
-  const pause = useCallback(() => {
-    if (!countingRef.current) return;
-    countingRef.current = false;
-    remainRef.current = Math.max(endTimeRef.current - Date.now(), 0);
-    clear();
-  }, [clear]);
-  const reset = useCallback(newT => {
-    pause();
-    const n = Math.max(0, isNumber(newT) ? newT : timeRef.current);
-    remainRef.current = n;
-    endTimeRef.current = Date.now() + n;
-    setCurrent(parseTime(n));
-  }, [pause]);
-  useEffect(() => () => clear(), [clear]);
-  return {
-    start,
-    pause,
-    reset,
-    current
-  };
-};
-export { parseTime };
-export default useCountDown;
+import{useCallback,useEffect,useRef,useState}from"react";import{isNumber}from"../utils/validate";const parseTime=e=>{const r=Math.max(e,0);return{total:r,days:Math.floor(r/864e5),hours:Math.floor(r%864e5/36e5),minutes:Math.floor(r%36e5/6e4),seconds:Math.floor(r%6e4/1e3),milliseconds:r%1e3}},useCountDown=e=>{const{time:r,millisecond:t=!1,onChange:u,onFinish:n}=e,a=useRef(r),c=useRef(t),s=useRef(u),o=useRef(n);a.current=r,c.current=t,s.current=u,o.current=n;const l=useRef(Math.max(0,r)),m=useRef(Date.now()+l.current),i=useRef(null),f=useRef(!1),[h,M]=useState(()=>parseTime(l.current)),p=useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]),C=useCallback(e=>{l.current=e;const r=parseTime(e);M(r),s.current?.(r),0===e&&(f.current=!1,p(),o.current?.())},[p]),b=useCallback(()=>{if(!f.current)return;p();const e=Math.max(m.current-Date.now(),0);C(e),e<=0||(i.current=setTimeout(b,c.current?Math.max(1,Math.min(30,e)):Math.max(1,Math.min(e,e%1e3+1))))},[p,C]),x=useCallback(()=>{f.current||l.current<=0||(f.current=!0,m.current=Date.now()+l.current,b())},[b]),R=useCallback(()=>{f.current&&(f.current=!1,l.current=Math.max(m.current-Date.now(),0),p())},[p]),k=useCallback(e=>{R();const r=Math.max(0,isNumber(e)?e:a.current);l.current=r,m.current=Date.now()+r,M(parseTime(r))},[R]);return useEffect(()=>()=>p(),[p]),{start:x,pause:R,reset:k,current:h}};export{parseTime};export default useCountDown;

package/dist/es/hooks/useHairline.js

@@ -1,26 +1 @@
-import React, { useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { createHairlineView } from '../utils/hairline';
-import { isNumber } from '../utils/validate';
-export const useHairline = ({
-  show = true,
-  containerStyle,
-  color,
-  width,
-  defaultPaddingHorizontal = 0
-}) => useMemo(() => {
-  if (!show) return null;
-  const f = StyleSheet.flatten(containerStyle);
-  const ph = isNumber(f?.paddingHorizontal) ? f.paddingHorizontal : undefined;
-  const r = (a, b) => isNumber(a) ? a : isNumber(b) ? b : isNumber(ph) ? ph : defaultPaddingHorizontal;
-  return /*#__PURE__*/React.createElement(View, {
-    style: createHairlineView({
-      position: 'bottom',
-      color,
-      left: r(f?.paddingLeft, f?.paddingStart),
-      right: r(f?.paddingRight, f?.paddingEnd),
-      enabled: width > 0,
-      width
-    })
-  });
-}, [show, containerStyle, color, width, defaultPaddingHorizontal]);
+import React,{useMemo}from"react";import{StyleSheet,View}from"react-native";import{createHairlineView}from"../utils/hairline";import{isNumber}from"../utils/validate";export const useHairline=({show:e=!0,containerStyle:t,color:i,width:r,defaultPaddingHorizontal:o=0})=>useMemo(()=>{if(!e)return null;const a=StyleSheet.flatten(t),n=isNumber(a?.paddingHorizontal)?a.paddingHorizontal:void 0,l=(e,t)=>isNumber(e)?e:isNumber(t)?t:isNumber(n)?n:o;return React.createElement(View,{style:createHairlineView({position:"bottom",color:i,left:l(a?.paddingLeft,a?.paddingStart),right:l(a?.paddingRight,a?.paddingEnd),enabled:r>0,width:r})})},[e,t,i,r,o]);

package/dist/es/hooks/useSafeAreaPadding.js

@@ -1,20 +1 @@
-import { Platform } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-export function useSafeAreaPadding(min) {
-  const insets = useSafeAreaInsets();
-  if (Platform.OS === 'web') {
-    const [t, b, l, r] = [min?.top ?? 0, min?.bottom ?? 0, min?.left ?? 0, min?.right ?? 0];
-    return {
-      paddingTop: `max(env(safe-area-inset-top, 0px), ${t}px)`,
-      paddingBottom: `max(env(safe-area-inset-bottom, 0px), ${b}px)`,
-      paddingLeft: `max(env(safe-area-inset-left, 0px), ${l}px)`,
-      paddingRight: `max(env(safe-area-inset-right, 0px), ${r}px)`
-    };
-  }
-  return {
-    paddingTop: Math.max(insets.top, min?.top ?? 0),
-    paddingBottom: Math.max(insets.bottom, min?.bottom ?? 0),
-    paddingLeft: Math.max(insets.left, min?.left ?? 0),
-    paddingRight: Math.max(insets.right, min?.right ?? 0)
-  };
-}
+import{Platform}from"react-native";import{useSafeAreaInsets}from"react-native-safe-area-context";export function useSafeAreaPadding(t){const a=useSafeAreaInsets();if("web"===Platform.OS){const[a,e,o,n]=[t?.top??0,t?.bottom??0,t?.left??0,t?.right??0];return{paddingTop:`max(env(safe-area-inset-top, 0px), ${a}px)`,paddingBottom:`max(env(safe-area-inset-bottom, 0px), ${e}px)`,paddingLeft:`max(env(safe-area-inset-left, 0px), ${o}px)`,paddingRight:`max(env(safe-area-inset-right, 0px), ${n}px)`}}return{paddingTop:Math.max(a.top,t?.top??0),paddingBottom:Math.max(a.bottom,t?.bottom??0),paddingLeft:Math.max(a.left,t?.left??0),paddingRight:Math.max(a.right,t?.right??0)}}

package/dist/es/index.js

@@ -1,11 +1 @@
-export * from './components';
-export * from './design-system';
-export * from './hooks';
-// Utilities
-export { flipStyle, rtlRow } from './utils/rtl';
-export { deepMerge } from './utils/deepMerge';
-export { createPlatformShadow } from './utils/createPlatformShadow';
-
-// Platform helpers
-export { nativeDriverEnabled } from './platform/animation';
-export { isWeb, isIOS, isAndroid } from './platform/runtime';
+export*from"./components";export*from"./design-system";export*from"./hooks";export{flipStyle,rtlRow}from"./utils/rtl";export{deepMerge}from"./utils/deepMerge";export{createPlatformShadow}from"./utils/createPlatformShadow";export{nativeDriverEnabled}from"./platform/animation";export{isWeb,isIOS,isAndroid}from"./platform/runtime";

package/dist/es/nativewind.js

@@ -0,0 +1 @@
+import*as _selfLib from"react-native-system-ui";const FWD_REF=Symbol.for("react.forward_ref"),MEMO=Symbol.for("react.memo"),isComponent=e=>{if("function"==typeof e)return!0;if("object"==typeof e&&null!==e){const t=e.$$typeof;return t===FWD_REF||t===MEMO}return!1};let _registered=!1;export function enableNativeWind(e,t){if(_registered)return;_registered=!0;const r=t??_selfLib;if(r&&"object"==typeof r)for(const[t,o]of Object.entries(r))if(/^[A-Z]/.test(t)&&isComponent(o))try{e(o,{className:"style"})}catch(e){}}

package/dist/es/platform/animation.js

@@ -1,10 +1 @@
-import { Platform } from 'react-native';
-export const nativeDriverEnabled = Platform.OS !== 'web';
-export const defaultAnimationConfig = {
-  useNativeDriver: nativeDriverEnabled,
-  isInteraction: false
-};
-export const hardwareAccelerationProps = {
-  renderToHardwareTextureAndroid: Platform.OS === 'android',
-  shouldRasterizeIOS: Platform.OS === 'ios'
-};
+import{Platform}from"react-native";export const nativeDriverEnabled="web"!==Platform.OS;export const defaultAnimationConfig={useNativeDriver:nativeDriverEnabled,isInteraction:!1};export const hardwareAccelerationProps={renderToHardwareTextureAndroid:"android"===Platform.OS,shouldRasterizeIOS:"ios"===Platform.OS};

package/dist/es/platform/history.js

@@ -1,7 +1 @@
-export const addPopStateListener = listener => {
-  if (typeof window === 'undefined' || !window.addEventListener) return () => {};
-  window.addEventListener('popstate', listener);
-  return () => {
-    window.removeEventListener('popstate', listener);
-  };
-};
+export const addPopStateListener=e=>"undefined"!=typeof window&&window.addEventListener?(window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)}):()=>{};

package/dist/es/platform/index.js

@@ -1,6 +1 @@
-export * from './animation';
-export * from './history';
-export * from './measure';
-export * from './runtime';
-export * from './scrollLock';
-export {};
+export*from"./animation";export*from"./history";export*from"./measure";export*from"./runtime";export*from"./scrollLock";export{};

package/dist/es/platform/measure.js

@@ -1,32 +1 @@
-import { isFunction } from '../utils/validate';
-const toRect = (x, y, w, h) => [x, y, w, h].every(Number.isFinite) ? {
-  x: x,
-  y: y,
-  width: w,
-  height: h
-} : null;
-export const measureInWindow = (node, cb) => {
-  if (!node) {
-    cb(null);
-    return;
-  }
-  ;
-  try {
-    const mn = node;
-    if (isFunction(mn.measureInWindow)) {
-      mn.measureInWindow((x, y, w, h) => cb(toRect(x, y, w, h)));
-      return;
-    }
-    ;
-    const dn = node;
-    if (isFunction(dn.getBoundingClientRect)) {
-      const r = dn.getBoundingClientRect();
-      cb(toRect(r?.left, r?.top, r?.width, r?.height));
-      return;
-    }
-    ;
-    cb(null);
-  } catch {
-    cb(null);
-  }
-};
+import{isFunction}from"../utils/validate";const toRect=(t,n,e,i)=>[t,n,e,i].every(Number.isFinite)?{x:t,y:n,width:e,height:i}:null;export const measureInWindow=(t,n)=>{if(t)try{const e=t;if(isFunction(e.measureInWindow))return void e.measureInWindow((t,e,i,o)=>n(toRect(t,e,i,o)));const i=t;if(isFunction(i.getBoundingClientRect)){const t=i.getBoundingClientRect();return void n(toRect(t?.left,t?.top,t?.width,t?.height))}n(null)}catch{n(null)}else n(null)};

package/dist/es/platform/runtime.js

@@ -1,4 +1 @@
-import { Platform } from 'react-native';
-export const isWeb = () => Platform.OS === 'web';
-export const isIOS = () => Platform.OS === 'ios';
-export const isAndroid = () => Platform.OS === 'android';
+import{Platform}from"react-native";export const isWeb=()=>"web"===Platform.OS;export const isIOS=()=>"ios"===Platform.OS;export const isAndroid=()=>"android"===Platform.OS;

package/dist/es/platform/scrollLock.js

@@ -1,16 +1 @@
-let locked = false;
-let previousOverflow = '';
-export const setBodyScrollLocked = nextLocked => {
-  if (typeof document === 'undefined') return;
-  if (nextLocked && !locked) {
-    previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = 'hidden';
-    locked = true;
-    return;
-  }
-  if (!nextLocked && locked) {
-    document.body.style.overflow = previousOverflow || 'auto';
-    locked = false;
-  }
-};
-export const isBodyScrollLocked = () => locked;
+let locked=!1,previousOverflow="";export const setBodyScrollLocked=o=>{if("undefined"!=typeof document)return o&&!locked?(previousOverflow=document.body.style.overflow,document.body.style.overflow="hidden",void(locked=!0)):void(!o&&locked&&(document.body.style.overflow=previousOverflow||"auto",locked=!1))};export const isBodyScrollLocked=()=>locked;

package/dist/es/types.js

@@ -1 +1 @@
-export {};
+export{};

package/dist/es/utils/array.js

@@ -1,5 +1 @@
-export const toArray = value => {
-  if (value === undefined || value === null) return [];
-  if (Array.isArray(value)) return value;
-  return [value];
-};
+export const toArray=r=>null==r?[]:Array.isArray(r)?r:[r];

package/dist/es/utils/color.js

@@ -1,25 +1 @@
-import { clamp01 } from './number';
-const HEX_RE = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
-export const hexToRgb = input => {
-  if (!HEX_RE.test(input)) return null;
-  const h = input.length === 4 ? `#${input[1]}${input[1]}${input[2]}${input[2]}${input[3]}${input[3]}` : input;
-  const v = parseInt(h.slice(1), 16);
-  return [v >> 16 & 255, v >> 8 & 255, v & 255];
-};
-const parseRgb = input => {
-  const m = input.match(/^rgba?\(([^)]*)\)$/i);
-  if (!m) return null;
-  const n = m[1].split(',').map(s => Number(s.trim()));
-  return n.length >= 3 && n.every(Number.isFinite) ? [n[0], n[1], n[2]] : null;
-};
-export const withAlpha = (color, alpha) => {
-  const a = clamp01(alpha);
-  const t = color?.trim?.() ?? '';
-  if (!t) return color;
-  if (t.startsWith('#')) {
-    const rgb = hexToRgb(t);
-    return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})` : color;
-  }
-  const rgb = parseRgb(t);
-  return rgb ? `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${a})` : t;
-};
+import{clamp01}from"./number";const HEX_RE=/^#([0-9a-f]{3}|[0-9a-f]{6})$/i;export const hexToRgb=t=>{if(!HEX_RE.test(t))return null;const r=4===t.length?`#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`:t,n=parseInt(r.slice(1),16);return[n>>16&255,n>>8&255,255&n]};const parseRgb=t=>{const r=t.match(/^rgba?\(([^)]*)\)$/i);if(!r)return null;const n=r[1].split(",").map(t=>Number(t.trim()));return n.length>=3&&n.every(Number.isFinite)?[n[0],n[1],n[2]]:null};export const withAlpha=(t,r)=>{const n=clamp01(r),e=t?.trim?.()??"";if(!e)return t;if(e.startsWith("#")){const r=hexToRgb(e);return r?`rgba(${r[0]}, ${r[1]}, ${r[2]}, ${n})`:t}const s=parseRgb(e);return s?`rgba(${s[0]}, ${s[1]}, ${s[2]}, ${n})`:e};

package/dist/es/utils/compare.js

@@ -1,13 +1 @@
-export const shallowEqualArray = (a = [], b = []) => {
-  if (a.length !== b.length) return false;
-  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;
-  return true;
-};
-export const shallowEqualObject = (a, b) => {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  const ks = Object.keys(a);
-  if (ks.length !== Object.keys(b).length) return false;
-  for (const k of ks) if (a[k] !== b[k]) return false;
-  return true;
-};
+export const shallowEqualArray=(t=[],r=[])=>{if(t.length!==r.length)return!1;for(let e=0;e<t.length;e++)if(t[e]!==r[e])return!1;return!0};export const shallowEqualObject=(t,r)=>{if(t===r)return!0;if(!t||!r)return!1;const e=Object.keys(t);if(e.length!==Object.keys(r).length)return!1;for(const n of e)if(t[n]!==r[n])return!1;return!0};

package/dist/es/utils/createPlatformShadow.js

@@ -1,39 +1 @@
-import { Platform } from 'react-native';
-const toRgba = (color, alpha) => {
-  const t = color.trim();
-  if (t.startsWith('#')) {
-    const h = t.replace('#', '');
-    const e = h.length === 3 ? h.split('').map(c => c + c).join('') : h;
-    if (e.length < 6) return color;
-    const n = parseInt(e.slice(0, 6), 16);
-    return `rgba(${n >> 16 & 255}, ${n >> 8 & 255}, ${n & 255}, ${Math.max(0, Math.min(1, alpha))})`;
-  }
-  if (t.startsWith('rgba')) return color;
-  if (t.startsWith('rgb(')) return color.replace(/rgb\(([^)]*)\)/i, (_, i) => `rgba(${i}, ${alpha})`);
-  return color;
-};
-export const createPlatformShadow = ({
-  color,
-  opacity,
-  radius,
-  offsetY,
-  offsetX = 0,
-  elevation
-}) => {
-  if (Platform.OS !== 'web') return {
-    shadowColor: color,
-    shadowOpacity: opacity,
-    shadowRadius: radius,
-    shadowOffset: {
-      width: offsetX,
-      height: offsetY
-    },
-    ...(elevation !== undefined && {
-      elevation
-    })
-  };
-  return {
-    boxShadow: `${offsetX}px ${offsetY}px ${radius * 1.5}px ${toRgba(color, opacity)}`
-  };
-};
-export default createPlatformShadow;
+import{Platform}from"react-native";const toRgba=(t,a)=>{const o=t.trim();if(o.startsWith("#")){const r=o.replace("#",""),e=3===r.length?r.split("").map(t=>t+t).join(""):r;if(e.length<6)return t;const s=parseInt(e.slice(0,6),16);return`rgba(${s>>16&255}, ${s>>8&255}, ${255&s}, ${Math.max(0,Math.min(1,a))})`}return o.startsWith("rgba")?t:o.startsWith("rgb(")?t.replace(/rgb\(([^)]*)\)/i,(t,o)=>`rgba(${o}, ${a})`):t};export const createPlatformShadow=({color:t,opacity:a,radius:o,offsetY:r,offsetX:e=0,elevation:s})=>"web"!==Platform.OS?{shadowColor:t,shadowOpacity:a,shadowRadius:o,shadowOffset:{width:e,height:r},...void 0!==s&&{elevation:s}}:{boxShadow:`${e}px ${r}px ${1.5*o}px ${toRgba(t,a)}`};export default createPlatformShadow;