@niibase/uniwind 1.1.2 → 1.1.4

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,16 @@ 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);
-  }
-  if (moduleName === "react-native-svg") {
-    return resolver(context, `${name}/components/react-native-svg`, platform);
+    return resolver(context, `${common.name}/components/react-native-gesture-handler`, 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 +124,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",
@@ -85,9 +83,6 @@ const nativeResolver = (extraComponents) => ({
   if (moduleName === "react-native-gesture-handler") {
     return resolver(context, `${name}/components/react-native-gesture-handler`, platform);
   }
-  if (moduleName === "react-native-svg") {
-    return resolver(context, `${name}/components/react-native-svg`, platform);
-  }
   if (resolution.filePath.includes(`${sep}react-native${sep}Libraries${sep}`)) {
     const filename = basename(resolution.filePath.split(sep).at(-1) ?? "");
     const module = filename.split(".").at(0);

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.4",
     "description": "The fastest Tailwind bindings for React Native",
     "homepage": "https://uniwind.dev",
     "author": "Unistack",
@@ -87,7 +87,6 @@
         "react": ">=19.0.0",
         "react-native": ">=0.81.0",
         "react-native-gesture-handler": ">=2.28.0",
-        "react-native-svg": ">=15.15.1",
         "tailwindcss": ">=4"
     },
     "devDependencies": {
@@ -102,7 +101,6 @@
         "jest": "30.2.0",
         "react-native-gesture-handler": "2.28.0",
         "react-native-safe-area-context": "5.6.0",
-        "react-native-svg": "15.15.1",
         "react-test-renderer": "19.1.0",
         "@react-native/babel-preset": "0.83.0",
         "@testing-library/jest-native": "5.4.3",

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',
@@ -66,10 +64,6 @@ export const nativeResolver = (extraComponents: Record<string, string>) =>
         return resolver(context, `${name}/components/react-native-gesture-handler`, platform)
     }
 
-    if (moduleName === 'react-native-svg') {
-        return resolver(context, `${name}/components/react-native-svg`, platform)
-    }
-
     if (
         resolution.filePath.includes(`${sep}react-native${sep}Libraries${sep}`)
     ) {

package/types.d.ts

@@ -139,9 +139,3 @@ declare module 'react-native-gesture-handler' {
         className?: string
     }
 }
-
-declare module 'react-native-svg' {
-    interface SvgProps {
-        className?: string
-    }
-}

package/dist/common/components/native/react-native-svg.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _reactNativeSvg = require("../react-native-svg");
-Object.keys(_reactNativeSvg).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _reactNativeSvg[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _reactNativeSvg[key];
-    }
-  });
-});

package/dist/common/components/react-native-svg/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var Svg = _interopRequireWildcard(require("react-native-svg"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-module.exports = {
-  ...Svg,
-  get Svg() {
-    return require("./native/Svg").Svg;
-  },
-  get default() {
-    return require("./native/Svg").default;
-  }
-};

package/dist/common/components/react-native-svg/native/Svg.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-module.exports = exports.Svg = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _reactNativeSvg = require("react-native-svg");
-var _useStyle = require("../../native/useStyle");
-var _utils = require("../../utils");
-const Svg = exports.Svg = (0, _utils.copyComponentProperties)(_reactNativeSvg.Svg, props => {
-  const style = (0, _useStyle.useStyle)(props.className);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNativeSvg.Svg, {
-    ...props,
-    style: [style, props.style]
-  });
-});
-module.exports = Svg;

package/dist/common/components/react-native-svg/web/Svg.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-module.exports = exports.Svg = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _reactNativeSvg = require("react-native-svg");
-var _utils = require("../../utils");
-var _rnw = require("../../web/rnw");
-const Svg = exports.Svg = (0, _utils.copyComponentProperties)(_reactNativeSvg.Svg, props => {
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNativeSvg.Svg, {
-    ...props,
-    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
-  });
-});
-module.exports = Svg;

package/dist/module/components/native/react-native-svg.d.ts

@@ -1 +0,0 @@
-export * from '../react-native-svg';

package/dist/module/components/native/react-native-svg.js

@@ -1 +0,0 @@
-export * from "../react-native-svg/index.js";

package/dist/module/components/react-native-svg/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/module/components/react-native-svg/index.js

@@ -1,10 +0,0 @@
-import * as Svg from "react-native-svg";
-module.exports = {
-  ...Svg,
-  get Svg() {
-    return require("./native/Svg").Svg;
-  },
-  get default() {
-    return require("./native/Svg").default;
-  }
-};

package/dist/module/components/react-native-svg/native/Svg.d.ts

@@ -1,3 +0,0 @@
-import { Svg as RNSvg } from 'react-native-svg';
-export declare const Svg: typeof RNSvg;
-export default Svg;

package/dist/module/components/react-native-svg/native/Svg.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Svg as RNSvg } from "react-native-svg";
-import { useStyle } from "../../native/useStyle.js";
-import { copyComponentProperties } from "../../utils.js";
-export const Svg = copyComponentProperties(RNSvg, (props) => {
-  const style = useStyle(props.className);
-  return /* @__PURE__ */ jsx(
-    RNSvg,
-    {
-      ...props,
-      style: [style, props.style]
-    }
-  );
-});
-export default Svg;

package/dist/module/components/react-native-svg/web/Svg.d.ts

@@ -1,3 +0,0 @@
-import { Svg as RNSvg } from 'react-native-svg';
-export declare const Svg: typeof RNSvg;
-export default Svg;

package/dist/module/components/react-native-svg/web/Svg.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Svg as RNSvg } from "react-native-svg";
-import { copyComponentProperties } from "../../utils.js";
-import { toRNWClassName } from "../../web/rnw.js";
-export const Svg = copyComponentProperties(RNSvg, (props) => {
-  return /* @__PURE__ */ jsx(
-    RNSvg,
-    {
-      ...props,
-      style: [toRNWClassName(props.className), props.style]
-    }
-  );
-});
-export default Svg;

package/src/components/native/react-native-svg.tsx

@@ -1 +0,0 @@
-export * from '../react-native-svg'

package/src/components/react-native-svg/index.ts

@@ -1,12 +0,0 @@
-// Re-export everything from react-native-svg
-import * as Svg from 'react-native-svg'
-
-module.exports = {
-    ...Svg,
-    get Svg() {
-        return require('./native/Svg').Svg
-    },
-    get default() {
-        return require('./native/Svg').default
-    },
-}

package/src/components/react-native-svg/native/Svg.tsx

@@ -1,16 +0,0 @@
-import { Svg as RNSvg, SvgProps } from 'react-native-svg'
-import { useStyle } from '../../native/useStyle'
-import { copyComponentProperties } from '../../utils'
-
-export const Svg = copyComponentProperties(RNSvg, (props: SvgProps) => {
-    const style = useStyle(props.className)
-
-    return (
-        <RNSvg
-            {...props}
-            style={[style, props.style]}
-        />
-    )
-})
-
-export default Svg

package/src/components/react-native-svg/web/Svg.tsx

@@ -1,14 +0,0 @@
-import { Svg as RNSvg, SvgProps } from 'react-native-svg'
-import { copyComponentProperties } from '../../utils'
-import { toRNWClassName } from '../../web/rnw'
-
-export const Svg = copyComponentProperties(RNSvg, (props: SvgProps) => {
-    return (
-        <RNSvg
-            {...props}
-            style={[toRNWClassName(props.className), props.style]}
-        />
-    )
-})
-
-export default Svg

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