@niibase/uniwind 1.4.0 → 1.5.0

package/dist/module/components/native/TouchableHighlight.js

@@ -5,9 +5,11 @@ import { copyComponentProperties } from "../utils.js";
 import { useStyle } from "./useStyle.js";
 export const TouchableHighlight = copyComponentProperties(RNTouchableHighlight, (props) => {
   const [isPressed, setIsPressed] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
   const state = {
     isDisabled: Boolean(props.disabled),
-    isPressed
+    isPressed,
+    isFocused
   };
   const { Component, style } = useStyle(RNTouchableHighlight, props.className, props, state);
   const underlayColor = useStyle(props.underlayColorClassName, props, state).accentColor;
@@ -24,6 +26,14 @@ export const TouchableHighlight = copyComponentProperties(RNTouchableHighlight,
       onPressOut: (event) => {
         setIsPressed(false);
         props.onPressOut?.(event);
+      },
+      onFocus: (event) => {
+        setIsFocused(true);
+        props.onFocus?.(event);
+      },
+      onBlur: (event) => {
+        setIsFocused(false);
+        props.onBlur?.(event);
       }
     }
   );

package/dist/module/components/native/TouchableOpacity.js

@@ -5,9 +5,11 @@ import { copyComponentProperties } from "../utils.js";
 import { useStyle } from "./useStyle.js";
 export const TouchableOpacity = copyComponentProperties(RNTouchableOpacity, (props) => {
   const [isPressed, setIsPressed] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
   const state = {
     isDisabled: Boolean(props.disabled),
-    isPressed
+    isPressed,
+    isFocused
   };
   const { Component, style } = useStyle(RNTouchableOpacity, props.className, props, state);
   return /* @__PURE__ */ jsx(
@@ -22,6 +24,14 @@ export const TouchableOpacity = copyComponentProperties(RNTouchableOpacity, (pro
       onPressOut: (event) => {
         setIsPressed(false);
         props.onPressOut?.(event);
+      },
+      onFocus: (event) => {
+        setIsFocused(true);
+        props.onFocus?.(event);
+      },
+      onBlur: (event) => {
+        setIsFocused(false);
+        props.onBlur?.(event);
       }
     }
   );

package/dist/module/core/native/parsers/gradient.d.ts

@@ -1,7 +1,7 @@
 export declare const resolveGradient: (value: string) => {
     colorStops: {
         color: string;
-        positions: string[][] | undefined;
+        positions: string[] | undefined;
     }[];
     type: "linear-gradient";
     direction: string | undefined;

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

@@ -1,4 +1,4 @@
-import { Appearance, Dimensions, I18nManager, PixelRatio, StyleSheet } from "react-native";
+import { Appearance, Dimensions, I18nManager, PixelRatio, Platform, StyleSheet } from "react-native";
 import { cubicBezier, linear, steps } from "react-native-reanimated";
 import { initialWindowMetrics } from "react-native-safe-area-context";
 import { ColorScheme, Orientation } from "../../types.js";
@@ -23,6 +23,9 @@ export const UniwindRuntime = {
   steps,
   linear,
   lightDark: () => "",
-  parseColor
+  parseColor,
+  platformSelect: (android, ios, other) => {
+    return Platform.select(Boolean(other) ? { android, ios, default: other } : { android, default: ios });
+  }
 };
 UniwindRuntime.lightDark = lightDark.bind(UniwindRuntime);

package/dist/module/core/native/store.d.ts

@@ -15,6 +15,7 @@ declare class UniwindStoreBuilder {
     reinit: (generateStyleSheetCallback: GenerateStyleSheetsCallback, themes: Array<string>) => void;
     private resolveStyles;
     private validateDataAttributes;
+    private getCurrentPlatform;
 }
 export declare const UniwindStore: UniwindStoreBuilder;
 export {};

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

@@ -1,4 +1,5 @@
 import { Dimensions, Platform } from "react-native";
+import { Platform as UniwindPlatform, UNIWIND_PLATFORM_VARIABLES, UNIWIND_THEME_VARIABLES } from "../../common/consts.js";
 import { Orientation, StyleDependency } from "../../types.js";
 import { UniwindListener } from "../listener.js";
 import { cloneWithAccessors } from "./native-utils.js";
@@ -40,7 +41,13 @@ class UniwindStoreBuilder {
   }
   reinit = (generateStyleSheetCallback, themes) => {
     const { scopedVars, stylesheet, vars, keyframes } = generateStyleSheetCallback(this.runtime);
-    const platformVars = scopedVars[`__uniwind-platform-${Platform.OS}`];
+    const platform = this.getCurrentPlatform();
+    const commonPlatform = platform.includes("tv") ? UniwindPlatform.TV : UniwindPlatform.Native;
+    const commonPlatformVars = scopedVars[`${UNIWIND_PLATFORM_VARIABLES}${commonPlatform}`];
+    const platformVars = scopedVars[`${UNIWIND_PLATFORM_VARIABLES}${platform}`];
+    if (commonPlatformVars) {
+      Object.defineProperties(vars, Object.getOwnPropertyDescriptors(commonPlatformVars));
+    }
     if (platformVars) {
       Object.defineProperties(vars, Object.getOwnPropertyDescriptors(platformVars));
     }
@@ -48,7 +55,7 @@ class UniwindStoreBuilder {
     this.stylesheet = stylesheet;
     this.vars = Object.fromEntries(themes.map((theme) => {
       const clonedVars = cloneWithAccessors(vars);
-      const themeVars = scopedVars[`__uniwind-theme-${theme}`];
+      const themeVars = scopedVars[`${UNIWIND_THEME_VARIABLES}${theme}`];
       if (themeVars) {
         Object.defineProperties(clonedVars, Object.getOwnPropertyDescriptors(themeVars));
       }
@@ -209,6 +216,16 @@ class UniwindStoreBuilder {
     }
     return true;
   }
+  getCurrentPlatform() {
+    const platform = Platform.OS;
+    if (platform === "android") {
+      return Platform.isTV ? UniwindPlatform.AndroidTV : UniwindPlatform.Android;
+    }
+    if (platform === "ios") {
+      return Platform.isTV ? UniwindPlatform.AppleTV : UniwindPlatform.iOS;
+    }
+    return platform;
+  }
 }
 export const UniwindStore = new UniwindStoreBuilder();
 Dimensions.addEventListener("change", ({ window }) => {

package/dist/module/core/types.d.ts

@@ -57,6 +57,7 @@ export type UniwindRuntime = {
     linear: (...points: ControlPoint[]) => LinearEasing;
     lightDark: (light: string, dark: string) => string;
     parseColor: (type: string, color: string) => string;
+    platformSelect: (android: string, ios: string, other?: string) => string;
 };
 export type RNStyle = ViewStyle & TextStyle & ImageStyle & {
     accentColor?: string;

package/dist/module/css/variants.js

@@ -1,4 +1,4 @@
-const variants = ["ios", "android", "web", "native"];
+const variants = ["ios", "android", "web", "native", "tv", "android-tv", "apple-tv"];
 export const generateCSSForVariants = () => {
   let css = "";
   variants.forEach((variant) => {

package/dist/module/css-visitor/function-visitor.d.ts

@@ -1,6 +1,7 @@
 import { Function as LightningCSSFunction, TokenOrValue } from 'lightningcss';
 export declare class FunctionVisitor {
     [name: string]: (fn: LightningCSSFunction) => TokenOrValue;
+    platformSelect(fn: LightningCSSFunction): TokenOrValue;
     pixelRatio(fn: LightningCSSFunction): TokenOrValue;
     fontScale(fn: LightningCSSFunction): TokenOrValue;
     hairlineWidth(): TokenOrValue;

package/dist/module/css-visitor/function-visitor.js

@@ -3,6 +3,9 @@ const ONE_PX = {
   value: { type: "dimension", unit: "px", value: 1 }
 };
 export class FunctionVisitor {
+  platformSelect(fn) {
+    return fn.arguments.at(0) ?? { type: "token", value: { type: "ident", value: "initial" } };
+  }
   pixelRatio(fn) {
     return {
       type: "function",

package/dist/module/css-visitor/rule-visitor.d.ts

@@ -16,9 +16,11 @@ export declare class RuleVisitor implements LightningRuleVisitors {
     }>) => void;
     style: (styleRule: Extract<LightningRuleVisitor, {
         type: "style";
-    }>) => void | ReturnedRule;
+    }>) => void | ReturnedRule | ReturnedRule[];
     cleanup(): void;
+    private processThemeRoot;
     private processThemeStyle;
     private processClassStyle;
+    private removeNulls;
 }
 export {};

package/dist/module/css-visitor/rule-visitor.js

@@ -10,9 +10,8 @@ export class RuleVisitor {
   };
   style = (styleRule) => {
     const firstSelector = styleRule.value.selectors.at(0)?.at(0);
-    const secondSelector = styleRule.value.selectors.at(0)?.at(1);
-    if (this.currentLayerName === "theme" && firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
-      return this.processThemeStyle(styleRule, secondSelector);
+    if (this.currentLayerName === "theme" && firstSelector?.type === "pseudo-class" && firstSelector.kind === "root") {
+      return this.removeNulls(this.processThemeRoot(styleRule));
     }
     if (firstSelector?.type === "class") {
       return this.processClassStyle(styleRule, firstSelector);
@@ -23,14 +22,47 @@ export class RuleVisitor {
     this.processedClassNames.clear();
     this.processedVariables.clear();
   }
+  processThemeRoot(styleRule) {
+    const themeScopedRules = styleRule.value.rules?.filter((rule) => {
+      if (rule.type !== "style") {
+        return false;
+      }
+      const firstSelector = rule.value.selectors.at(0)?.at(0);
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      return firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where";
+    }) ?? [];
+    const nonThemeRules = styleRule.value.rules?.filter((rule) => !themeScopedRules.includes(rule));
+    const processedThemeScopedRules = themeScopedRules.map((rule) => {
+      if (rule.type !== "style") {
+        return rule;
+      }
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      if (secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
+        return this.processThemeStyle(rule, secondSelector);
+      }
+      return rule;
+    });
+    return [
+      {
+        type: "style",
+        value: {
+          loc: styleRule.value.loc,
+          selectors: styleRule.value.selectors,
+          rules: nonThemeRules,
+          declarations: styleRule.value.declarations
+        }
+      },
+      ...processedThemeScopedRules
+    ];
+  }
   processThemeStyle(styleRule, secondSelector) {
     const whereSelector = secondSelector.selectors.at(0)?.at(0);
     if (whereSelector?.type !== "class") {
-      return;
+      return styleRule;
     }
     const selectedVariant = this.themes.find((theme) => whereSelector.name === theme);
     if (selectedVariant === void 0 || this.processedVariables.has(selectedVariant)) {
-      return;
+      return styleRule;
     }
     this.processedVariables.add(selectedVariant);
     return {
@@ -59,4 +91,21 @@ export class RuleVisitor {
       }
     };
   }
+  // Fixes lightningcss serialization bug
+  removeNulls(value) {
+    if (Array.isArray(value)) {
+      return value.map((v) => this.removeNulls(v));
+    }
+    if (typeof value === "object" && value !== null) {
+      return Object.fromEntries(
+        Object.entries(value).filter(([_, value2]) => {
+          if (value2 === null) {
+            return false;
+          }
+          return true;
+        }).map(([key, value2]) => [key, this.removeNulls(value2)])
+      );
+    }
+    return value;
+  }
 }

package/dist/shared/uniwind.B5q8hBGv.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var Platform = /* @__PURE__ */ ((Platform2) => {
+  Platform2["Android"] = "android";
+  Platform2["iOS"] = "ios";
+  Platform2["Web"] = "web";
+  Platform2["Native"] = "native";
+  Platform2["TV"] = "tv";
+  Platform2["AndroidTV"] = "android-tv";
+  Platform2["AppleTV"] = "apple-tv";
+  return Platform2;
+})(Platform || {});
+const UNIWIND_PLATFORM_VARIABLES = "__uniwind-platform-";
+const UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
+
+exports.Platform = Platform;
+exports.UNIWIND_PLATFORM_VARIABLES = UNIWIND_PLATFORM_VARIABLES;
+exports.UNIWIND_THEME_VARIABLES = UNIWIND_THEME_VARIABLES;

package/dist/shared/{uniwind.D-ahjOrG.mjs → uniwind.BWb5KNML.mjs}

@@ -44,6 +44,9 @@ const ONE_PX = {
   value: { type: "dimension", unit: "px", value: 1 }
 };
 class FunctionVisitor {
+  platformSelect(fn) {
+    return fn.arguments.at(0) ?? { type: "token", value: { type: "ident", value: "initial" } };
+  }
   pixelRatio(fn) {
     return {
       type: "function",
@@ -90,9 +93,8 @@ class RuleVisitor {
   };
   style = (styleRule) => {
     const firstSelector = styleRule.value.selectors.at(0)?.at(0);
-    const secondSelector = styleRule.value.selectors.at(0)?.at(1);
-    if (this.currentLayerName === "theme" && firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
-      return this.processThemeStyle(styleRule, secondSelector);
+    if (this.currentLayerName === "theme" && firstSelector?.type === "pseudo-class" && firstSelector.kind === "root") {
+      return this.removeNulls(this.processThemeRoot(styleRule));
     }
     if (firstSelector?.type === "class") {
       return this.processClassStyle(styleRule, firstSelector);
@@ -103,14 +105,47 @@ class RuleVisitor {
     this.processedClassNames.clear();
     this.processedVariables.clear();
   }
+  processThemeRoot(styleRule) {
+    const themeScopedRules = styleRule.value.rules?.filter((rule) => {
+      if (rule.type !== "style") {
+        return false;
+      }
+      const firstSelector = rule.value.selectors.at(0)?.at(0);
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      return firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where";
+    }) ?? [];
+    const nonThemeRules = styleRule.value.rules?.filter((rule) => !themeScopedRules.includes(rule));
+    const processedThemeScopedRules = themeScopedRules.map((rule) => {
+      if (rule.type !== "style") {
+        return rule;
+      }
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      if (secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
+        return this.processThemeStyle(rule, secondSelector);
+      }
+      return rule;
+    });
+    return [
+      {
+        type: "style",
+        value: {
+          loc: styleRule.value.loc,
+          selectors: styleRule.value.selectors,
+          rules: nonThemeRules,
+          declarations: styleRule.value.declarations
+        }
+      },
+      ...processedThemeScopedRules
+    ];
+  }
   processThemeStyle(styleRule, secondSelector) {
     const whereSelector = secondSelector.selectors.at(0)?.at(0);
     if (whereSelector?.type !== "class") {
-      return;
+      return styleRule;
     }
     const selectedVariant = this.themes.find((theme) => whereSelector.name === theme);
     if (selectedVariant === void 0 || this.processedVariables.has(selectedVariant)) {
-      return;
+      return styleRule;
     }
     this.processedVariables.add(selectedVariant);
     return {
@@ -139,6 +174,23 @@ class RuleVisitor {
       }
     };
   }
+  // Fixes lightningcss serialization bug
+  removeNulls(value) {
+    if (Array.isArray(value)) {
+      return value.map((v) => this.removeNulls(v));
+    }
+    if (typeof value === "object" && value !== null) {
+      return Object.fromEntries(
+        Object.entries(value).filter(([_, value2]) => {
+          if (value2 === null) {
+            return false;
+          }
+          return true;
+        }).map(([key, value2]) => [key, this.removeNulls(value2)])
+      );
+    }
+    return value;
+  }
 }
 
 class UniwindCSSVisitor {
@@ -372,7 +424,7 @@ const generateCSSForThemes = async (themes, input) => {
   return uniwindCSS;
 };
 
-const variants = ["ios", "android", "web", "native"];
+const variants = ["ios", "android", "web", "native", "tv", "android-tv", "apple-tv"];
 const generateCSSForVariants = () => {
   let css = "";
   variants.forEach((variant) => {

package/dist/shared/{uniwind.CyACT0sD.cjs → uniwind.DTMo4epG.cjs}

@@ -51,6 +51,9 @@ const ONE_PX = {
   value: { type: "dimension", unit: "px", value: 1 }
 };
 class FunctionVisitor {
+  platformSelect(fn) {
+    return fn.arguments.at(0) ?? { type: "token", value: { type: "ident", value: "initial" } };
+  }
   pixelRatio(fn) {
     return {
       type: "function",
@@ -97,9 +100,8 @@ class RuleVisitor {
   };
   style = (styleRule) => {
     const firstSelector = styleRule.value.selectors.at(0)?.at(0);
-    const secondSelector = styleRule.value.selectors.at(0)?.at(1);
-    if (this.currentLayerName === "theme" && firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
-      return this.processThemeStyle(styleRule, secondSelector);
+    if (this.currentLayerName === "theme" && firstSelector?.type === "pseudo-class" && firstSelector.kind === "root") {
+      return this.removeNulls(this.processThemeRoot(styleRule));
     }
     if (firstSelector?.type === "class") {
       return this.processClassStyle(styleRule, firstSelector);
@@ -110,14 +112,47 @@ class RuleVisitor {
     this.processedClassNames.clear();
     this.processedVariables.clear();
   }
+  processThemeRoot(styleRule) {
+    const themeScopedRules = styleRule.value.rules?.filter((rule) => {
+      if (rule.type !== "style") {
+        return false;
+      }
+      const firstSelector = rule.value.selectors.at(0)?.at(0);
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      return firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where";
+    }) ?? [];
+    const nonThemeRules = styleRule.value.rules?.filter((rule) => !themeScopedRules.includes(rule));
+    const processedThemeScopedRules = themeScopedRules.map((rule) => {
+      if (rule.type !== "style") {
+        return rule;
+      }
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      if (secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
+        return this.processThemeStyle(rule, secondSelector);
+      }
+      return rule;
+    });
+    return [
+      {
+        type: "style",
+        value: {
+          loc: styleRule.value.loc,
+          selectors: styleRule.value.selectors,
+          rules: nonThemeRules,
+          declarations: styleRule.value.declarations
+        }
+      },
+      ...processedThemeScopedRules
+    ];
+  }
   processThemeStyle(styleRule, secondSelector) {
     const whereSelector = secondSelector.selectors.at(0)?.at(0);
     if (whereSelector?.type !== "class") {
-      return;
+      return styleRule;
     }
     const selectedVariant = this.themes.find((theme) => whereSelector.name === theme);
     if (selectedVariant === void 0 || this.processedVariables.has(selectedVariant)) {
-      return;
+      return styleRule;
     }
     this.processedVariables.add(selectedVariant);
     return {
@@ -146,6 +181,23 @@ class RuleVisitor {
       }
     };
   }
+  // Fixes lightningcss serialization bug
+  removeNulls(value) {
+    if (Array.isArray(value)) {
+      return value.map((v) => this.removeNulls(v));
+    }
+    if (typeof value === "object" && value !== null) {
+      return Object.fromEntries(
+        Object.entries(value).filter(([_, value2]) => {
+          if (value2 === null) {
+            return false;
+          }
+          return true;
+        }).map(([key, value2]) => [key, this.removeNulls(value2)])
+      );
+    }
+    return value;
+  }
 }
 
 class UniwindCSSVisitor {
@@ -379,7 +431,7 @@ const generateCSSForThemes = async (themes, input) => {
   return uniwindCSS;
 };
 
-const variants = ["ios", "android", "web", "native"];
+const variants = ["ios", "android", "web", "native", "tv", "android-tv", "apple-tv"];
 const generateCSSForVariants = () => {
   let css = "";
   variants.forEach((variant) => {

package/dist/shared/uniwind.JSWK3vHl.mjs

@@ -0,0 +1,14 @@
+var Platform = /* @__PURE__ */ ((Platform2) => {
+  Platform2["Android"] = "android";
+  Platform2["iOS"] = "ios";
+  Platform2["Web"] = "web";
+  Platform2["Native"] = "native";
+  Platform2["TV"] = "tv";
+  Platform2["AndroidTV"] = "android-tv";
+  Platform2["AppleTV"] = "apple-tv";
+  return Platform2;
+})(Platform || {});
+const UNIWIND_PLATFORM_VARIABLES = "__uniwind-platform-";
+const UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
+
+export { Platform as P, UNIWIND_PLATFORM_VARIABLES as U, UNIWIND_THEME_VARIABLES as a };

package/dist/vite/index.cjs

@@ -3,7 +3,7 @@
 const node = require('@tailwindcss/node');
 const path = require('path');
 const common = require('../shared/uniwind.nl8746mK.cjs');
-const stringifyThemes = require('../shared/uniwind.CyACT0sD.cjs');
+const stringifyThemes = require('../shared/uniwind.DTMo4epG.cjs');
 require('fs');
 require('lightningcss');
 

package/dist/vite/index.mjs

@@ -1,7 +1,7 @@
 import { normalizePath } from '@tailwindcss/node';
 import path from 'path';
 import { u as uniq, n as name } from '../shared/uniwind.F-0-Rr--.mjs';
-import { s as stringifyThemes, U as UniwindCSSVisitor, a as buildCSS, b as buildDtsFile } from '../shared/uniwind.D-ahjOrG.mjs';
+import { s as stringifyThemes, U as UniwindCSSVisitor, a as buildCSS, b as buildDtsFile } from '../shared/uniwind.BWb5KNML.mjs';
 import 'fs';
 import 'lightningcss';
 

package/package.json

@@ -1,12 +1,12 @@
 {
     "private": false,
     "name": "@niibase/uniwind",
-    "version": "1.4.0",
-    "description": "The fastest Tailwind bindings for React Native with Reanimated 4 support",
+    "version": "1.5.0",
+    "description": "A fork of Uniwind with Reanimated 4 support",
     "homepage": "https://uniwind.dev",
     "author": "Unistack",
     "type": "module",
-    "repository": "https://github.com/divineniiquaye/uniwind",
+    "repository": "https://github.com/divineniiquaye/uniwind-oss",
     "sideEffects": false,
     "scripts": {
         "precommit": "bun lint",
@@ -18,13 +18,15 @@
         "prepublishOnly": "bun run build",
         "circular:check": "dpdm --no-warning --no-tree -T --exit-code circular:1 'src/**/*.ts' 'src/**/*.tsx'",
         "build:css": "bun run src/css/index.ts",
-        "postinstall": "node scripts/postinstall.mjs",
         "test:native": "jest --config jest.config.native.js",
-        "test:web": "jest --config jest.config.web.js"
+        "test:web": "jest --config jest.config.web.js",
+        "test:e2e": "playwright test",
+        "release": "release-it"
     },
     "keywords": [
         "unistyles",
         "react-native-unistyles",
+        "uniwind",
         "react-native",
         "react",
         "native",
@@ -78,8 +80,8 @@
         "LICENSE"
     ],
     "dependencies": {
-        "@tailwindcss/node": "4.1.17",
-        "@tailwindcss/oxide": "4.1.17",
+        "@tailwindcss/node": "4.2.1",
+        "@tailwindcss/oxide": "4.2.1",
         "culori": "4.0.2",
         "lightningcss": "1.30.1"
     },
@@ -92,7 +94,8 @@
         "tailwindcss": ">=4"
     },
     "devDependencies": {
-        "@react-native/babel-preset": "0.83.0",
+        "@playwright/test": "1.58.2",
+        "@react-native/babel-preset": "0.84.1",
         "@testing-library/jest-dom": "6.9.1",
         "@testing-library/jest-native": "5.4.3",
         "@testing-library/react": "16.3.2",
@@ -101,19 +104,22 @@
         "@types/culori": "4.0.1",
         "@types/jest": "30.0.0",
         "@types/react": "catalog:",
-        "metro": "0.83.3",
-        "dpdm": "3.14.0",
+        "dpdm": "4.0.1",
+        "git-cliff": "2.12.0",
         "jest": "30.2.0",
         "jest-environment-jsdom": "30.2.0",
-        "prettier": "3.7.4",
+        "metro": "0.84.2",
+        "prettier": "3.8.1",
         "react-native-gesture-handler": "2.28.0",
         "react-native-reanimated": "catalog:",
         "react-native-safe-area-context": "5.6.0",
         "react-native-web": "catalog:",
-        "react-test-renderer": "19.1.0",
+        "react-test-renderer": "19.2.4",
+        "release-it": "19.2.4",
         "ts-jest": "29.4.6",
         "typescript": "catalog:",
         "unbuild": "3.6.1",
-        "vite": "7.2.7"
+        "vite": "7.3.1",
+        "esbuild": "0.27.3"
     }
 }

package/readme.md

@@ -15,7 +15,7 @@
 [![npm downloads](https://img.shields.io/npm/dt/uniwind?style=for-the-badge)](https://www.npmjs.com/package/uniwind)
 [![License: MIT](https://img.shields.io/badge/License-MIT-44CD11.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
 
-> **Note:** This is a fork of uniwind that makes pro subscription features available for free (except for Unistyles support). Install from `@niibase/uniwind` to get these features.
+> **Note:** This is a fork of **uniwind** that leverages **react-native-reanimated** (v4.0.0+) to enable CSS-like animations and transitions using Tailwind classes. This package is kept in sync with the original `uniwind` releases.
 
 ## Installation
 
@@ -24,7 +24,7 @@
 bun add @niibase/uniwind tailwindcss react-native-safe-area-context react-native-reanimated
 
 # Or install from the original package
-bun add uniwind tailwindcss react-native-safe-area-context react-native-reanimated
+bun add uniwind tailwindcss react-native-safe-area-context
 
 # Or install @niibase/uniwind as alias for uniwind
 bun add uniwind@npm:@niibase/uniwind tailwindcss react-native-safe-area-context react-native-reanimated
@@ -41,8 +41,8 @@ Then follow [installation guides](https://docs.uniwind.dev/quickstart)
 
 ## Features
 
-- ⚛️ Out‑of‑the‑box `className` bindings for every React Native component  
-- ⚡ Styles are computed at build time for maximum performance  
+- ⚛️ Out‑of‑the‑box `className` bindings for every React Native component
+- ⚡ Styles are computed at build time for maximum performance
 - 🎬 **CSS animations and transitions** powered by Reanimated 4
 - 🌙 Dark mode and 🎨 fully customizable themes
 - 🧩 Pseudo‑classes support — `focus`, `active`, `disabled`, and more
@@ -50,14 +50,6 @@ Then follow [installation guides](https://docs.uniwind.dev/quickstart)
 - 🧰 Use custom CSS properties directly in React Native
 - 🔥 And [much more](https://docs.uniwind.dev/api/use-uniwind)
 
-## Roadmap
-
-- [x] **Reanimated 4 support** - Full compatibility with React Native Reanimated v4 ✅
-- [ ] **Babel support to extend beyond React Native components** - Enable className support for custom components and third-party libraries
-- [ ] **Unistyles (future)** - Integration with Unistyles for enhanced styling capabilities
-
-> **Note:** Once Babel support is completed, the likelihood of adding Unistyles support is high.
-
 ## Contributing
 
 Contributions are welcome!