@niibase/uniwind 1.1.8 → 1.1.10

package/dist/common/core/config/config.common.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UniwindConfigBuilder = exports.Uniwind = void 0;
+var _react = require("react");
 var _reactNative = require("react-native");
+var _withUniwind = require("../../hoc/withUniwind");
 var _types = require("../../types");
 var _listener = require("../listener");
 const SYSTEM_THEME = "system";
@@ -38,6 +40,13 @@ class UniwindConfigBuilder {
     }
     return colorScheme ?? _types.ColorScheme.Light;
   }
+  Wrapper({
+    as,
+    ...props
+  }) {
+    const StyledComponent = (0, _react.useMemo)(() => (0, _withUniwind.withUniwind)(as), [as]);
+    return (0, _react.createElement)(StyledComponent, props);
+  }
   // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
   setTheme(theme) {
     const prevTheme = this.#currentTheme;

package/dist/metro/metro-transformer.cjs

@@ -1492,6 +1492,10 @@ class RN {
       };
     }
     if (properties.every((property2) => ["top", "right", "bottom", "left"].includes(property2))) {
+      if (transformedProperty === "inset") {
+        const isEverySideSame = properties.every((property2) => value[property2] === value.top);
+        return isEverySideSame ? { inset: value.top } : value;
+      }
       return {
         [wrapProperty("Top")]: value.top,
         [wrapProperty("Right")]: value.right,

package/dist/metro/metro-transformer.mjs

@@ -1485,6 +1485,10 @@ class RN {
       };
     }
     if (properties.every((property2) => ["top", "right", "bottom", "left"].includes(property2))) {
+      if (transformedProperty === "inset") {
+        const isEverySideSame = properties.every((property2) => value[property2] === value.top);
+        return isEverySideSame ? { inset: value.top } : value;
+      }
       return {
         [wrapProperty("Top")]: value.top,
         [wrapProperty("Right")]: value.right,

package/dist/module/core/config/config.common.d.ts

@@ -1,4 +1,6 @@
+import { ComponentPropsWithRef, ElementType } from 'react';
 import { Insets } from 'react-native';
+import { ApplyUniwind } from '../../hoc/types';
 import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types';
 declare const SYSTEM_THEME: "system";
 export declare class UniwindConfigBuilder {
@@ -8,6 +10,9 @@ export declare class UniwindConfigBuilder {
     get hasAdaptiveThemes(): boolean;
     get currentTheme(): ThemeName;
     private get colorScheme();
+    Wrapper<T extends ElementType>({ as, ...props }: {
+        as: T;
+    } & ApplyUniwind<Omit<ComponentPropsWithRef<T>, 'as'>>): import("react").FunctionComponentElement<any>;
     setTheme(theme: ThemeName | typeof SYSTEM_THEME): void;
     updateCSSVariables(theme: ThemeName, variables: CSSVariables): void;
     updateInsets(insets: Insets): void;

package/dist/module/core/config/config.common.js

@@ -1,4 +1,6 @@
+import { createElement, useMemo } from "react";
 import { Appearance, Platform } from "react-native";
+import { withUniwind } from "../../hoc/withUniwind.js";
 import { ColorScheme, StyleDependency } from "../../types.js";
 import { UniwindListener } from "../listener.js";
 const SYSTEM_THEME = "system";
@@ -32,6 +34,10 @@ export class UniwindConfigBuilder {
     }
     return colorScheme ?? ColorScheme.Light;
   }
+  Wrapper({ as, ...props }) {
+    const StyledComponent = useMemo(() => withUniwind(as), [as]);
+    return createElement(StyledComponent, props);
+  }
   // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
   setTheme(theme) {
     const prevTheme = this.#currentTheme;

package/package.json

@@ -1,8 +1,8 @@
 {
     "private": false,
     "name": "@niibase/uniwind",
-    "version": "1.1.8",
-    "description": "The fastest Tailwind bindings for React Native",
+    "version": "1.1.10",
+    "description": "The fastest Tailwind bindings for React Native with Reanimated 4 support",
     "homepage": "https://uniwind.dev",
     "author": "Unistack",
     "type": "module",

package/src/core/config/config.common.ts

@@ -1,4 +1,7 @@
+import { ComponentPropsWithRef, createElement, ElementType, useMemo } from 'react'
 import { Appearance, Insets, Platform } from 'react-native'
+import { ApplyUniwind } from '../../hoc/types'
+import { withUniwind } from '../../hoc/withUniwind'
 import { ColorScheme, StyleDependency } from '../../types'
 import { UniwindListener } from '../listener'
 import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types'
@@ -49,6 +52,13 @@ export class UniwindConfigBuilder {
         return colorScheme ?? ColorScheme.Light
     }
 
+    Wrapper<T extends ElementType>({ as, ...props }: {
+        as: T
+    } & ApplyUniwind<Omit<ComponentPropsWithRef<T>, 'as'>>) {
+        const StyledComponent = useMemo(() => withUniwind(as as any), [as])
+        return createElement(StyledComponent, props)
+    }
+
     // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
     setTheme(theme: ThemeName | typeof SYSTEM_THEME) {
         const prevTheme = this.#currentTheme

package/src/metro/processor/rn.ts

@@ -306,6 +306,14 @@ export class RN {
         }
 
         if (properties.every(property => ['top', 'right', 'bottom', 'left'].includes(property))) {
+            if (transformedProperty === 'inset') {
+                const isEverySideSame = properties.every(property => value[property] === value.top)
+
+                return isEverySideSame
+                    ? { inset: value.top }
+                    : value
+            }
+
             return {
                 [wrapProperty('Top')]: value.top,
                 [wrapProperty('Right')]: value.right,