@xaui/native 0.9.1-alpha.2 → 0.9.1-alpha.21

package/dist/theme/index.d.ts

@@ -1,7 +1,8 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { i as XAUIThemeSet, h as XAUIThemeConfig, f as XAUISourceColors, b as XAUIDerivedColors, g as XAUITheme, d as XAUIRadius, C as ColorMode, X as XAUIColors } from '../theme.type-B3ODSLbB.js';
-export { F as FontSizeKey, a as FontWeightKey, R as RadiusKey, S as Size, c as XAUIPrimitiveColors, e as XAUIShadow } from '../theme.type-B3ODSLbB.js';
+import { i as XAUIThemeSet, h as XAUIThemeConfig, g as XAUISourceColors, c as XAUIDerivedColors, X as XAUITheme, e as XAUIRadius, C as ColorMode, a as XAUIColors } from '../theme.type-C2gNHpEx.js';
+export { F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, d as XAUIPrimitiveColors, f as XAUIShadow } from '../theme.type-C2gNHpEx.js';
+import 'react-native';
 
 /** `'system'` follows the device; the resolved value is never `'system'`. */
 type ColorModePreference = 'light' | 'dark' | 'system';
@@ -43,6 +44,17 @@ declare const defaultTheme: XAUIThemeSet;
  * These are HeroUI's `color-mix(in oklab, …)` formulas transposed to JS, because React
  * Native has no `color-mix()`. Their `-hover` names became `-pressed`: what they feed is
  * the press overlay, and the web name was a leftover.
+ *
+ * **One deliberate divergence: a pressed state always moves towards the mode's ink**
+ * (P2-API-REVIEW §E). Mixing towards the variant's own foreground — which is what their
+ * formula does — makes the direction follow the fill's lightness rather than a decision:
+ * `#9333ea` has near-white text and lightened under the finger in light mode, while
+ * `#c084fc` has dark text and darkened in dark mode. Same component, opposite gesture,
+ * nobody's choice. Towards `foreground` it is one direction — darker in light, lighter in
+ * dark — and the label's contrast rises in both instead of falling in one.
+ *
+ * The neutral fills already did this: `defaultForeground` and `surfaceForeground` *are*
+ * the ink, so only the four saturated intents ever flipped.
  */
 declare function deriveColors(s: XAUISourceColors): XAUIDerivedColors;
 
@@ -388,7 +400,7 @@ declare const tokens: {
         readonly foreground: "#18181b";
         readonly surface: "#ffffff";
         readonly surfaceForeground: "#18181b";
-        readonly surfaceSecondary: "#f4f4f5";
+        readonly surfaceSecondary: "#ececee";
         readonly surfaceSecondaryForeground: "#18181b";
         readonly surfaceTertiary: "#e4e4e7";
         readonly surfaceTertiaryForeground: "#18181b";
@@ -396,7 +408,7 @@ declare const tokens: {
         readonly overlayForeground: "#18181b";
         readonly backdrop: "rgba(0, 0, 0, 0.2)";
         readonly muted: "#71717a";
-        readonly default: "#f4f4f5";
+        readonly default: "#e4e4e7";
         readonly defaultForeground: "#18181b";
         readonly accent: "#9333ea";
         readonly accentForeground: "#faf5ff";
@@ -416,15 +428,15 @@ declare const tokens: {
         readonly separator: "#d4d4d8";
         readonly focus: "#9333ea";
         readonly link: "#18181b";
-        readonly accentPressed: "#9c4eee";
-        readonly successPressed: "#378c50";
-        readonly warningPressed: "#bd642f";
-        readonly dangerPressed: "#e2473f";
-        readonly defaultPressed: "#eaeaeb";
+        readonly accentPressed: "#8533d3";
+        readonly successPressed: "#1b753a";
+        readonly warningPressed: "#a34d13";
+        readonly dangerPressed: "#c72927";
+        readonly defaultPressed: "#dbdbde";
         readonly surfacePressed: "#eaeaea";
-        readonly defaultSoft: "rgba(244, 244, 245, 0.5)";
+        readonly defaultSoft: "rgba(228, 228, 231, 0.5)";
         readonly defaultSoftForeground: "#18181b";
-        readonly defaultSoftPressed: "rgba(244, 244, 245, 0.6)";
+        readonly defaultSoftPressed: "rgba(228, 228, 231, 0.6)";
         readonly accentSoft: "rgba(147, 51, 234, 0.15)";
         readonly accentSoftForeground: "#7833bc";
         readonly accentSoftPressed: "rgba(147, 51, 234, 0.2)";
@@ -486,10 +498,10 @@ declare const tokens: {
         readonly separator: "#52525b";
         readonly focus: "#c084fc";
         readonly link: "#fafafa";
-        readonly accentPressed: "#ad78e3";
-        readonly successPressed: "#47c875";
-        readonly warningPressed: "#e1ac2b";
-        readonly dangerPressed: "#df6868";
+        readonly accentPressed: "#c691fd";
+        readonly successPressed: "#64e18d";
+        readonly warningPressed: "#fbc54b";
+        readonly dangerPressed: "#fa807e";
         readonly defaultPressed: "#2e2e31";
         readonly surfacePressed: "#27272a";
         readonly defaultSoft: "rgba(39, 39, 42, 0.5)";

package/dist/theme/index.js

@@ -1,5 +1,4 @@
 import {
-  ThemeContext,
   XAUIProvider,
   buildRadius,
   buildShadows,
@@ -9,14 +8,16 @@ import {
   palette,
   primitives,
   sourceKeys,
-  tokens,
+  tokens
+} from "../chunk-TUJBDS5M.js";
+import {
+  ThemeContext,
+  deriveTint,
   useColorMode,
   useThemeColor,
   useXAUITheme
-} from "../chunk-PBVPOX7D.js";
-import {
-  deriveTint
-} from "../chunk-RBNCR5KB.js";
+} from "../chunk-A3EGFI6T.js";
+import "../chunk-GGW42MY4.js";
 export {
   ThemeContext,
   XAUIProvider,

package/dist/{theme.type-B3ODSLbB.d.cts → theme.type-C2gNHpEx.d.cts}

@@ -1,3 +1,5 @@
+import { TextStyle } from 'react-native';
+
 /** The source layer — the only surface a consumer writes by hand, per mode. */
 type XAUISourceColors = {
     background: string;
@@ -106,7 +108,11 @@ type XAUITheme = {
     };
     fontSizes: Record<FontSizeKey, number>;
     lineHeights: Record<FontSizeKey, number>;
-    fontWeights: Record<FontWeightKey, string>;
+    /**
+     * Typed as RN's own `fontWeight` rather than `string`: a `string` does not assign to
+     * it, so every component reading `t.fontWeights.medium` would have needed a cast.
+     */
+    fontWeights: Record<FontWeightKey, TextStyle['fontWeight']>;
     fontFamilies: {
         body: string;
         heading: string;
@@ -150,4 +156,4 @@ type XAUIThemeSet = {
     dark: XAUITheme;
 };
 
-export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUIColors as X, FontWeightKey as a, XAUIDerivedColors as b, XAUIPrimitiveColors as c, XAUIRadius as d, XAUIShadow as e, XAUISourceColors as f, XAUITheme as g, XAUIThemeConfig as h, XAUIThemeSet as i };
+export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUITheme as X, XAUIColors as a, FontWeightKey as b, XAUIDerivedColors as c, XAUIPrimitiveColors as d, XAUIRadius as e, XAUIShadow as f, XAUISourceColors as g, XAUIThemeConfig as h, XAUIThemeSet as i };

package/dist/{theme.type-B3ODSLbB.d.ts → theme.type-C2gNHpEx.d.ts}

@@ -1,3 +1,5 @@
+import { TextStyle } from 'react-native';
+
 /** The source layer — the only surface a consumer writes by hand, per mode. */
 type XAUISourceColors = {
     background: string;
@@ -106,7 +108,11 @@ type XAUITheme = {
     };
     fontSizes: Record<FontSizeKey, number>;
     lineHeights: Record<FontSizeKey, number>;
-    fontWeights: Record<FontWeightKey, string>;
+    /**
+     * Typed as RN's own `fontWeight` rather than `string`: a `string` does not assign to
+     * it, so every component reading `t.fontWeights.medium` would have needed a cast.
+     */
+    fontWeights: Record<FontWeightKey, TextStyle['fontWeight']>;
     fontFamilies: {
         body: string;
         heading: string;
@@ -150,4 +156,4 @@ type XAUIThemeSet = {
     dark: XAUITheme;
 };
 
-export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUIColors as X, FontWeightKey as a, XAUIDerivedColors as b, XAUIPrimitiveColors as c, XAUIRadius as d, XAUIShadow as e, XAUISourceColors as f, XAUITheme as g, XAUIThemeConfig as h, XAUIThemeSet as i };
+export type { ColorMode as C, FontSizeKey as F, RadiusKey as R, Size as S, XAUITheme as X, XAUIColors as a, FontWeightKey as b, XAUIDerivedColors as c, XAUIPrimitiveColors as d, XAUIRadius as e, XAUIShadow as f, XAUISourceColors as g, XAUIThemeConfig as h, XAUIThemeSet as i };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.2",
+  "version": "0.9.1-alpha.21",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
@@ -14,23 +14,78 @@
   ],
   "license": "MIT",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./button": {
+      "import": {
+        "types": "./dist/components/button/index.d.ts",
+        "default": "./dist/components/button/index.js"
+      },
+      "require": {
+        "types": "./dist/components/button/index.d.cts",
+        "default": "./dist/components/button/index.cjs"
+      }
+    },
+    "./card": {
+      "import": {
+        "types": "./dist/components/card/index.d.ts",
+        "default": "./dist/components/card/index.js"
+      },
+      "require": {
+        "types": "./dist/components/card/index.d.cts",
+        "default": "./dist/components/card/index.cjs"
+      }
+    },
+    "./typography": {
+      "import": {
+        "types": "./dist/components/typography/index.d.ts",
+        "default": "./dist/components/typography/index.js"
+      },
+      "require": {
+        "types": "./dist/components/typography/index.d.cts",
+        "default": "./dist/components/typography/index.cjs"
+      }
+    },
+    "./view": {
+      "import": {
+        "types": "./dist/components/view/index.d.ts",
+        "default": "./dist/components/view/index.js"
+      },
+      "require": {
+        "types": "./dist/components/view/index.d.cts",
+        "default": "./dist/components/view/index.cjs"
+      }
     },
     "./system": {
-      "types": "./dist/system/index.d.ts",
-      "import": "./dist/system/index.js",
-      "require": "./dist/system/index.js"
+      "import": {
+        "types": "./dist/system/index.d.ts",
+        "default": "./dist/system/index.js"
+      },
+      "require": {
+        "types": "./dist/system/index.d.cts",
+        "default": "./dist/system/index.cjs"
+      }
     },
     "./theme": {
-      "types": "./dist/theme/index.d.ts",
-      "import": "./dist/theme/index.js",
-      "require": "./dist/theme/index.js"
+      "import": {
+        "types": "./dist/theme/index.d.ts",
+        "default": "./dist/theme/index.js"
+      },
+      "require": {
+        "types": "./dist/theme/index.d.cts",
+        "default": "./dist/theme/index.cjs"
+      }
     }
   },
   "files": [
@@ -67,19 +122,20 @@
     }
   },
   "devDependencies": {
-    "@types/react": "^19.1.0",
-    "react": "19.1.0",
-    "react-native": "0.83.6",
+    "@types/react": "^19.2.0",
+    "react": "19.2.0",
+    "react-native": "0.83.10",
     "react-native-gesture-handler": "^2.28.0",
-    "react-native-reanimated": "^4.0.0",
+    "react-native-reanimated": "4.2.1",
     "react-native-safe-area-context": "^5.6.0",
-    "react-native-svg": "^15.8.0",
-    "react-native-worklets": "^0.5.1",
+    "react-native-svg": "15.15.3",
+    "react-native-worklets": "0.7.4",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },
+  "module": "./dist/index.js",
   "scripts": {
-    "build": "rm -rf dist && tsup --config tsup.config.ts",
+    "build": "rm -rf dist && tsup --config tsup.config.ts && node ../../tooling/workletize/workletize.mjs dist",
     "dev": "tsup --config tsup.config.ts --watch",
     "test": "vitest",
     "lint": "eslint src/",