@xaui/native 0.9.1-alpha.11 → 0.9.1-alpha.13

package/dist/theme/index.cjs

@@ -9,14 +9,14 @@
 
 
 
-var _chunk2FEDC7U5cjs = require('../chunk-2FEDC7U5.cjs');
+var _chunkDDYMIWLWcjs = require('../chunk-DDYMIWLW.cjs');
 
 
 
 
 
 
-var _chunk3QBT3Q65cjs = require('../chunk-3QBT3Q65.cjs');
+var _chunk6N5JXRUZcjs = require('../chunk-6N5JXRUZ.cjs');
 
 
 
@@ -33,4 +33,4 @@ var _chunk3QBT3Q65cjs = require('../chunk-3QBT3Q65.cjs');
 
 
 
-exports.ThemeContext = _chunk3QBT3Q65cjs.ThemeContext; exports.XAUIProvider = _chunk2FEDC7U5cjs.XAUIProvider; exports.buildRadius = _chunk2FEDC7U5cjs.buildRadius; exports.buildShadows = _chunk2FEDC7U5cjs.buildShadows; exports.createTheme = _chunk2FEDC7U5cjs.createTheme; exports.defaultTheme = _chunk2FEDC7U5cjs.defaultTheme; exports.deriveColors = _chunk2FEDC7U5cjs.deriveColors; exports.deriveTint = _chunk3QBT3Q65cjs.deriveTint; exports.palette = _chunk2FEDC7U5cjs.palette; exports.primitives = _chunk2FEDC7U5cjs.primitives; exports.sourceKeys = _chunk2FEDC7U5cjs.sourceKeys; exports.tokens = _chunk2FEDC7U5cjs.tokens; exports.useColorMode = _chunk3QBT3Q65cjs.useColorMode; exports.useThemeColor = _chunk3QBT3Q65cjs.useThemeColor; exports.useXAUITheme = _chunk3QBT3Q65cjs.useXAUITheme;
+exports.ThemeContext = _chunk6N5JXRUZcjs.ThemeContext; exports.XAUIProvider = _chunkDDYMIWLWcjs.XAUIProvider; exports.buildRadius = _chunkDDYMIWLWcjs.buildRadius; exports.buildShadows = _chunkDDYMIWLWcjs.buildShadows; exports.createTheme = _chunkDDYMIWLWcjs.createTheme; exports.defaultTheme = _chunkDDYMIWLWcjs.defaultTheme; exports.deriveColors = _chunkDDYMIWLWcjs.deriveColors; exports.deriveTint = _chunk6N5JXRUZcjs.deriveTint; exports.palette = _chunkDDYMIWLWcjs.palette; exports.primitives = _chunkDDYMIWLWcjs.primitives; exports.sourceKeys = _chunkDDYMIWLWcjs.sourceKeys; exports.tokens = _chunkDDYMIWLWcjs.tokens; exports.useColorMode = _chunk6N5JXRUZcjs.useColorMode; exports.useThemeColor = _chunk6N5JXRUZcjs.useThemeColor; exports.useXAUITheme = _chunk6N5JXRUZcjs.useXAUITheme;

package/dist/theme/index.d.cts

@@ -44,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;
 
@@ -417,10 +428,10 @@ 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 accentPressed: "#8533d3";
+        readonly successPressed: "#1b753a";
+        readonly warningPressed: "#a34d13";
+        readonly dangerPressed: "#c72927";
         readonly defaultPressed: "#eaeaeb";
         readonly surfacePressed: "#eaeaea";
         readonly defaultSoft: "rgba(244, 244, 245, 0.5)";
@@ -487,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.d.ts

@@ -44,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;
 
@@ -417,10 +428,10 @@ 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 accentPressed: "#8533d3";
+        readonly successPressed: "#1b753a";
+        readonly warningPressed: "#a34d13";
+        readonly dangerPressed: "#c72927";
         readonly defaultPressed: "#eaeaeb";
         readonly surfacePressed: "#eaeaea";
         readonly defaultSoft: "rgba(244, 244, 245, 0.5)";
@@ -487,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

@@ -9,14 +9,14 @@ import {
   primitives,
   sourceKeys,
   tokens
-} from "../chunk-7XGOXTGT.js";
+} from "../chunk-4O3PXFQ7.js";
 import {
   ThemeContext,
   deriveTint,
   useColorMode,
   useThemeColor,
   useXAUITheme
-} from "../chunk-X2K2FX3W.js";
+} from "../chunk-XJARE6SC.js";
 export {
   ThemeContext,
   XAUIProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.9.1-alpha.11",
+  "version": "0.9.1-alpha.13",
   "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",