@niibase/uniwind 1.6.3 → 1.7.0

package/dist/common/common/consts.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNIWIND_THEME_VARIABLES = exports.UNIWIND_PLATFORM_VARIABLES = exports.Platform = void 0;
+exports.UNIWIND_THEME_VARIABLES = exports.UNIWIND_PLATFORM_VARIABLES = exports.StyleDependency = exports.Platform = exports.Orientation = exports.DEFAULT_SCREEN_WIDTH = exports.DEFAULT_SCREEN_HEIGHT = exports.ColorScheme = void 0;
 var Platform = exports.Platform = /* @__PURE__ */(Platform2 => {
   Platform2["Android"] = "android";
   Platform2["iOS"] = "ios";
@@ -15,4 +15,28 @@ var Platform = exports.Platform = /* @__PURE__ */(Platform2 => {
   return Platform2;
 })(Platform || {});
 const UNIWIND_PLATFORM_VARIABLES = exports.UNIWIND_PLATFORM_VARIABLES = "__uniwind-platform-";
-const UNIWIND_THEME_VARIABLES = exports.UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
+const UNIWIND_THEME_VARIABLES = exports.UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
+var StyleDependency = exports.StyleDependency = /* @__PURE__ */(StyleDependency2 => {
+  StyleDependency2[StyleDependency2["ColorScheme"] = 1] = "ColorScheme";
+  StyleDependency2[StyleDependency2["Theme"] = 2] = "Theme";
+  StyleDependency2[StyleDependency2["Dimensions"] = 3] = "Dimensions";
+  StyleDependency2[StyleDependency2["Orientation"] = 4] = "Orientation";
+  StyleDependency2[StyleDependency2["Insets"] = 5] = "Insets";
+  StyleDependency2[StyleDependency2["FontScale"] = 6] = "FontScale";
+  StyleDependency2[StyleDependency2["Rtl"] = 7] = "Rtl";
+  StyleDependency2[StyleDependency2["AdaptiveThemes"] = 8] = "AdaptiveThemes";
+  StyleDependency2[StyleDependency2["Variables"] = 9] = "Variables";
+  return StyleDependency2;
+})(StyleDependency || {});
+var Orientation = exports.Orientation = /* @__PURE__ */(Orientation2 => {
+  Orientation2["Portrait"] = "portrait";
+  Orientation2["Landscape"] = "landscape";
+  return Orientation2;
+})(Orientation || {});
+var ColorScheme = exports.ColorScheme = /* @__PURE__ */(ColorScheme2 => {
+  ColorScheme2["Light"] = "light";
+  ColorScheme2["Dark"] = "dark";
+  return ColorScheme2;
+})(ColorScheme || {});
+const DEFAULT_SCREEN_WIDTH = exports.DEFAULT_SCREEN_WIDTH = 375;
+const DEFAULT_SCREEN_HEIGHT = exports.DEFAULT_SCREEN_HEIGHT = 680;

package/dist/common/components/index.js

@@ -197,9 +197,6 @@ module.exports = {
   get PlatformColor() {
     return require("react-native").PlatformColor;
   },
-  get PushNotificationIOS() {
-    return require("react-native").PushNotificationIOS;
-  },
   get processColor() {
     return require("react-native").processColor;
   },

package/dist/common/components/web/rnw.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toRNWClassName = void 0;
+var _consts = require("../../common/consts");
 var _core = require("../../core");
 var _listener = require("../../core/listener");
-var _types = require("../../types");
 require("./metro-injected");
 const addClassNameToRoot = () => {
   if (typeof document === "undefined") {
@@ -18,7 +18,7 @@ const addClassNameToRoot = () => {
 };
 _listener.UniwindListener.subscribe(() => {
   addClassNameToRoot();
-}, [_types.StyleDependency.Theme]);
+}, [_consts.StyleDependency.Theme]);
 addClassNameToRoot();
 const toRNWClassName = className => className !== void 0 ? {
   $$css: true,

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 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 _consts = require("../../common/consts");
+var _hoc = require("../../hoc");
+var _useCSSVariable = require("../../hooks/useCSSVariable/useCSSVariable");
 var _listener = require("../listener");
 const SYSTEM_THEME = "system";
 const RN_VERSION = _reactNative.Platform.constants?.reactNativeVersion?.minor ?? 0;
@@ -18,12 +19,12 @@ class UniwindConfigBuilder {
   #currentTheme = this.colorScheme;
   constructor() {
     _reactNative.Appearance.addChangeListener(event => {
-      const colorScheme = event.colorScheme === "unspecified" ? _types.ColorScheme.Light : event.colorScheme ?? _types.ColorScheme.Light;
+      const colorScheme = event.colorScheme === "unspecified" ? _consts.ColorScheme.Light : event.colorScheme ?? _consts.ColorScheme.Light;
       const prevTheme = this.#currentTheme;
       if (this.#hasAdaptiveThemes && prevTheme !== colorScheme) {
         this.#currentTheme = colorScheme;
         this.onThemeChange();
-        _listener.UniwindListener.notify([_types.StyleDependency.Theme]);
+        _listener.UniwindListener.notify([_consts.StyleDependency.Theme]);
       }
     });
   }
@@ -39,15 +40,15 @@ class UniwindConfigBuilder {
   get colorScheme() {
     const colorScheme = _reactNative.Appearance.getColorScheme();
     if (colorScheme === "unspecified") {
-      return _types.ColorScheme.Light;
+      return _consts.ColorScheme.Light;
     }
-    return colorScheme ?? _types.ColorScheme.Light;
+    return colorScheme ?? _consts.ColorScheme.Light;
   }
   Wrapper({
     as,
     ...props
   }) {
-    const StyledComponent = (0, _react.useMemo)(() => (0, _withUniwind.withUniwind)(as), [as]);
+    const StyledComponent = (0, _react.useMemo)(() => (0, _hoc.withUniwind)(as), [as]);
     return (0, _react.createElement)(StyledComponent, props);
   }
   // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
@@ -77,10 +78,10 @@ class UniwindConfigBuilder {
     } finally {
       if (prevTheme !== this.#currentTheme) {
         this.onThemeChange();
-        _listener.UniwindListener.notify([_types.StyleDependency.Theme]);
+        _listener.UniwindListener.notify([_consts.StyleDependency.Theme]);
       }
       if (prevHasAdaptiveThemes !== this.#hasAdaptiveThemes) {
-        _listener.UniwindListener.notify([_types.StyleDependency.AdaptiveThemes]);
+        _listener.UniwindListener.notify([_consts.StyleDependency.AdaptiveThemes]);
       }
     }
   }
@@ -88,6 +89,11 @@ class UniwindConfigBuilder {
   updateCSSVariables(theme, cssVariables) {}
   // oxlint-disable-next-line typescript/no-unused-vars
   updateInsets(insets) {}
+  getCSSVariable = variableName => {
+    return (0, _useCSSVariable.getCSSVariable)(variableName, {
+      scopedTheme: null
+    });
+  };
   __reinit(_, themes) {
     this._themes = themes;
   }

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Uniwind = void 0;
+var _consts = require("../../common/consts");
 var _utils = require("../../common/utils");
-var _types = require("../../types");
 var _listener = require("../listener");
 var _logger = require("../logger");
 var _web = require("../web");
@@ -35,7 +35,7 @@ class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
         rule.style.setProperty(varName, existingRules[rule.theme] ?? null);
       });
     });
-    _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
+    _listener.UniwindListener.notify([_consts.StyleDependency.Variables]);
   }
   __reinit(generateStyleSheetCallback, themes) {
     const oldThemes = this.themes;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Uniwind = void 0;
 var _culori = require("culori");
-var _types = require("../../types");
+var _consts = require("../../common/consts");
 var _listener = require("../listener");
 var _logger = require("../logger");
 var _native = require("../native");
@@ -37,14 +37,14 @@ class UniwindConfigBuilder extends _config.UniwindConfigBuilder {
         get: getValue
       });
     });
-    _listener.UniwindListener.notify([_types.StyleDependency.Variables]);
+    _listener.UniwindListener.notify([_consts.StyleDependency.Variables]);
   }
   updateInsets(insets) {
     _native.UniwindStore.runtime.insets.bottom = insets.bottom ?? 0;
     _native.UniwindStore.runtime.insets.top = insets.top ?? 0;
     _native.UniwindStore.runtime.insets.left = insets.left ?? 0;
     _native.UniwindStore.runtime.insets.right = insets.right ?? 0;
-    _listener.UniwindListener.notify([_types.StyleDependency.Insets]);
+    _listener.UniwindListener.notify([_consts.StyleDependency.Insets]);
   }
   __reinit(generateStyleSheetCallback, themes) {
     super.__reinit(generateStyleSheetCallback, themes);

package/dist/common/core/listener.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UniwindListener = void 0;
-var _types = require("../types");
+var _consts = require("../common/consts");
 class UniwindListenerBuilder {
   listeners = {
-    [_types.StyleDependency.ColorScheme]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Theme]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Dimensions]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Orientation]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Insets]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.FontScale]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Rtl]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.AdaptiveThemes]: /* @__PURE__ */new Set(),
-    [_types.StyleDependency.Variables]: /* @__PURE__ */new Set()
+    [_consts.StyleDependency.ColorScheme]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Theme]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Dimensions]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Orientation]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Insets]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.FontScale]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Rtl]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.AdaptiveThemes]: /* @__PURE__ */new Set(),
+    [_consts.StyleDependency.Variables]: /* @__PURE__ */new Set()
   };
   notify(dependencies) {
     dependencies.forEach(dep => {

package/dist/common/core/native/runtime.js

@@ -7,10 +7,10 @@ exports.UniwindRuntime = void 0;
 var _reactNative = require("react-native");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _types = require("../../types");
+var _consts = require("../../common/consts");
 var _nativeUtils = require("./native-utils");
 const window = _reactNative.Dimensions.get("window");
-const initialColorScheme = _reactNative.Appearance.getColorScheme() ?? _types.ColorScheme.Light;
+const initialColorScheme = _reactNative.Appearance.getColorScheme() ?? _consts.ColorScheme.Light;
 const UniwindRuntime = exports.UniwindRuntime = {
   screen: {
     width: window.width,
@@ -18,7 +18,7 @@ const UniwindRuntime = exports.UniwindRuntime = {
   },
   colorScheme: initialColorScheme,
   currentThemeName: initialColorScheme,
-  orientation: window.width > window.height ? _types.Orientation.Landscape : _types.Orientation.Portrait,
+  orientation: window.width > window.height ? _consts.Orientation.Landscape : _consts.Orientation.Portrait,
   fontScale: value => value * _reactNative.PixelRatio.getFontScale(),
   hairlineWidth: _reactNative.StyleSheet.hairlineWidth,
   rtl: _reactNative.I18nManager.isRTL,
@@ -44,6 +44,10 @@ const UniwindRuntime = exports.UniwindRuntime = {
       android,
       default: ios
     });
+  },
+  makeResponsive(value, base = _consts.DEFAULT_SCREEN_WIDTH, useHeight = false) {
+    const dimension = useHeight ? this.screen.height : this.screen.width;
+    return Math.round(value * dimension / base);
   }
 };
 UniwindRuntime.lightDark = _nativeUtils.lightDark.bind(UniwindRuntime);

package/dist/common/core/native/store.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.UniwindStore = void 0;
 var _reactNative = require("react-native");
 var _consts = require("../../common/consts");
-var _types = require("../../types");
 var _listener = require("../listener");
 var _nativeUtils = require("./native-utils");
 var _parsers = require("./parsers");
@@ -89,7 +88,7 @@ class UniwindStoreBuilder {
       for (const style of this.stylesheet[className]) {
         if (style.dependencies) {
           style.dependencies.forEach(dep => {
-            if (dep === _types.StyleDependency.Theme && isScopedTheme) {
+            if (dep === _consts.StyleDependency.Theme && isScopedTheme) {
               return;
             }
             dependencies.add(dep);
@@ -239,12 +238,12 @@ const UniwindStore = exports.UniwindStore = new UniwindStoreBuilder();
 _reactNative.Dimensions.addEventListener("change", ({
   window
 }) => {
-  const newOrientation = window.width > window.height ? _types.Orientation.Landscape : _types.Orientation.Portrait;
+  const newOrientation = window.width > window.height ? _consts.Orientation.Landscape : _consts.Orientation.Portrait;
   const orientationChanged = UniwindStore.runtime.orientation !== newOrientation;
   UniwindStore.runtime.screen = {
     width: window.width,
     height: window.height
   };
   UniwindStore.runtime.orientation = newOrientation;
-  _listener.UniwindListener.notify([...(orientationChanged ? [_types.StyleDependency.Orientation] : []), _types.StyleDependency.Dimensions]);
+  _listener.UniwindListener.notify([...(orientationChanged ? [_consts.StyleDependency.Orientation] : []), _consts.StyleDependency.Dimensions]);
 });

package/dist/common/core/web/cssListener.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CSSListener = void 0;
-var _types = require("../../types");
+var _consts = require("../../common/consts");
 var _listener = require("../listener");
 class CSSListenerBuilder {
   activeRules = /* @__PURE__ */new Set();
@@ -54,7 +54,7 @@ class CSSListenerBuilder {
       listeners?.add(listener);
       disposables.push(() => listeners?.delete(listener));
     });
-    const disposeThemeListener = _listener.UniwindListener.subscribe(listener, [_types.StyleDependency.Theme, _types.StyleDependency.Variables]);
+    const disposeThemeListener = _listener.UniwindListener.subscribe(listener, [_consts.StyleDependency.Theme, _consts.StyleDependency.Variables]);
     return () => {
       disposables.forEach(disposable => disposable());
       disposeThemeListener();

package/dist/common/hoc/withUniwind.js

@@ -13,9 +13,9 @@ var _logger = require("../core/logger");
 var _web = require("../core/web");
 var _withUniwindUtils = require("./withUniwindUtils");
 let warnedOnce = false;
-const withUniwind = (Component2, options) => options ? withManualUniwind(Component2, options) : withAutoUniwind(Component2);
+const withUniwind = (Component, options) => options ? withManualUniwind(Component, options) : withAutoUniwind(Component);
 exports.withUniwind = withUniwind;
-const withAutoUniwind = Component2 => props => {
+const withAutoUniwind = Component => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     classNames,
@@ -60,13 +60,13 @@ const withAutoUniwind = Component2 => props => {
     const dispose = _web.CSSListener.subscribeToClassName(classNames, rerender);
     return dispose;
   }, [classNames]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps,
     dataSet: (0, _generateDataSet.generateDataSet)(props)
   });
 };
-const withManualUniwind = (Component2, options) => props => {
+const withManualUniwind = (Component, options) => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     generatedProps,
@@ -100,7 +100,7 @@ const withManualUniwind = (Component2, options) => props => {
     const dispose = _web.CSSListener.subscribeToClassName(classNames, rerender);
     return dispose;
   }, [classNames]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps,
     dataSet: (0, _generateDataSet.generateDataSet)(props)

package/dist/common/hoc/withUniwind.native.js

@@ -13,9 +13,9 @@ var _logger = require("../core/logger");
 var _native = require("../core/native");
 var _withUniwindUtils = require("./withUniwindUtils");
 let warnedOnce = false;
-const withUniwind = (Component2, options) => options ? withManualUniwind(Component2, options) : withAutoUniwind(Component2);
+const withUniwind = (Component, options) => options ? withManualUniwind(Component, options) : withAutoUniwind(Component);
 exports.withUniwind = withUniwind;
-const withAutoUniwind = Component2 => props => {
+const withAutoUniwind = Component => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     dependencies,
@@ -68,12 +68,12 @@ const withAutoUniwind = Component2 => props => {
     const dispose = _listener.UniwindListener.subscribe(rerender, Array.from(new Set(dependencies)));
     return dispose;
   }, [dependencySum]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps
   });
 };
-const withManualUniwind = (Component2, options) => props => {
+const withManualUniwind = (Component, options) => props => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const {
     generatedProps,
@@ -124,7 +124,7 @@ const withManualUniwind = (Component2, options) => props => {
     const dispose = _listener.UniwindListener.subscribe(rerender, Array.from(new Set(dependencies)));
     return dispose;
   }, [dependencySum]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component2, {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(Component, {
     ...props,
     ...generatedProps
   });

package/dist/common/hooks/useCSSVariable/index.js

@@ -3,14 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _useCSSVariable = require("./useCSSVariable");
-Object.keys(_useCSSVariable).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useCSSVariable[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useCSSVariable[key];
-    }
-  });
-});
+Object.defineProperty(exports, "useCSSVariable", {
+  enumerable: true,
+  get: function () {
+    return _useCSSVariable.useCSSVariable;
+  }
+});
+var _useCSSVariable = require("./useCSSVariable");

package/dist/common/hooks/useCSSVariable/useCSSVariable.js

@@ -3,53 +3,61 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCSSVariable = void 0;
+exports.useCSSVariable = exports.getCSSVariable = void 0;
 var _react = require("react");
+var _reactNative = require("react-native");
+var _consts = require("../../common/consts");
 var _utils = require("../../common/utils");
 var _context = require("../../core/context");
 var _listener = require("../../core/listener");
 var _logger = require("../../core/logger");
-var _types = require("../../types");
 var _getVariableValue = require("./getVariableValue");
-const getValue = (name, uniwindContext) => Array.isArray(name) ? name.map(name2 => (0, _getVariableValue.getVariableValue)(name2, uniwindContext)) : (0, _getVariableValue.getVariableValue)(name, uniwindContext);
 let warned = false;
 const logDevError = name => {
+  if (_reactNative.Platform.OS === "web" && (typeof document === "undefined" || typeof window === "undefined")) {
+    return;
+  }
   warned = true;
   _logger.Logger.warn(`We couldn't find your variable ${name}. Make sure it's used at least once in your className, or define it in a static theme as described in the docs: https://docs.uniwind.dev/api/use-css-variable`);
 };
+const getCSSVariable = (name, uniwindContext) => {
+  const value = Array.isArray(name) ? name.map(name2 => (0, _getVariableValue.getVariableValue)(name2, uniwindContext)) : (0, _getVariableValue.getVariableValue)(name, uniwindContext);
+  if (Array.isArray(value)) {
+    value.forEach((val, index) => {
+      if (val === void 0 && __DEV__ && !warned) {
+        logDevError(name[index] ?? "");
+      }
+    });
+  }
+  if (value === void 0 && __DEV__ && !warned) {
+    logDevError(name);
+  }
+  return value;
+};
+exports.getCSSVariable = getCSSVariable;
 const useCSSVariable = name => {
   const uniwindContext = (0, _context.useUniwindContext)();
-  const [value, setValue] = (0, _react.useState)(getValue(name, uniwindContext));
+  const [value, setValue] = (0, _react.useState)(getCSSVariable(name, uniwindContext));
   const nameRef = (0, _react.useRef)(name);
   (0, _react.useLayoutEffect)(() => {
     if (Array.isArray(name) && Array.isArray(nameRef.current)) {
       if ((0, _utils.arrayEquals)(name, nameRef.current)) {
         return;
       }
-      setValue(getValue(name, uniwindContext));
+      setValue(getCSSVariable(name, uniwindContext));
       nameRef.current = name;
       return;
     }
     if (name !== nameRef.current) {
-      setValue(getValue(name, uniwindContext));
+      setValue(getCSSVariable(name, uniwindContext));
       nameRef.current = name;
     }
   }, [name]);
   (0, _react.useLayoutEffect)(() => {
-    const updateValue = () => setValue(getValue(nameRef.current, uniwindContext));
-    const dispose = _listener.UniwindListener.subscribe(updateValue, [_types.StyleDependency.Theme, _types.StyleDependency.Variables]);
+    const updateValue = () => setValue(getCSSVariable(nameRef.current, uniwindContext));
+    const dispose = _listener.UniwindListener.subscribe(updateValue, [_consts.StyleDependency.Theme, _consts.StyleDependency.Variables]);
     return dispose;
   }, [uniwindContext]);
-  if (Array.isArray(value)) {
-    value.forEach((val, index) => {
-      if (val === void 0 && __DEV__ && !warned) {
-        logDevError(name[index] ?? "");
-      }
-    });
-  }
-  if (value === void 0 && __DEV__ && !warned) {
-    logDevError(name);
-  }
   return value;
 };
 exports.useCSSVariable = useCSSVariable;

package/dist/common/hooks/useUniwind.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useUniwind = void 0;
 var _react = require("react");
+var _consts = require("../common/consts");
 var _core = require("../core");
 var _context = require("../core/context");
 var _listener = require("../core/listener");
-var _types = require("../types");
 const useUniwind = () => {
   const uniwindContext = (0, _context.useUniwindContext)();
   const [theme, setTheme] = (0, _react.useState)(_core.Uniwind.currentTheme);
@@ -20,7 +20,7 @@ const useUniwind = () => {
     const dispose = _listener.UniwindListener.subscribe(() => {
       setTheme(_core.Uniwind.currentTheme);
       setHasAdaptiveThemes(_core.Uniwind.hasAdaptiveThemes);
-    }, [_types.StyleDependency.Theme, _types.StyleDependency.AdaptiveThemes]);
+    }, [_consts.StyleDependency.Theme, _consts.StyleDependency.AdaptiveThemes]);
     return () => {
       dispose();
     };

package/dist/metro/index.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
-const consts = require('../shared/uniwind.B5q8hBGv.cjs');
+const _package = require('../shared/uniwind.CFiAZ3D-.cjs');
 const FileStoreBase = require('metro-cache/private/stores/FileStore');
 const os = require('os');
 const path = require('path');
 const node_path = require('node:path');
-const common = require('../shared/uniwind.Cv73KtI-.cjs');
+require('fs');
+require('@tailwindcss/node');
+require('lightningcss');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
@@ -79,7 +81,7 @@ const nativeResolver = (extraComponents) => ({
   const resolution = resolver(context, moduleName, platform);
   if (cachedInternalBasePath === null) {
     try {
-      cachedInternalBasePath = node_path.dirname(require.resolve(`${common.name}/package.json`));
+      cachedInternalBasePath = node_path.dirname(require.resolve(`${_package.name}/package.json`));
     } catch {
       cachedInternalBasePath = "";
     }
@@ -92,16 +94,16 @@ const nativeResolver = (extraComponents) => ({
     return resolution;
   }
   if (moduleName === "react-native") {
-    return resolver(context, `${common.name}/components`, platform);
+    return resolver(context, `${_package.name}/components`, platform);
   }
   if (moduleName === "react-native-gesture-handler") {
-    return resolver(context, `${common.name}/components/react-native-gesture-handler`, platform);
+    return resolver(context, `${_package.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, `${common.name}/components/${module}`, platform);
+      return resolver(context, `${_package.name}/components/${module}`, platform);
     }
   }
   if (moduleName in extraComponents) {
@@ -119,7 +121,7 @@ const webResolver = (extraComponents) => ({
   const resolution = resolver(context, moduleName, platform);
   if (cachedInternalBasePath === null) {
     try {
-      cachedInternalBasePath = node_path.dirname(require.resolve(`${common.name}/package.json`));
+      cachedInternalBasePath = node_path.dirname(require.resolve(`${_package.name}/package.json`));
     } catch {
       cachedInternalBasePath = "";
     }
@@ -141,31 +143,19 @@ 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, `${common.name}/components/${module}`, platform);
+  return resolver(context, `${_package.name}/components/${module}`, platform);
 };
 
 const withUniwindConfig = (config, uniwindConfig) => {
-  uniwindConfig.themes = common.uniq([
-    "light",
-    "dark",
-    ...uniwindConfig.extraThemes ?? []
-  ]);
+  const bundlerConfig = _package.UniwindBundlerConfig.fromMetroConfig(uniwindConfig);
   patchMetroGraphToSupportUncachedModules();
-  if (typeof uniwindConfig === "undefined") {
-    throw new Error("Uniwind: You need to pass second parameter to withUniwindConfig");
-  }
-  if (typeof uniwindConfig.cssEntryFile === "undefined") {
-    throw new Error(
-      'Uniwind: You need to pass css css entry file to withUniwindConfig, e.g. withUniwindConfig(config, { cssEntryFile: "./global.css" })'
-    );
-  }
   return {
     ...config,
     cacheStores: [cacheStore],
-    transformerPath: require.resolve("./metro-transformer.cjs"),
+    transformerPath: require.resolve("./transformer.cjs"),
     transformer: {
       ...config.transformer,
-      uniwind: uniwindConfig
+      uniwind: bundlerConfig.toMetroConfig()
     },
     resolver: {
       ...config.resolver,
@@ -178,7 +168,7 @@ const withUniwindConfig = (config, uniwindConfig) => {
       ),
       resolveRequest: (context, moduleName, platform) => {
         const resolver = config.resolver?.resolveRequest ?? context.resolveRequest;
-        const platformResolver = (platform === consts.Platform.Web ? webResolver : nativeResolver)(uniwindConfig.extraComponents ?? {});
+        const platformResolver = (platform === _package.Platform.Web ? webResolver : nativeResolver)(uniwindConfig.extraComponents ?? {});
         const resolved = platformResolver({
           context,
           moduleName,

package/dist/metro/index.d.ts

@@ -2,11 +2,13 @@ import type { MetroConfig } from 'metro-config'
 
 type Polyfills = {
     rem?: number
+    responsive?: 'text' | 'components' | boolean
 }
 
 type UniwindConfig = {
     cssEntryFile: string
     extraThemes?: Array<string>
+    extraComponents?: Record<string, string>
     dtsFile?: string
     polyfills?: Polyfills
     debug?: boolean