@niibase/uniwind 1.1.8 → 1.1.9

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/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,7 +1,7 @@
 {
     "private": false,
     "name": "@niibase/uniwind",
-    "version": "1.1.8",
+    "version": "1.1.9",
     "description": "The fastest Tailwind bindings for React Native",
     "homepage": "https://uniwind.dev",
     "author": "Unistack",

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