@niibase/uniwind 1.1.2 → 1.1.3

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";
@@ -32,6 +34,13 @@ class UniwindConfigBuilder {
   get colorScheme() {
     return _reactNative.Appearance.getColorScheme() ?? _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/common/core/index.js

@@ -3,18 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Uniwind = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _hoc = require("../hoc");
 var _config = require("./config");
-const Box = ({
-  as,
-  ...props
-}) => {
-  const StyledComponent = (0, _react.useMemo)(() => (0, _hoc.withUniwind)(as), [as]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(StyledComponent, {
-    ...props
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _config[key];
+    }
   });
-};
-const Uniwind = exports.Uniwind = Object.assign(Box, _config.Uniwind);
+});

package/dist/metro/index.cjs

@@ -46,9 +46,7 @@ const patchMetroGraphToSupportUncachedModules = () => {
 
 const thisModuleDist = node_path.resolve(__dirname, "../../dist");
 const thisModuleSrc = node_path.resolve(__dirname, "../../src");
-const nodeModulesPath = node_path.resolve(__dirname, "../../../");
 const isFromThisModule = (filename) => filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc);
-const name = node_path.basename(nodeModulesPath) === "node_modules" ? node_path.basename(node_path.resolve(__dirname, "../../")) : common.name;
 const SUPPORTED_COMPONENTS = [
   "ActivityIndicator",
   "Button",
@@ -88,19 +86,19 @@ const nativeResolver = (extraComponents) => ({
     return resolution;
   }
   if (moduleName === "react-native") {
-    return resolver(context, `${name}/components`, platform);
+    return resolver(context, `${common.name}/components`, platform);
   }
   if (moduleName === "react-native-gesture-handler") {
-    return resolver(context, `${name}/components/react-native-gesture-handler`, platform);
+    return resolver(context, `${common.name}/components/react-native-gesture-handler`, platform);
   }
   if (moduleName === "react-native-svg") {
-    return resolver(context, `${name}/components/react-native-svg`, platform);
+    return resolver(context, `${common.name}/components/react-native-svg`, platform);
   }
   if (resolution.filePath.includes(`${node_path.sep}react-native${node_path.sep}Libraries${node_path.sep}`)) {
     const filename = node_path.basename(resolution.filePath.split(node_path.sep).at(-1) ?? "");
     const module = filename.split(".").at(0);
     if (module !== void 0 && SUPPORTED_COMPONENTS.includes(module)) {
-      return resolver(context, `${name}/components/${module}`, platform);
+      return resolver(context, `${common.name}/components/${module}`, platform);
     }
   }
   if (moduleName in extraComponents) {
@@ -129,7 +127,7 @@ const webResolver = (extraComponents) => ({
   if (!isIndex || module === void 0 || !SUPPORTED_COMPONENTS.includes(module) || context.originModulePath.endsWith(`${module}${node_path.sep}index.js`)) {
     return resolution;
   }
-  return resolver(context, `${name}/components/${module}`, platform);
+  return resolver(context, `${common.name}/components/${module}`, platform);
 };
 
 const withUniwindConfig = (config, uniwindConfig) => {

package/dist/metro/index.mjs

@@ -2,7 +2,7 @@ import FileStoreBase from 'metro-cache/private/stores/FileStore';
 import os from 'os';
 import path from 'path';
 import { sep, basename, resolve } from 'node:path';
-import { n as name$1, u as uniq } from '../shared/uniwind.DhluOugg.mjs';
+import { n as name, u as uniq } from '../shared/uniwind.DhluOugg.mjs';
 import { P as Platform } from '../shared/uniwind.CyoRUwOj.mjs';
 
 class FileStore extends FileStoreBase {
@@ -38,9 +38,7 @@ const patchMetroGraphToSupportUncachedModules = () => {
 
 const thisModuleDist = resolve(__dirname, "../../dist");
 const thisModuleSrc = resolve(__dirname, "../../src");
-const nodeModulesPath = resolve(__dirname, "../../../");
 const isFromThisModule = (filename) => filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc);
-const name = basename(nodeModulesPath) === "node_modules" ? basename(resolve(__dirname, "../../")) : name$1;
 const SUPPORTED_COMPONENTS = [
   "ActivityIndicator",
   "Button",

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";
@@ -26,6 +28,10 @@ export class UniwindConfigBuilder {
   get colorScheme() {
     return Appearance.getColorScheme() ?? 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/dist/module/core/index.d.ts

@@ -1,9 +1 @@
-import { ComponentPropsWithRef, ElementType } from 'react';
-import { ApplyUniwind } from '../hoc/types';
-import { Uniwind as UniwindConfig } from './config';
-type BoxProps<T extends ElementType> = {
-    as: T;
-} & ApplyUniwind<Omit<ComponentPropsWithRef<T>, 'as'>>;
-declare const Box: <T extends ElementType>({ as, ...props }: BoxProps<T>) => import("react").JSX.Element;
-export declare const Uniwind: typeof UniwindConfig & typeof Box;
-export {};
+export * from './config';

package/dist/module/core/index.js

@@ -1,12 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { withUniwind } from "../hoc/index.js";
-import { Uniwind as UniwindConfig } from "./config/index.js";
-const Box = ({ as, ...props }) => {
-  const StyledComponent = useMemo(() => withUniwind(as), [as]);
-  return /* @__PURE__ */ jsx(StyledComponent, { ...props });
-};
-export const Uniwind = Object.assign(
-  Box,
-  UniwindConfig
-);
+export * from "./config/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
     "private": false,
     "name": "@niibase/uniwind",
-    "version": "1.1.2",
+    "version": "1.1.3",
     "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'
@@ -35,6 +38,13 @@ export class UniwindConfigBuilder {
         return Appearance.getColorScheme() ?? 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/core/index.ts

@@ -0,0 +1 @@
+export * from './config'

package/src/metro/resolvers.ts

@@ -1,6 +1,6 @@
 import { CustomResolutionContext, CustomResolver } from 'metro-resolver'
 import { basename, resolve, sep } from 'node:path'
-import { name as packageName } from '../../package.json'
+import { name } from '../../package.json'
 
 type ResolverConfig = {
     platform: string | null
@@ -11,10 +11,8 @@ type ResolverConfig = {
 
 const thisModuleDist = resolve(__dirname, '../../dist')
 const thisModuleSrc = resolve(__dirname, '../../src')
-const nodeModulesPath = resolve(__dirname, '../../../')
 
 const isFromThisModule = (filename: string) => filename.startsWith(thisModuleDist) || filename.startsWith(thisModuleSrc)
-const name = basename(nodeModulesPath) === 'node_modules' ? basename(resolve(__dirname, '../../')) : packageName
 
 const SUPPORTED_COMPONENTS = [
     'ActivityIndicator',

package/src/core/index.tsx

@@ -1,18 +0,0 @@
-import { ComponentPropsWithRef, ElementType, useMemo } from 'react'
-import { withUniwind } from '../hoc'
-import { ApplyUniwind } from '../hoc/types'
-import { Uniwind as UniwindConfig } from './config'
-
-type BoxProps<T extends ElementType> = {
-    as: T
-} & ApplyUniwind<Omit<ComponentPropsWithRef<T>, 'as'>>
-
-const Box = <T extends ElementType>({ as, ...props }: BoxProps<T>) => {
-    const StyledComponent = useMemo(() => withUniwind(as as any), [as])
-    return <StyledComponent {...props} />
-}
-
-export const Uniwind = Object.assign(
-    Box,
-    UniwindConfig,
-) as typeof UniwindConfig & typeof Box