react-native-system-ui 1.0.1 → 1.0.3

package/dist/es/design-system/ThemeContext.js

@@ -1,6 +1 @@
-import React from 'react';
-import { defaultTokens } from './tokens';
-export const ThemeContext = /*#__PURE__*/React.createContext({
-  foundations: defaultTokens,
-  components: undefined
-});
+import React from"react";import{defaultTokens}from"./tokens";export const ThemeContext=React.createContext({foundations:defaultTokens,components:void 0});

package/dist/es/design-system/ThemeProvider.js

@@ -1,17 +1 @@
-import React, { useMemo } from 'react';
-import { ThemeContext } from './ThemeContext';
-import { createTokens } from './tokens';
-import { isObject } from '../utils/validate';
-const isTokens = v => Boolean(isObject(v) && 'palette' in v && 'spacing' in v);
-export const ThemeProvider = ({
-  value,
-  children
-}) => {
-  const resolved = useMemo(() => ({
-    foundations: isTokens(value) ? value : createTokens(value?.foundations),
-    components: isTokens(value) ? undefined : value?.components
-  }), [value]);
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: resolved
-  }, children);
-};
+import React,{useMemo}from"react";import{ThemeContext}from"./ThemeContext";import{createTokens}from"./tokens";import{isObject}from"../utils/validate";const isTokens=e=>Boolean(isObject(e)&&"palette"in e&&"spacing"in e);export const ThemeProvider=({value:e,children:o})=>{const t=useMemo(()=>({foundations:isTokens(e)?e:createTokens(e?.foundations),components:isTokens(e)?void 0:e?.components}),[e]);return React.createElement(ThemeContext.Provider,{value:t},o)};

package/dist/es/design-system/createComponentTokensHook.js

@@ -1,15 +1 @@
-import { useMemo } from 'react';
-import { deepMerge } from '../utils/deepMerge';
-import { useTheme } from './useTheme';
-export const createComponentTokensHook = (key, createBaseTokens) => overrides => {
-  const {
-    foundations,
-    components
-  } = useTheme();
-  const co = components?.[key];
-  return useMemo(() => {
-    const base = createBaseTokens(foundations);
-    const m = co && overrides ? deepMerge(co, overrides) : co ?? overrides;
-    return m ? deepMerge(base, m) : base;
-  }, [co, foundations, overrides]);
-};
+import{useMemo}from"react";import{deepMerge}from"../utils/deepMerge";import{useTheme}from"./useTheme";export const createComponentTokensHook=(e,o)=>r=>{const{foundations:t,components:m}=useTheme(),n=m?.[e];return useMemo(()=>{const e=o(t),m=n&&r?deepMerge(n,r):n??r;return m?deepMerge(e,m):e},[n,t,r])};

package/dist/es/design-system/index.js

@@ -1,7 +1 @@
-export { ThemeProvider } from './ThemeProvider';
-export { Text } from './Text';
-export { useTheme } from './useTheme';
-export { createComponentTokensHook } from './createComponentTokensHook';
-export { mergeTokensOverride } from './mergeTokensOverride';
-export { createTokens, defaultTokens } from './tokens';
-export { themePresets, getThemePreset } from './presets';
+export{ThemeProvider}from"./ThemeProvider";export{Text}from"./Text";export{useTheme}from"./useTheme";export{createComponentTokensHook}from"./createComponentTokensHook";export{mergeTokensOverride}from"./mergeTokensOverride";export{createTokens,defaultTokens}from"./tokens";export{themePresets,getThemePreset}from"./presets";

package/dist/es/design-system/mergeTokensOverride.js

@@ -1,2 +1 @@
-import { deepMerge } from '../utils/deepMerge';
-export const mergeTokensOverride = (base, override) => base && override ? deepMerge(base, override) : base ?? override;
+import{deepMerge}from"../utils/deepMerge";export const mergeTokensOverride=(e,r)=>e&&r?deepMerge(e,r):e??r;

package/dist/es/design-system/presets.js

@@ -1,139 +1 @@
-import { createTokens, defaultTokens } from './tokens';
-const darkOverrides = {
-  palette: {
-    default: {
-      50: '#05070b',
-      100: '#0b0f16',
-      200: '#131a23',
-      300: '#1c2632',
-      400: '#263342',
-      500: '#35455a',
-      600: '#4b5d73',
-      700: '#5f758c',
-      800: '#7e91a7',
-      900: '#b2c1cf',
-      foreground: '#f4f6fb'
-    },
-    primary: {
-      50: '#141632',
-      100: '#161c49',
-      200: '#152262',
-      300: '#162d88',
-      400: '#1d3ca6',
-      500: '#3055d8',
-      600: '#4c6ef5',
-      700: '#7d93ff',
-      800: '#a8b5ff',
-      900: '#d8e0ff',
-      foreground: '#f6f8ff'
-    },
-    info: {
-      50: '#101a2c',
-      100: '#0f203e',
-      200: '#0d2a55',
-      300: '#12376f',
-      400: '#1d4d9a',
-      500: '#2a66c3',
-      600: '#3f86ec',
-      700: '#69a6ff',
-      800: '#99c3ff',
-      900: '#d7e6ff',
-      foreground: '#f4f8ff'
-    },
-    success: {
-      50: '#07160f',
-      100: '#0b2416',
-      200: '#123221',
-      300: '#15452c',
-      400: '#1d5e3a',
-      500: '#27784a',
-      600: '#32a064',
-      700: '#5ac68f',
-      800: '#8adeb1',
-      900: '#c8f3d9',
-      foreground: '#effff5'
-    },
-    warning: {
-      50: '#2e1405',
-      100: '#3b1b08',
-      200: '#52260c',
-      300: '#6b3311',
-      400: '#8a4416',
-      500: '#ab561c',
-      600: '#cc6a1f',
-      700: '#e78a3a',
-      800: '#f5a85f',
-      900: '#ffd9a8',
-      foreground: '#ffffff'
-    },
-    danger: {
-      50: '#2d090e',
-      100: '#3a0d13',
-      200: '#50121c',
-      300: '#6a1a27',
-      400: '#882434',
-      500: '#a92c40',
-      600: '#cb3750',
-      700: '#ef4b63',
-      800: '#ff7d8f',
-      900: '#ffc6d0',
-      foreground: '#fff5f6'
-    }
-  }
-};
-const auroraOverrides = {
-  palette: {
-    default: {
-      50: '#f4fbff',
-      100: '#e3f5ff',
-      200: '#d1eef9',
-      300: '#b8e1ef',
-      400: '#a2d1e2',
-      500: '#89bbcf',
-      600: '#6ba3b8',
-      700: '#508aa0',
-      800: '#3a6f84',
-      900: '#254a57',
-      foreground: '#0b1d23'
-    },
-    primary: {
-      50: '#e8fbff',
-      100: '#c1f4ff',
-      200: '#96e7ff',
-      300: '#6bdbff',
-      400: '#40cfff',
-      500: '#18b8f2',
-      600: '#1296d3',
-      700: '#0d74ad',
-      800: '#095885',
-      900: '#053658'
-    },
-    success: {
-      50: '#f1fff6',
-      100: '#cff9e3',
-      200: '#a2f0ca',
-      300: '#75e4b1',
-      400: '#45d799',
-      500: '#1dbe80',
-      600: '#129c67',
-      700: '#097852',
-      800: '#05583b',
-      900: '#033427'
-    }
-  },
-  radii: {
-    sm: 8,
-    md: 12,
-    lg: 18
-  },
-  typography: {
-    fontFamily: 'System, "Helvetica Neue", "PingFang SC"',
-    lineHeightMultiplier: 1.25
-  }
-};
-export const themePresets = {
-  light: defaultTokens,
-  dark: createTokens(darkOverrides),
-  aurora: createTokens(auroraOverrides)
-};
-export const getThemePreset = name => themePresets[name];
+import{createTokens,defaultTokens}from"./tokens";const darkOverrides={palette:{default:{50:"#05070b",100:"#0b0f16",200:"#131a23",300:"#1c2632",400:"#263342",500:"#35455a",600:"#4b5d73",700:"#5f758c",800:"#7e91a7",900:"#b2c1cf",foreground:"#f4f6fb"},primary:{50:"#141632",100:"#161c49",200:"#152262",300:"#162d88",400:"#1d3ca6",500:"#3055d8",600:"#4c6ef5",700:"#7d93ff",800:"#a8b5ff",900:"#d8e0ff",foreground:"#f6f8ff"},info:{50:"#101a2c",100:"#0f203e",200:"#0d2a55",300:"#12376f",400:"#1d4d9a",500:"#2a66c3",600:"#3f86ec",700:"#69a6ff",800:"#99c3ff",900:"#d7e6ff",foreground:"#f4f8ff"},success:{50:"#07160f",100:"#0b2416",200:"#123221",300:"#15452c",400:"#1d5e3a",500:"#27784a",600:"#32a064",700:"#5ac68f",800:"#8adeb1",900:"#c8f3d9",foreground:"#effff5"},warning:{50:"#2e1405",100:"#3b1b08",200:"#52260c",300:"#6b3311",400:"#8a4416",500:"#ab561c",600:"#cc6a1f",700:"#e78a3a",800:"#f5a85f",900:"#ffd9a8",foreground:"#ffffff"},danger:{50:"#2d090e",100:"#3a0d13",200:"#50121c",300:"#6a1a27",400:"#882434",500:"#a92c40",600:"#cb3750",700:"#ef4b63",800:"#ff7d8f",900:"#ffc6d0",foreground:"#fff5f6"}}},auroraOverrides={palette:{default:{50:"#f4fbff",100:"#e3f5ff",200:"#d1eef9",300:"#b8e1ef",400:"#a2d1e2",500:"#89bbcf",600:"#6ba3b8",700:"#508aa0",800:"#3a6f84",900:"#254a57",foreground:"#0b1d23"},primary:{50:"#e8fbff",100:"#c1f4ff",200:"#96e7ff",300:"#6bdbff",400:"#40cfff",500:"#18b8f2",600:"#1296d3",700:"#0d74ad",800:"#095885",900:"#053658"},success:{50:"#f1fff6",100:"#cff9e3",200:"#a2f0ca",300:"#75e4b1",400:"#45d799",500:"#1dbe80",600:"#129c67",700:"#097852",800:"#05583b",900:"#033427"}},radii:{sm:8,md:12,lg:18},typography:{fontFamily:'System, "Helvetica Neue", "PingFang SC"',lineHeightMultiplier:1.25}};export const themePresets={light:defaultTokens,dark:createTokens(darkOverrides),aurora:createTokens(auroraOverrides)};export const getThemePreset=f=>themePresets[f];

package/dist/es/design-system/tokens.js

@@ -1,128 +1 @@
-import { deepMerge } from '../utils/deepMerge';
-export const defaultFoundations = {
-  palette: {
-    default: {
-      50: '#f7f8fa',
-      100: '#f1f2f5',
-      200: '#ebedf0',
-      300: '#c8ccd6',
-      400: '#a8aebb',
-      500: '#888f9f',
-      600: '#6d7483',
-      700: '#505560',
-      800: '#353840',
-      900: '#191a1f',
-      foreground: '#222222'
-    },
-    primary: {
-      50: '#f5f8ff',
-      100: '#e1e9ff',
-      200: '#c2d4ff',
-      300: '#9bb8ff',
-      400: '#6d94ff',
-      500: '#4770ff',
-      600: '#2f51e0',
-      700: '#243eb1',
-      800: '#1a2d82',
-      900: '#111d55',
-      foreground: '#ffffff'
-    },
-    info: {
-      50: '#f0f8ff',
-      100: '#d9ecff',
-      200: '#b9dcff',
-      300: '#8bc3ff',
-      400: '#5aa7ff',
-      500: '#328dff',
-      600: '#1d6fde',
-      700: '#1753a9',
-      800: '#113a75',
-      900: '#0a2143',
-      foreground: '#ffffff'
-    },
-    success: {
-      50: '#f2fbf6',
-      100: '#dcf5e7',
-      200: '#b8e9cf',
-      300: '#8ddbb1',
-      400: '#5fcf93',
-      500: '#31c174',
-      600: '#1da45e',
-      700: '#128047',
-      800: '#0a5c32',
-      900: '#043719',
-      foreground: '#ffffff'
-    },
-    warning: {
-      50: '#fff8ec',
-      100: '#ffecc7',
-      200: '#ffd595',
-      300: '#ffbc63',
-      400: '#ffa035',
-      500: '#ff8414',
-      600: '#d9650b',
-      700: '#ad4905',
-      800: '#7f3101',
-      900: '#4d1c00',
-      foreground: '#ffffff'
-    },
-    danger: {
-      50: '#fff1f2',
-      100: '#ffd8dd',
-      200: '#ffadb7',
-      300: '#ff8090',
-      400: '#ff556c',
-      500: '#f2324c',
-      600: '#ce1733',
-      700: '#a30f27',
-      800: '#770819',
-      900: '#47040b',
-      foreground: '#ffffff'
-    }
-  },
-  spacing: {
-    none: 0,
-    xxs: 2,
-    xs: 4,
-    ssm: 6,
-    sm: 8,
-    md: 12,
-    lg: 16,
-    xl: 20,
-    xxl: 28
-  },
-  radii: {
-    none: 0,
-    xs: 4,
-    sm: 6,
-    md: 8,
-    lg: 12,
-    pill: 999,
-    full: 9999
-  },
-  fontSize: {
-    xxs: 10,
-    xs: 12,
-    sm: 14,
-    md: 16,
-    lg: 18,
-    xl: 20
-  },
-  typography: {
-    fontFamily: 'System',
-    weight: {
-      regular: '400',
-      medium: '500',
-      semiBold: '600',
-      bold: '700'
-    },
-    lineHeightMultiplier: 1.2
-  },
-  opacity: {
-    disabled: 0.45,
-    loading: 0.65,
-    pressed: 0.85
-  }
-};
-export const createTokens = overrides => overrides ? deepMerge(defaultFoundations, overrides) : defaultFoundations;
-export const defaultTokens = defaultFoundations;
+import{deepMerge}from"../utils/deepMerge";export const defaultFoundations={palette:{default:{50:"#f7f8fa",100:"#f1f2f5",200:"#ebedf0",300:"#c8ccd6",400:"#a8aebb",500:"#888f9f",600:"#6d7483",700:"#505560",800:"#353840",900:"#191a1f",foreground:"#222222"},primary:{50:"#f5f8ff",100:"#e1e9ff",200:"#c2d4ff",300:"#9bb8ff",400:"#6d94ff",500:"#4770ff",600:"#2f51e0",700:"#243eb1",800:"#1a2d82",900:"#111d55",foreground:"#ffffff"},info:{50:"#f0f8ff",100:"#d9ecff",200:"#b9dcff",300:"#8bc3ff",400:"#5aa7ff",500:"#328dff",600:"#1d6fde",700:"#1753a9",800:"#113a75",900:"#0a2143",foreground:"#ffffff"},success:{50:"#f2fbf6",100:"#dcf5e7",200:"#b8e9cf",300:"#8ddbb1",400:"#5fcf93",500:"#31c174",600:"#1da45e",700:"#128047",800:"#0a5c32",900:"#043719",foreground:"#ffffff"},warning:{50:"#fff8ec",100:"#ffecc7",200:"#ffd595",300:"#ffbc63",400:"#ffa035",500:"#ff8414",600:"#d9650b",700:"#ad4905",800:"#7f3101",900:"#4d1c00",foreground:"#ffffff"},danger:{50:"#fff1f2",100:"#ffd8dd",200:"#ffadb7",300:"#ff8090",400:"#ff556c",500:"#f2324c",600:"#ce1733",700:"#a30f27",800:"#770819",900:"#47040b",foreground:"#ffffff"}},spacing:{none:0,xxs:2,xs:4,ssm:6,sm:8,md:12,lg:16,xl:20,xxl:28},radii:{none:0,xs:4,sm:6,md:8,lg:12,pill:999,full:9999},fontSize:{xxs:10,xs:12,sm:14,md:16,lg:18,xl:20},typography:{fontFamily:"System",weight:{regular:"400",medium:"500",semiBold:"600",bold:"700"},lineHeightMultiplier:1.2},opacity:{disabled:.45,loading:.65,pressed:.85}};export const createTokens=f=>f?deepMerge(defaultFoundations,f):defaultFoundations;export const defaultTokens=defaultFoundations;

package/dist/es/design-system/useTheme.js

@@ -1,3 +1 @@
-import { useContext } from 'react';
-import { ThemeContext } from './ThemeContext';
-export const useTheme = () => useContext(ThemeContext);
+import{useContext}from"react";import{ThemeContext}from"./ThemeContext";export const useTheme=()=>useContext(ThemeContext);

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

@@ -1,2 +1 @@
-export { useReducedMotion, getReducedMotion } from './useReducedMotion';
-export { useAnimatedTransition } from './useAnimatedTransition';
+export{useReducedMotion,getReducedMotion}from"./useReducedMotion";export{useAnimatedTransition}from"./useAnimatedTransition";

package/dist/es/hooks/animation/useAnimatedTransition.js

@@ -1,53 +1 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { Animated, Easing } from 'react-native';
-import { nativeDriverEnabled } from '../../platform';
-import { useReducedMotion } from './useReducedMotion';
-const EASE_OUT = Easing.bezier(0.075, 0.82, 0.165, 1.0);
-const EASE_IN = Easing.bezier(0.55, 0.055, 0.675, 0.19);
-export const useAnimatedTransition = ({
-  visible,
-  duration = 300,
-  enterEasing = EASE_OUT,
-  exitEasing = EASE_IN,
-  useNativeDriver: driver = nativeDriverEnabled
-}) => {
-  const reduceMotion = useReducedMotion();
-  const [mounted, setMounted] = useState(visible);
-  const progress = useRef(new Animated.Value(visible ? 1 : 0)).current;
-  const animRef = useRef(null);
-  const seqRef = useRef(0);
-  const run = useCallback((show, dur, easeIn, easeOut, nd) => {
-    seqRef.current += 1;
-    const seq = seqRef.current;
-    animRef.current?.stop();
-    if (show) setMounted(true);
-    if (dur <= 0) {
-      progress.setValue(show ? 1 : 0);
-      if (!show) setMounted(false);
-      return;
-    }
-    const anim = Animated.timing(progress, {
-      toValue: show ? 1 : 0,
-      duration: dur,
-      easing: show ? easeIn : easeOut,
-      useNativeDriver: nd,
-      isInteraction: false
-    });
-    animRef.current = anim;
-    anim.start(({
-      finished
-    }) => {
-      if (finished && seq === seqRef.current && !show) setMounted(false);
-    });
-  }, [progress]);
-  useEffect(() => {
-    run(visible, reduceMotion ? 0 : duration, enterEasing, exitEasing, driver);
-  }, [visible, reduceMotion, duration, enterEasing, exitEasing, driver, run]);
-  useEffect(() => () => {
-    animRef.current?.stop();
-  }, []);
-  return {
-    mounted,
-    progress
-  };
-};
+import{useCallback,useEffect,useRef,useState}from"react";import{Animated,Easing}from"react-native";import{nativeDriverEnabled}from"../../platform";import{useReducedMotion}from"./useReducedMotion";const EASE_OUT=Easing.bezier(.075,.82,.165,1),EASE_IN=Easing.bezier(.55,.055,.675,.19);export const useAnimatedTransition=({visible:e,duration:t=300,enterEasing:r=EASE_OUT,exitEasing:n=EASE_IN,useNativeDriver:i=nativeDriverEnabled})=>{const s=useReducedMotion(),[u,a]=useState(e),o=useRef(new Animated.Value(e?1:0)).current,c=useRef(null),E=useRef(0),d=useCallback((e,t,r,n,i)=>{E.current+=1;const s=E.current;if(c.current?.stop(),e&&a(!0),t<=0)return o.setValue(e?1:0),void(e||a(!1));const u=Animated.timing(o,{toValue:e?1:0,duration:t,easing:e?r:n,useNativeDriver:i,isInteraction:!1});c.current=u,u.start(({finished:t})=>{t&&s===E.current&&!e&&a(!1)})},[o]);return useEffect(()=>{d(e,s?0:t,r,n,i)},[e,s,t,r,n,i,d]),useEffect(()=>()=>{c.current?.stop()},[]),{mounted:u,progress:o}};

package/dist/es/hooks/animation/useReducedMotion.js

@@ -1,54 +1 @@
-import { useEffect, useRef, useState } from 'react';
-import { AccessibilityInfo, Platform } from 'react-native';
-let _reduced = false;
-let _inited = false;
-const _subs = new Set();
-const set = v => {
-  if (v === _reduced) return;
-  _reduced = v;
-  _subs.forEach(fn => fn(v));
-};
-const init = () => {
-  if (_inited) return;
-  _inited = true;
-  if (Platform.OS === 'web') {
-    if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
-      try {
-        const mql = window.matchMedia('(prefers-reduced-motion: reduce)');
-        _reduced = mql.matches;
-        const h = e => set(e.matches);
-        mql.addEventListener?.('change', h) ?? mql.addListener?.(h);
-      } catch {}
-    }
-    return;
-  }
-  AccessibilityInfo.isReduceMotionEnabled?.().then(v => set(!!v)).catch(() => {});
-  try {
-    AccessibilityInfo.addEventListener('reduceMotionChanged', v => set(v));
-  } catch {}
-};
-export const useReducedMotion = () => {
-  const r = useRef(false);
-  if (!r.current) {
-    r.current = true;
-    init();
-  }
-  const [v, sv] = useState(_reduced);
-  useEffect(() => {
-    if (_reduced !== v) sv(_reduced);
-    _subs.add(sv);
-    return () => {
-      _subs.delete(sv);
-    };
-  }, []);
-  return v;
-};
-export const getReducedMotion = () => {
-  init();
-  return _reduced;
-};
-export const _resetForTesting = () => {
-  _reduced = false;
-  _inited = false;
-  _subs.clear();
-};
+import{useEffect,useRef,useState}from"react";import{AccessibilityInfo,Platform}from"react-native";let _reduced=!1,_inited=!1;const _subs=new Set,set=e=>{e!==_reduced&&(_reduced=e,_subs.forEach(t=>t(e)))},init=()=>{if(!_inited)if(_inited=!0,"web"!==Platform.OS){AccessibilityInfo.isReduceMotionEnabled?.().then(e=>set(!!e)).catch(()=>{});try{AccessibilityInfo.addEventListener("reduceMotionChanged",e=>set(e))}catch{}}else if("undefined"!=typeof window&&"function"==typeof window.matchMedia)try{const e=window.matchMedia("(prefers-reduced-motion: reduce)");_reduced=e.matches;const t=e=>set(e.matches);e.addEventListener?.("change",t)??e.addListener?.(t)}catch{}};export const useReducedMotion=()=>{const e=useRef(!1);e.current||(e.current=!0,init());const[t,c]=useState(_reduced);return useEffect(()=>(_reduced!==t&&c(_reduced),_subs.add(c),()=>{_subs.delete(c)}),[]),t};export const getReducedMotion=()=>(init(),_reduced);export const _resetForTesting=()=>{_reduced=!1,_inited=!1,_subs.clear()};

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

@@ -1,5 +1 @@
-export * from './useAriaPress';
-export * from './useAriaToggle';
-export * from './useAriaListBox';
-export * from './useAriaOverlay';
-export {};
+export*from"./useAriaPress";export*from"./useAriaToggle";export*from"./useAriaListBox";export*from"./useAriaOverlay";export{};

package/dist/es/hooks/aria/useAriaListBox.js

@@ -1,25 +1 @@
-import { useMemo, useRef } from 'react';
-import { useListBox } from '@react-native-aria/listbox';
-import { useListState } from '@react-stately/list';
-export const useAriaListBox = props => {
-  const ref = useRef(null);
-  const {
-    label,
-    ...rest
-  } = props;
-  const resolved = typeof label === 'string' ? {
-    ...rest,
-    'aria-label': label
-  } : rest;
-  const state = useListState(resolved);
-  const {
-    listBoxProps,
-    labelProps
-  } = useListBox(resolved, state, ref);
-  return {
-    state,
-    listBoxProps: useMemo(() => listBoxProps, [listBoxProps]),
-    labelProps: useMemo(() => labelProps, [labelProps]),
-    ref
-  };
-};
+import{useMemo,useRef}from"react";import{useListBox}from"@react-native-aria/listbox";import{useListState}from"@react-stately/list";export const useAriaListBox=e=>{const t=useRef(null),{label:s,...o}=e,r="string"==typeof s?{...o,"aria-label":s}:o,a=useListState(r),{listBoxProps:i,labelProps:l}=useListBox(r,a,t);return{state:a,listBoxProps:useMemo(()=>i,[i]),labelProps:useMemo(()=>l,[l]),ref:t}};

package/dist/es/hooks/aria/useAriaOverlay.js

@@ -1,25 +1 @@
-import { useMemo, useRef } from 'react';
-import { useOverlay } from '@react-native-aria/overlays';
-import { mergeProps } from '@react-native-aria/utils';
-export const useAriaOverlay = ({
-  isOpen,
-  onClose,
-  isDismissable = true,
-  shouldCloseOnInteractOutside,
-  overlayProps: overrides
-}) => {
-  const overlayRef = useRef(null);
-  const {
-    overlayProps
-  } = useOverlay({
-    isOpen,
-    onClose,
-    isDismissable,
-    shouldCloseOnInteractOutside
-  }, overlayRef);
-  const resolved = useMemo(() => mergeProps(overlayProps ?? {}, overrides ?? {}), [overrides, overlayProps]);
-  return {
-    overlayRef,
-    overlayProps: resolved
-  };
-};
+import{useMemo,useRef}from"react";import{useOverlay}from"@react-native-aria/overlays";import{mergeProps}from"@react-native-aria/utils";export const useAriaOverlay=({isOpen:e,onClose:s,isDismissable:r=!0,shouldCloseOnInteractOutside:o,overlayProps:a})=>{const i=useRef(null),{overlayProps:l}=useOverlay({isOpen:e,onClose:s,isDismissable:r,shouldCloseOnInteractOutside:o},i);return{overlayRef:i,overlayProps:useMemo(()=>mergeProps(l??{},a??{}),[a,l])}};

package/dist/es/hooks/aria/useAriaPress.js

@@ -1,57 +1 @@
-import { useMemo } from 'react';
-import { Platform } from 'react-native';
-import { useFocus, useFocusRing } from '@react-native-aria/focus';
-import { useHover, usePress } from '@react-native-aria/interactions';
-import { mergeProps } from '@react-native-aria/utils';
-const mp = (...args) => typeof mergeProps === 'function' ? mergeProps(...args) : Object.assign({}, ...args);
-export const useAriaPress = ({
-  disabled = false,
-  allowHover = Platform.OS === 'web',
-  allowFocus = Platform.OS === 'web',
-  extraProps,
-  ...pressEvents
-} = {}) => {
-  const {
-    pressProps,
-    isPressed
-  } = usePress({
-    ...pressEvents,
-    isDisabled: disabled
-  });
-  const {
-    isHovered,
-    hoverProps
-  } = useHover({
-    isDisabled: disabled || !allowHover
-  });
-  const {
-    isFocused,
-    focusProps
-  } = useFocus({
-    isDisabled: disabled
-  });
-  const {
-    focusProps: focusRingProps,
-    isFocusVisible
-  } = useFocusRing({
-    isDisabled: disabled
-  });
-  const interactionProps = useMemo(() => {
-    let m = pressProps;
-    if (allowHover) m = mp(m, hoverProps);
-    if (allowFocus && !disabled) m = mp(m, focusProps, focusRingProps);
-    if (extraProps) m = mp(m, extraProps);
-    return m;
-  }, [allowFocus, allowHover, disabled, extraProps, focusProps, focusRingProps, hoverProps, pressProps]);
-  const states = useMemo(() => ({
-    hovered: !!isHovered,
-    pressed: !!isPressed,
-    focused: !!isFocused,
-    focusVisible: !!isFocusVisible,
-    disabled: !!disabled
-  }), [disabled, isFocusVisible, isFocused, isHovered, isPressed]);
-  return {
-    interactionProps,
-    states
-  };
-};
+import{useMemo}from"react";import{Platform}from"react-native";import{useFocus,useFocusRing}from"@react-native-aria/focus";import{useHover,usePress}from"@react-native-aria/interactions";import{mergeProps}from"@react-native-aria/utils";const mp=(...s)=>"function"==typeof mergeProps?mergeProps(...s):Object.assign({},...s);export const useAriaPress=({disabled:s=!1,allowHover:e="web"===Platform.OS,allowFocus:r="web"===Platform.OS,extraProps:o,...i}={})=>{const{pressProps:t,isPressed:a}=usePress({...i,isDisabled:s}),{isHovered:u,hoverProps:c}=useHover({isDisabled:s||!e}),{isFocused:m,focusProps:p}=useFocus({isDisabled:s}),{focusProps:n,isFocusVisible:l}=useFocusRing({isDisabled:s});return{interactionProps:useMemo(()=>{let i=t;return e&&(i=mp(i,c)),r&&!s&&(i=mp(i,p,n)),o&&(i=mp(i,o)),i},[r,e,s,o,p,n,c,t]),states:useMemo(()=>({hovered:!!u,pressed:!!a,focused:!!m,focusVisible:!!l,disabled:!!s}),[s,l,m,u,a])}};

package/dist/es/hooks/aria/useAriaToggle.js

@@ -1,16 +1 @@
-import { useMemo, useRef } from 'react';
-import { useToggle } from '@react-native-aria/toggle';
-import { useToggleState } from '@react-stately/toggle';
-export const useAriaToggle = props => {
-  const fallbackRef = useRef(null);
-  const inputRef = props.inputRef ?? fallbackRef;
-  const state = useToggleState(props);
-  const {
-    inputProps
-  } = useToggle(props, state, inputRef);
-  return {
-    state,
-    inputProps: useMemo(() => inputProps, [inputProps]),
-    inputRef
-  };
-};
+import{useMemo,useRef}from"react";import{useToggle}from"@react-native-aria/toggle";import{useToggleState}from"@react-stately/toggle";export const useAriaToggle=e=>{const t=useRef(null),o=e.inputRef??t,r=useToggleState(e),{inputProps:s}=useToggle(e,r,o);return{state:r,inputProps:useMemo(()=>s,[s]),inputRef:o}};

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

@@ -1,2 +1 @@
-export * from './useGestureScroll';
-export {};
+export*from"./useGestureScroll";export{};