react-native-unistyles 3.0.0-beta.1 → 3.0.0-beta.2

package/lib/module/components/Pressable.web.js

@@ -1,109 +0,0 @@
-"use strict";
-
-import React, { forwardRef, useEffect, useRef } from 'react';
-import { Pressable as NativePressableReactNative } from 'react-native';
-import { UnistylesShadowRegistry } from '../specs';
-import { jsx as _jsx } from "react/jsx-runtime";
-const initialState = {
-  pressed: false,
-  hovered: false,
-  focused: false
-};
-const events = {
-  'pointerdown': {
-    pressed: true
-  },
-  'pointerup': {
-    pressed: false
-  },
-  'pointerenter': {
-    hovered: true
-  },
-  'pointerleave': {
-    hovered: false
-  },
-  'focus': {
-    focused: true
-  },
-  'blur': {
-    focused: false
-  }
-};
-const isFunctionWithBoundArgs = fn => {
-  return typeof fn === 'function' && 'getBoundArgs' in fn;
-};
-const extractFunctionArgs = styleResult => {
-  return isFunctionWithBoundArgs(styleResult) ? [styleResult.getBoundArgs()] : Array.isArray(styleResult) ? styleResult.map(style => isFunctionWithBoundArgs(style) ? style.getBoundArgs() : []) : [];
-};
-const extractStyleResult = style => {
-  return typeof style === 'function' ? [style()] : Array.isArray(style) ? style.map(style => typeof style === 'function' ? style() : style) : [style];
-};
-const updateStyles = ({
-  ref,
-  style,
-  variants,
-  state
-}) => {
-  const styleResult = typeof style === 'function' ? style(state) : style;
-  const fnArgs = extractFunctionArgs(styleResult);
-  const extractedResult = extractStyleResult(styleResult);
-
-  // @ts-expect-error - this is hidden from TS
-  UnistylesShadowRegistry.add(ref, extractedResult, variants, fnArgs);
-};
-export const Pressable = /*#__PURE__*/forwardRef(({
-  variants,
-  style,
-  ...props
-}, passedRef) => {
-  const storedRef = useRef(null);
-  const state = useRef(initialState);
-  const styleRef = useRef(style);
-  useEffect(() => {
-    styleRef.current = style;
-  }, [style]);
-  useEffect(() => {
-    const handler = newState => () => {
-      state.current = {
-        ...state.current,
-        ...newState
-      };
-      updateStyles({
-        ref: storedRef.current,
-        style: styleRef.current,
-        variants,
-        state: state.current
-      });
-    };
-    if (!storedRef.current) {
-      return;
-    }
-
-    // ref on the web is dom element
-    const ref = storedRef.current;
-    Object.entries(events).forEach(([event, state]) => {
-      ref.addEventListener(event, handler(state));
-    });
-    return () => {
-      Object.entries(events).forEach(([event, state]) => {
-        ref.removeEventListener(event, handler(state));
-      });
-    };
-  }, []);
-  return /*#__PURE__*/_jsx(NativePressableReactNative, {
-    ...props,
-    ref: ref => {
-      storedRef.current = ref;
-      updateStyles({
-        ref,
-        style: style,
-        variants,
-        state: initialState
-      });
-      if (typeof passedRef === 'object' && passedRef !== null) {
-        passedRef.current = ref;
-      }
-    }
-  });
-});
-//# sourceMappingURL=Pressable.web.js.map

package/lib/module/components/Pressable.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useEffect","useRef","Pressable","NativePressableReactNative","UnistylesShadowRegistry","jsx","_jsx","initialState","pressed","hovered","focused","events","isFunctionWithBoundArgs","fn","extractFunctionArgs","styleResult","getBoundArgs","Array","isArray","map","style","extractStyleResult","updateStyles","ref","variants","state","fnArgs","extractedResult","add","props","passedRef","storedRef","styleRef","current","handler","newState","Object","entries","forEach","event","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["components/Pressable.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/core/createUnistylesComponent.native.js

@@ -1,75 +0,0 @@
-"use strict";
-
-import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
-import { deepMergeObjects } from '../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
-export const createUnistylesComponent = (Component, mappings) => {
-  return /*#__PURE__*/forwardRef((props, ref) => {
-    const narrowedProps = props;
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
-    const [, setRt] = useState(0);
-    const stylesRef = useRef({});
-    const isForcedRef = useRef(false);
-    if (!isForcedRef.current) {
-      SUPPORTED_STYLE_PROPS.forEach(propName => {
-        if (narrowedProps?.[propName]) {
-          if (Array.isArray(narrowedProps[propName])) {
-            console.error(`🦄 Unistyles: createUnistylesComponent requires ${propName} to be an object. Please check props for component: ${Component.displayName}`);
-          }
-
-          // @ts-expect-error - this is hidden from TS
-          if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
-            console.error(`🦄 Unistyles: createUnistylesComponent received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${Component.displayName}`);
-          }
-          stylesRef.current = {
-            ...stylesRef.current,
-            [propName]: narrowedProps[propName]
-          };
-        }
-      });
-    }
-    useEffect(() => {
-      const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
-        const componentDependencies = narrowedProps.style?.__proto__.uni__dependencies || mappings?.(theme).style?.__proto__.uni__dependencies;
-        if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies || componentDependencies.includes(UnistyleDependency.Theme))) {
-          setTheme(UnistylesRuntime.getTheme());
-
-          // override with Unistyles styles
-          SUPPORTED_STYLE_PROPS.forEach(propName => {
-            if (narrowedProps?.[propName]) {
-              stylesRef.current = {
-                ...stylesRef.current,
-                // @ts-expect-error - this is hidden from TS
-                [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
-              };
-            }
-          });
-          isForcedRef.current = true;
-        }
-        if (dependencies.some(dependency => dependency >= 2) && (!componentDependencies || componentDependencies.some(dependency => dependency >= 2))) {
-          setRt(prevState => prevState + 1);
-        }
-      });
-      return () => {
-        removeChangeListener();
-      };
-    }, []);
-    const mergedProps = mappings?.(theme) ?? {};
-    const finalProps = deepMergeObjects(mergedProps, props);
-
-    // override with Unistyles styles
-    SUPPORTED_STYLE_PROPS.forEach(propName => {
-      if (finalProps[propName]) {
-        finalProps[propName] = stylesRef.current[propName];
-      }
-    });
-    isForcedRef.current = false;
-    return /*#__PURE__*/_jsx(Component, {
-      ...finalProps,
-      ref: ref
-    });
-  });
-};
-//# sourceMappingURL=createUnistylesComponent.native.js.map

package/lib/module/core/createUnistylesComponent.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useEffect","useRef","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","deepMergeObjects","jsx","_jsx","SUPPORTED_STYLE_PROPS","createUnistylesComponent","Component","mappings","props","ref","narrowedProps","theme","setTheme","getTheme","setRt","stylesRef","isForcedRef","current","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","__proto__","getStyle","removeChangeListener","addChangeListener","dependencies","componentDependencies","style","uni__dependencies","includes","Theme","some","dependency","prevState","mergedProps","finalProps"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/core/getBoundArgs.js

@@ -1,13 +0,0 @@
-"use strict";
-
-export const getBoundArgs = fn => {
-  const boundArgs = [];
-  fn.bind = (thisArg, ...args) => {
-    boundArgs.push(...args);
-    const newFn = Function.prototype.bind.apply(fn, [thisArg, ...args]);
-    newFn.getBoundArgs = () => boundArgs;
-    return newFn;
-  };
-  return fn;
-};
-//# sourceMappingURL=getBoundArgs.js.map

package/lib/module/core/getBoundArgs.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getBoundArgs","fn","boundArgs","bind","thisArg","args","push","newFn","Function","prototype","apply"],"sourceRoot":"../../../src","sources":["core/getBoundArgs.ts"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAIC,EAAY,IAAK;EAC1C,MAAMC,SAAS,GAAG,EAAgB;EAElCD,EAAE,CAACE,IAAI,GAAG,CAACC,OAAO,EAAE,GAAGC,IAAI,KAAK;IAC5BH,SAAS,CAACI,IAAI,CAAC,GAAGD,IAAI,CAAC;IAEvB,MAAME,KAAK,GAAGC,QAAQ,CAACC,SAAS,CAACN,IAAI,CAACO,KAAK,CAACT,EAAE,EAAE,CAACG,OAAO,EAAE,GAAGC,IAAI,CAAC,CAAC;IAEnEE,KAAK,CAACP,YAAY,GAAG,MAAME,SAAS;IAEpC,OAAOK,KAAK;EAChB,CAAC;EAED,OAAON,EAAE;AACb,CAAC","ignoreList":[]}

package/lib/module/core/getId.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export const getId = () => `${Math.random().toString(36).substring(2, 9)}`;
-//# sourceMappingURL=getId.js.map

package/lib/module/core/getId.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getId","Math","random","toString","substring"],"sourceRoot":"../../../src","sources":["core/getId.ts"],"mappings":";;AAAA,OAAO,MAAMA,KAAK,GAAGA,CAAA,KAAM,GAAGC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE","ignoreList":[]}

package/lib/module/hooks/useMedia.web.js

@@ -1,38 +0,0 @@
-"use strict";
-
-import { useEffect, useRef, useState } from 'react';
-import { isUnistylesMq, isValidMq, parseMq } from '../mq';
-export const useMedia = config => {
-  const disposeRef = useRef(() => {});
-  const [isVisible, setIsVisible] = useState(() => {
-    const maybeMq = config.mq;
-    if (!isUnistylesMq(maybeMq)) {
-      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
-      return false;
-    }
-    const parsedMq = parseMq(maybeMq);
-    if (!isValidMq(parsedMq)) {
-      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
-      return false;
-    }
-    const {
-      minWidth,
-      maxWidth,
-      minHeight,
-      maxHeight
-    } = parsedMq;
-    const mediaQuery = [minWidth !== undefined ? `(min-width: ${minWidth}px)` : undefined, maxWidth !== undefined ? `(max-width: ${maxWidth}px)` : undefined, minHeight !== undefined ? `(min-height: ${minHeight}px)` : undefined, maxHeight !== undefined ? `(max-height: ${maxHeight}px)` : undefined].filter(Boolean).join(' and ');
-    const media = window.matchMedia(mediaQuery);
-    const handler = event => setIsVisible(event.matches);
-    media.addEventListener('change', handler);
-    disposeRef.current = () => media.removeEventListener('change', handler);
-    return media.matches;
-  });
-
-  // Unmount
-  useEffect(() => () => disposeRef.current(), []);
-  return {
-    isVisible
-  };
-};
-//# sourceMappingURL=useMedia.web.js.map

package/lib/module/hooks/useMedia.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useRef","useState","isUnistylesMq","isValidMq","parseMq","useMedia","config","disposeRef","isVisible","setIsVisible","maybeMq","mq","console","error","parsedMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener"],"sourceRoot":"../../../src","sources":["hooks/useMedia.web.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAEzD,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,UAAU,GAAGP,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,MAAM;IAC7C,MAAMS,OAAO,GAAGJ,MAAM,CAACK,EAAuB;IAE9C,IAAI,CAACT,aAAa,CAACQ,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGV,OAAO,CAACM,OAAO,CAAC;IAEjC,IAAI,CAACP,SAAS,CAACW,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAGJ,QAAQ;IAE7D,MAAMK,UAAU,GAAG,CACfJ,QAAQ,KAAKK,SAAS,GAAG,eAAeL,QAAQ,KAAK,GAAGK,SAAS,EACjEJ,QAAQ,KAAKI,SAAS,GAAG,eAAeJ,QAAQ,KAAK,GAAGI,SAAS,EACjEH,SAAS,KAAKG,SAAS,GAAG,gBAAgBH,SAAS,KAAK,GAAGG,SAAS,EACpEF,SAAS,KAAKE,SAAS,GAAG,gBAAgBF,SAAS,KAAK,GAAGE,SAAS,CACvE,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAACP,UAAU,CAAC;IAC3C,MAAMQ,OAAO,GAAIC,KAA0B,IAAKnB,YAAY,CAACmB,KAAK,CAACC,OAAO,CAAC;IAE3EL,KAAK,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IACzCpB,UAAU,CAACwB,OAAO,GAAG,MAAMP,KAAK,CAACQ,mBAAmB,CAAC,QAAQ,EAAEL,OAAO,CAAC;IAEvE,OAAOH,KAAK,CAACK,OAAO;EACxB,CAAC,CAAC;;EAEF;EACA9B,SAAS,CAAC,MAAM,MAAMQ,UAAU,CAACwB,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,OAAO;IACHvB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/specs/index.web.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from '../web';
-//# sourceMappingURL=index.web.js.map

package/lib/module/specs/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["specs/index.web.ts"],"mappings":";;AAAA,cAAc,QAAQ","ignoreList":[]}

package/lib/typescript/src/components/Pressable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AACjD,OAAO,EAA2C,KAAK,0BAA0B,EAAE,MAAM,cAAc,CAAA;AACvG,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AASjE,eAAO,MAAM,SAAS;eAJP,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC;eAChE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;8BAgF7C,CAAA"}

package/lib/typescript/src/components/Pressable.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pressable.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAE5D,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG5E,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,iBAAiB,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;AA4D9E,eAAO,MAAM,SAAS;eAzDP,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;YACnC,iBAAiB;8BAiH3B,CAAA"}

package/lib/typescript/src/core/createUnistylesComponent.native.d.ts

@@ -1,8 +0,0 @@
-import React, { type ComponentType } from 'react';
-import type { UnistylesTheme } from '../types';
-import type { PartialBy } from '../types/common';
-declare const SUPPORTED_STYLE_PROPS: readonly ["style", "contentContainerStyle"];
-type SupportedStyleProps = typeof SUPPORTED_STYLE_PROPS[number];
-export declare const createUnistylesComponent: <TProps extends Record<string, any>, TMappings extends Partial<Omit<TProps, SupportedStyleProps>>>(Component: ComponentType<TProps>, mappings?: (theme: UnistylesTheme) => TMappings) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PartialBy<TProps, "style" | "contentContainerStyle" | keyof TMappings>> & React.RefAttributes<unknown>>;
-export {};
-//# sourceMappingURL=createUnistylesComponent.native.d.ts.map

package/lib/typescript/src/core/createUnistylesComponent.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createUnistylesComponent.native.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesComponent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAA2C,MAAM,OAAO,CAAA;AAC1F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGhD,QAAA,MAAM,qBAAqB,6CAA8C,CAAA;AACzE,KAAK,mBAAmB,GAAG,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,aAAa,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,kKAyE3N,CAAA"}

package/lib/typescript/src/core/getBoundArgs.d.ts

@@ -1,2 +0,0 @@
-export declare const getBoundArgs: (fn: Function) => Function;
-//# sourceMappingURL=getBoundArgs.d.ts.map

package/lib/typescript/src/core/getBoundArgs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getBoundArgs.d.ts","sourceRoot":"","sources":["../../../../src/core/getBoundArgs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,OAAQ,QAAQ,aAcxC,CAAA"}

package/lib/typescript/src/core/getId.d.ts

@@ -1,2 +0,0 @@
-export declare const getId: () => string;
-//# sourceMappingURL=getId.d.ts.map

package/lib/typescript/src/core/getId.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getId.d.ts","sourceRoot":"","sources":["../../../../src/core/getId.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,cAAwD,CAAA"}

package/lib/typescript/src/hooks/useMedia.web.d.ts

@@ -1,6 +0,0 @@
-export declare const useMedia: (config: {
-    mq: symbol;
-}) => {
-    isVisible: boolean;
-};
-//# sourceMappingURL=useMedia.web.d.ts.map

package/lib/typescript/src/hooks/useMedia.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMedia.web.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMedia.web.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,WAAY;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;;CA2C9C,CAAA"}

package/lib/typescript/src/specs/index.web.d.ts

@@ -1,2 +0,0 @@
-export * from '../web';
-//# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/src/specs/index.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/specs/index.web.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/src/components/Pressable.tsx

@@ -1,89 +0,0 @@
-import React, { forwardRef, useRef } from 'react'
-import { Pressable as NativePressableReactNative, type PressableStateCallbackType } from 'react-native'
-import type { PressableProps as Props, View } from 'react-native'
-import { UnistylesShadowRegistry } from '../specs'
-import { getId } from '../core'
-
-type PressableProps = Props & {
-    rawStyle?: Array<any> | ((event: PressableStateCallbackType) => Array<any>)
-    variants?: Record<string, string | boolean>
-}
-
-export const Pressable = forwardRef<View, PressableProps>(({ variants, style, rawStyle, ...props }, passedRef) => {
-    const storedRef = useRef<View | null>()
-
-    return (
-        <NativePressableReactNative
-            {...props}
-            ref={ref => {
-                storedRef.current = ref
-                const styleResult = typeof style === 'function'
-                    ? style({ pressed: false })
-                    : style
-                const fnArgs = typeof styleResult === 'function'
-                    // @ts-expect-error - this is hidden from TS
-                    ? styleResult.getBoundArgs()
-                    : Array.isArray(styleResult)
-                        ? styleResult
-                            // @ts-expect-error - this is hidden from TS
-                            .map(style => typeof style === 'function' ? style.getBoundArgs() : [])
-                        : []
-
-                if (typeof passedRef === 'object' && passedRef !== null) {
-                    passedRef.current = ref
-                }
-
-                const returnFn = typeof passedRef === 'function'
-                    ? passedRef(ref)
-                    : () => {}
-                const unistyles = typeof rawStyle === 'function'
-                    ? rawStyle({ pressed: false })
-                    : (rawStyle ?? [])
-
-                // @ts-expect-error - this is hidden from TS
-                UnistylesShadowRegistry.add(ref, unistyles, variants, Array.isArray(styleResult) ? fnArgs : [fnArgs])
-
-                return () => {
-                    // @ts-expect-error - this is hidden from TS
-                    UnistylesShadowRegistry.remove(ref)
-
-                    if (typeof returnFn === 'function') {
-                        returnFn()
-                    }
-                }
-            }}
-            style={state => {
-                const styleResult = typeof style === 'function'
-                    ? style(state)
-                    : style
-                const fnArgs = typeof styleResult === 'function'
-                    // @ts-expect-error - this is hidden from TS
-                    ? styleResult.getBoundArgs()
-                    : Array.isArray(styleResult)
-                        ? styleResult
-                            // @ts-expect-error - this is hidden from TS
-                            .map(style => typeof style === 'function' ? style.getBoundArgs() : [])
-                        : []
-                const pressId = getId()
-                const unistyles = typeof rawStyle === 'function'
-                    ? rawStyle(state)
-                    : (rawStyle ?? [])
-
-                if (storedRef.current) {
-                    // @ts-expect-error - this is hidden from TS
-                    UnistylesShadowRegistry.remove(storedRef.current)
-                    // @ts-expect-error - this is hidden from TS
-                    UnistylesShadowRegistry.add(storedRef.current, unistyles, variants, Array.isArray(styleResult) ? fnArgs : [fnArgs], pressId)
-                }
-
-                return typeof styleResult === 'function'
-                    // @ts-expect-error - this is hidden from TS
-                    ? styleResult(pressId)
-                    : Array.isArray(styleResult)
-                        // @ts-expect-error - this is hidden from TS
-                        ? styleResult.map(style => typeof style === 'function' ? style(pressId) : style)
-                        : styleResult
-            }}
-        />
-    )
-})

package/src/components/Pressable.web.tsx

@@ -1,129 +0,0 @@
-import React, { forwardRef, useEffect, useRef } from 'react'
-import { Pressable as NativePressableReactNative } from 'react-native'
-import type { PressableProps as Props, View, ViewStyle } from 'react-native'
-import { UnistylesShadowRegistry } from '../specs'
-
-type WebPressableState = {
-    pressed: boolean,
-    hovered: boolean,
-    focused: boolean
-}
-
-type WebPressableStyle = ((state: WebPressableState) => ViewStyle) | ViewStyle
-
-type PressableProps = Props & {
-    variants?: Record<string, string | boolean>
-    style?: WebPressableStyle,
-}
-
-const initialState: WebPressableState = {
-    pressed: false,
-    hovered: false,
-    focused: false
-}
-
-const events = {
-    'pointerdown': { pressed: true },
-    'pointerup': { pressed: false },
-    'pointerenter': { hovered: true },
-    'pointerleave': { hovered: false },
-    'focus': { focused: true },
-    'blur': { focused: false }
-} satisfies Partial<Record<keyof HTMLElementEventMap, Partial<WebPressableState>>>
-
-type UpdateStylesProps = {
-    ref: View | null,
-    style: WebPressableStyle,
-    variants?: Record<string, string | boolean>,
-    state: WebPressableState
-}
-
-const isFunctionWithBoundArgs = (fn: any): fn is Function & { getBoundArgs: Function } => {
-    return typeof fn === 'function' && 'getBoundArgs' in fn
-}
-
-const extractFunctionArgs = (styleResult: any) => {
-    return isFunctionWithBoundArgs(styleResult)
-        ? [styleResult.getBoundArgs()]
-        : Array.isArray(styleResult)
-            ? styleResult.map(style => isFunctionWithBoundArgs(style) ? style.getBoundArgs() : [])
-            : []
-}
-
-const extractStyleResult = (style: any) => {
-    return typeof style === 'function'
-        ? [style()]
-        : Array.isArray(style)
-            ? style.map(style => typeof style === 'function' ? style() : style)
-            : [style]
-}
-
-const updateStyles = ({ ref, style, variants, state }: UpdateStylesProps) => {
-    const styleResult = typeof style === 'function'
-        ? style(state)
-        : style
-    const fnArgs = extractFunctionArgs(styleResult)
-    const extractedResult = extractStyleResult(styleResult)
-
-    // @ts-expect-error - this is hidden from TS
-    UnistylesShadowRegistry.add(ref, extractedResult, variants, fnArgs)
-}
-
-export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ...props }, passedRef) => {
-    const storedRef = useRef<View | null>(null)
-    const state = useRef<WebPressableState>(initialState)
-    const styleRef = useRef(style)
-
-    useEffect(() => {
-        styleRef.current = style
-    }, [style])
-
-    useEffect(() => {
-        const handler = (newState: Partial<WebPressableState>) => () => {
-            state.current = { ...state.current, ...newState }
-
-            updateStyles({
-                ref: storedRef.current,
-                style: styleRef.current as WebPressableStyle,
-                variants,
-                state: state.current
-            })
-        }
-
-        if (!storedRef.current) {
-            return
-        }
-
-        // ref on the web is dom element
-        const ref = storedRef.current as unknown as HTMLDivElement
-
-        Object.entries(events).forEach(([event, state]) => {
-            ref.addEventListener(event, handler(state))
-        })
-
-        return () => {
-            Object.entries(events).forEach(([event, state]) => {
-                ref.removeEventListener(event, handler(state))
-            })
-        }
-    }, [])
-
-    return (
-        <NativePressableReactNative
-            {...props}
-            ref={ref => {
-                storedRef.current = ref
-                updateStyles({
-                    ref,
-                    style: style as WebPressableStyle,
-                    variants,
-                    state: initialState
-                })
-
-                if (typeof passedRef === 'object' && passedRef !== null) {
-                    passedRef.current = ref
-                }
-            }}
-        />
-    )
-})

package/src/core/createUnistylesComponent.native.tsx

@@ -1,83 +0,0 @@
-import React, { type ComponentType, forwardRef, useEffect, useRef, useState } from 'react'
-import type { UnistylesTheme } from '../types'
-import { StyleSheet, UnistyleDependency, UnistylesRuntime, type UnistylesStyleSheet } from '../specs'
-import type { PartialBy } from '../types/common'
-import { deepMergeObjects } from '../utils'
-
-const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'] as const
-type SupportedStyleProps = typeof SUPPORTED_STYLE_PROPS[number]
-
-export const createUnistylesComponent = <TProps extends Record<string, any>, TMappings extends Partial<Omit<TProps, SupportedStyleProps>>>(Component: ComponentType<TProps>, mappings?: (theme: UnistylesTheme) => TMappings) => {
-    return forwardRef<unknown, PartialBy<TProps, keyof TMappings | SupportedStyleProps>>((props, ref) => {
-        const narrowedProps = props as PartialBy<TProps, keyof TMappings | SupportedStyleProps>
-        const [theme, setTheme] = useState<UnistylesTheme>(UnistylesRuntime.getTheme())
-        const [, setRt] = useState(0)
-        const stylesRef = useRef<Record<string, any>>({})
-        const isForcedRef = useRef(false)
-
-        if (!isForcedRef.current) {
-            SUPPORTED_STYLE_PROPS.forEach(propName => {
-                if (narrowedProps?.[propName]) {
-                    if (Array.isArray(narrowedProps[propName])) {
-                        console.error(`🦄 Unistyles: createUnistylesComponent requires ${propName} to be an object. Please check props for component: ${Component.displayName}`)
-                    }
-
-                    // @ts-expect-error - this is hidden from TS
-                    if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
-                        console.error(`🦄 Unistyles: createUnistylesComponent received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${Component.displayName}`)
-                    }
-
-                    stylesRef.current = {
-                        ...stylesRef.current,
-                        [propName]: narrowedProps[propName]
-                    }
-                }
-            })
-        }
-
-        useEffect(() => {
-            const removeChangeListener = (StyleSheet as UnistylesStyleSheet).addChangeListener(dependencies => {
-                const componentDependencies = (narrowedProps.style?.__proto__.uni__dependencies || mappings?.(theme).style?.__proto__.uni__dependencies) as Array<UnistyleDependency>
-
-                if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies ||componentDependencies.includes(UnistyleDependency.Theme))) {
-                    setTheme(UnistylesRuntime.getTheme())
-
-                    // override with Unistyles styles
-                    SUPPORTED_STYLE_PROPS.forEach(propName => {
-                        if (narrowedProps?.[propName]) {
-                            stylesRef.current = {
-                                ...stylesRef.current,
-                                // @ts-expect-error - this is hidden from TS
-                                [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
-                            }
-                        }
-                    })
-
-                    isForcedRef.current = true
-                }
-
-                if (dependencies.some(dependency => dependency >= 2) && (!componentDependencies || componentDependencies.some(dependency => dependency >= 2))) {
-                    setRt(prevState => prevState + 1)
-                }
-            })
-
-            return () => {
-                removeChangeListener()
-            }
-        }, [])
-
-        const mergedProps = mappings?.(theme) as Record<string, any> ?? {}
-        const finalProps = deepMergeObjects(mergedProps, props)
-
-        // override with Unistyles styles
-        SUPPORTED_STYLE_PROPS.forEach(propName => {
-            if (finalProps[propName]) {
-                finalProps[propName] = stylesRef.current[propName]
-            }
-        })
-
-        isForcedRef.current = false
-
-        return <Component {...finalProps as TProps} ref={ref} />
-    })
-}