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

package/dist/{chunk-6OHFG32Y.cjs → chunk-MLJ543GP.cjs}

@@ -36,11 +36,11 @@ function _optionalChain(ops) {
   }
   return value;
 }
-var _chunkE2UGZJBTcjs = require('./chunk-E2UGZJBT.cjs');
-var _chunk3QBT3Q65cjs = require('./chunk-3QBT3Q65.cjs');
+var _chunkIVVFYUDWcjs = require('./chunk-IVVFYUDW.cjs');
+var _chunk6N5JXRUZcjs = require('./chunk-6N5JXRUZ.cjs');
 
 // src/components/button/button.context.ts
-var [ButtonProvider, useButton] = _chunkE2UGZJBTcjs.createSlotContext.call(void 0, "Button");
+var [ButtonProvider, useButton] = _chunkIVVFYUDWcjs.createSlotContext.call(void 0, "Button");
 
 // src/components/button/button-icon.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -52,7 +52,7 @@ function ButtonIcon({
   const {
     icon
   } = useButton();
-  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkE2UGZJBTcjs.Icon, {
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIVVFYUDWcjs.Icon, {
     size: _nullishCoalesce(size, () => icon.size),
     color: _nullishCoalesce(color, () => icon.color),
     ...rest
@@ -67,15 +67,16 @@ var ButtonLabel = _react.forwardRef.call(void 0, function ButtonLabel2({
   children,
   style,
   numberOfLines = 1,
-  ...rest
+  ...props
 }, ref) {
   const {
     labelStyle
   } = useButton();
+  const [styleProps, rest] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
     ref,
     numberOfLines,
-    style: [labelStyle, style],
+    style: [labelStyle, styleProps, style],
     ...rest,
     children
   });
@@ -89,23 +90,26 @@ var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
 var ROTATION_DURATION = 800;
 function ButtonSpinner({
   style,
-  animation = true
+  animation = true,
+  ...props
 }) {
   const {
     spinnerStyle
   } = useButton();
+  const [styleProps] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
+  const ringStyle = [spinnerStyle, styleProps, style];
   if (!animation) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
-    style: [spinnerStyle, style]
+    style: ringStyle
   });
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, SpinningRing, {
-    style: [spinnerStyle, style]
+    style: ringStyle
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_5045091769452_init_data = {
-  code: "function chunk6OHFG32YCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-6OHFG32Y.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk6OHFG32YCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-6OHFG32Y.cjs\"],\"mappings\":\"AAsE6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_13959851668106_init_data = {
+  code: "function chunkMLJ543GPCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MLJ543GP.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkMLJ543GPCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MLJ543GP.cjs\"],\"mappings\":\"AA0E6E,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE/E,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -118,28 +122,28 @@ function SpinningRing({
     }), -1, false);
     return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
   }, [angle]);
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunk6OHFG32YCjs1Factory({
-    _worklet_5045091769452_init_data,
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkMLJ543GPCjs1Factory({
+    _worklet_13959851668106_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunk6OHFG32YCjs1 = function () {
+    const chunkMLJ543GPCjs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunk6OHFG32YCjs1.__closure = {
+    chunkMLJ543GPCjs1.__closure = {
       angle
     };
-    chunk6OHFG32YCjs1.__workletHash = 5045091769452;
-    chunk6OHFG32YCjs1.__pluginVersion = "0.7.4";
-    chunk6OHFG32YCjs1.__initData = _worklet_5045091769452_init_data;
-    chunk6OHFG32YCjs1.__stackDetails = _e;
-    return chunk6OHFG32YCjs1;
+    chunkMLJ543GPCjs1.__workletHash = 13959851668106;
+    chunkMLJ543GPCjs1.__pluginVersion = "0.7.4";
+    chunkMLJ543GPCjs1.__initData = _worklet_13959851668106_init_data;
+    chunkMLJ543GPCjs1.__stackDetails = _e;
+    return chunkMLJ543GPCjs1;
   }({
-    _worklet_5045091769452_init_data,
+    _worklet_13959851668106_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
@@ -184,7 +188,14 @@ var VARIANT_TOKENS = {
     bgPressed: "accentPressed",
     fg: "accentForeground"
   },
+  // The accent's soft slice, not a second neutral: `secondary` is to `primary` what
+  // `danger-soft` is to `danger`, and it reads as the same family at lower emphasis.
   secondary: {
+    bg: "accentSoft",
+    bgPressed: "accentSoftPressed",
+    fg: "accentSoftForeground"
+  },
+  default: {
     bg: "default",
     bgPressed: "defaultPressed",
     fg: "defaultForeground"
@@ -198,26 +209,6 @@ var VARIANT_TOKENS = {
     bgPressed: "defaultSoftPressed",
     fg: "foreground"
   },
-  success: {
-    bg: "success",
-    bgPressed: "successPressed",
-    fg: "successForeground"
-  },
-  "success-soft": {
-    bg: "successSoft",
-    bgPressed: "successSoftPressed",
-    fg: "successSoftForeground"
-  },
-  warning: {
-    bg: "warning",
-    bgPressed: "warningPressed",
-    fg: "warningForeground"
-  },
-  "warning-soft": {
-    bg: "warningSoft",
-    bgPressed: "warningSoftPressed",
-    fg: "warningSoftForeground"
-  },
   danger: {
     bg: "danger",
     bgPressed: "dangerPressed",
@@ -263,7 +254,7 @@ function sizeAxis(step) {
     spinner: ring(theme, theme.fontSizes[glyph])
   });
 }
-var buttonRecipe = _chunkE2UGZJBTcjs.createRecipe.call(void 0, {
+var buttonRecipe = _chunkIVVFYUDWcjs.createRecipe.call(void 0, {
   slots: SLOTS,
   base: theme => ({
     root: {
@@ -444,17 +435,15 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
   isLoading = false,
   isIconOnly = false,
   asChild = false,
-  // `scale` and not `scale-highlight`: the recipe's `pressed` state already paints the
-  // variant's own pressed colour, and a neutral wash on top would darken it twice.
-  feedbackVariant = "scale",
   accessibilityRole = "button",
   accessibilityState,
   style,
   onPressIn,
   onPressOut,
-  ...rest
+  ...props
 }, ref) {
-  const theme = _chunk3QBT3Q65cjs.useXAUITheme.call(void 0);
+  const theme = _chunk6N5JXRUZcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkIVVFYUDWcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = usePressState({
     onPressIn,
     onPressOut
@@ -495,22 +484,21 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
       isLoading
     };
   }, [styles, tint, isDisabled, isLoading]);
-  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _8 => _8.root]), typeof style === "function" ? style({
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _8 => _8.root]), styleProps, typeof style === "function" ? style({
     pressed: isPressed
   }) : style];
-  const text = _chunkE2UGZJBTcjs.childrenToString.call(void 0, children);
+  const text = _chunkIVVFYUDWcjs.childrenToString.call(void 0, children);
   const showSpinner = isLoading && !containsElementOfType(children, ButtonSpinner);
   if (isIconOnly && !rest.accessibilityLabel && !rest["aria-label"]) {
     warnDev("Button: an icon-only button needs an `accessibilityLabel` \u2014 there is no text for a screen reader to read, so it announces as an unlabelled button.");
   }
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, ButtonProvider, {
     value: context,
-    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkE2UGZJBTcjs.PressableFeedback, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkIVVFYUDWcjs.PressableFeedback, {
       ref,
       isPressed,
       isDisabled: isDisabled || isLoading,
       asChild,
-      feedbackVariant,
       accessibilityRole,
       accessibilityState: {
         disabled: isDisabled,

package/dist/{chunk-NQ5WWF77.js → chunk-RWLODK55.js}

@@ -1,5 +1,5 @@
-import { Icon, PressableFeedback, childrenToString, createRecipe, createSlotContext } from "./chunk-R4HJCQPI.js";
-import { useXAUITheme } from "./chunk-X2K2FX3W.js";
+import { Icon, PressableFeedback, childrenToString, createRecipe, createSlotContext, useStyleProps } from "./chunk-B3EAZ2CC.js";
+import { useXAUITheme } from "./chunk-XJARE6SC.js";
 
 // src/components/button/button.context.ts
 var [ButtonProvider, useButton] = createSlotContext("Button");
@@ -30,15 +30,16 @@ var ButtonLabel = forwardRef(function ButtonLabel2({
   children,
   style,
   numberOfLines = 1,
-  ...rest
+  ...props
 }, ref) {
   const {
     labelStyle
   } = useButton();
+  const [styleProps, rest] = useStyleProps(props);
   return /* @__PURE__ */jsx2(Text, {
     ref,
     numberOfLines,
-    style: [labelStyle, style],
+    style: [labelStyle, styleProps, style],
     ...rest,
     children
   });
@@ -53,23 +54,26 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 var ROTATION_DURATION = 800;
 function ButtonSpinner({
   style,
-  animation = true
+  animation = true,
+  ...props
 }) {
   const {
     spinnerStyle
   } = useButton();
+  const [styleProps] = useStyleProps(props);
+  const ringStyle = [spinnerStyle, styleProps, style];
   if (!animation) return /* @__PURE__ */jsx3(View, {
-    style: [spinnerStyle, style]
+    style: ringStyle
   });
   return /* @__PURE__ */jsx3(SpinningRing, {
-    style: [spinnerStyle, style]
+    style: ringStyle
   });
 }
 ButtonSpinner.displayName = "XAUI.Button.Spinner";
-const _worklet_1014689086859_init_data = {
-  code: "function chunkNQ5WWF77Js1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-NQ5WWF77.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkNQ5WWF77Js1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-NQ5WWF77.js\"],\"mappings\":\"AAsEyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_6402982653390_init_data = {
+  code: "function chunkRWLODK55Js1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-RWLODK55.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkRWLODK55Js1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-RWLODK55.js\"],\"mappings\":\"AA0EyC,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function SpinningRing({
   style
@@ -82,28 +86,28 @@ function SpinningRing({
     }), -1, false);
     return () => cancelAnimation(angle);
   }, [angle]);
-  const animatedStyle = useAnimatedStyle(function chunkNQ5WWF77Js1Factory({
-    _worklet_1014689086859_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkRWLODK55Js1Factory({
+    _worklet_6402982653390_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkNQ5WWF77Js1 = function () {
+    const chunkRWLODK55Js1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunkNQ5WWF77Js1.__closure = {
+    chunkRWLODK55Js1.__closure = {
       angle
     };
-    chunkNQ5WWF77Js1.__workletHash = 1014689086859;
-    chunkNQ5WWF77Js1.__pluginVersion = "0.7.4";
-    chunkNQ5WWF77Js1.__initData = _worklet_1014689086859_init_data;
-    chunkNQ5WWF77Js1.__stackDetails = _e;
-    return chunkNQ5WWF77Js1;
+    chunkRWLODK55Js1.__workletHash = 6402982653390;
+    chunkRWLODK55Js1.__pluginVersion = "0.7.4";
+    chunkRWLODK55Js1.__initData = _worklet_6402982653390_init_data;
+    chunkRWLODK55Js1.__stackDetails = _e;
+    return chunkRWLODK55Js1;
   }({
-    _worklet_1014689086859_init_data,
+    _worklet_6402982653390_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */jsx3(Animated.View, {
@@ -150,7 +154,14 @@ var VARIANT_TOKENS = {
     bgPressed: "accentPressed",
     fg: "accentForeground"
   },
+  // The accent's soft slice, not a second neutral: `secondary` is to `primary` what
+  // `danger-soft` is to `danger`, and it reads as the same family at lower emphasis.
   secondary: {
+    bg: "accentSoft",
+    bgPressed: "accentSoftPressed",
+    fg: "accentSoftForeground"
+  },
+  default: {
     bg: "default",
     bgPressed: "defaultPressed",
     fg: "defaultForeground"
@@ -164,26 +175,6 @@ var VARIANT_TOKENS = {
     bgPressed: "defaultSoftPressed",
     fg: "foreground"
   },
-  success: {
-    bg: "success",
-    bgPressed: "successPressed",
-    fg: "successForeground"
-  },
-  "success-soft": {
-    bg: "successSoft",
-    bgPressed: "successSoftPressed",
-    fg: "successSoftForeground"
-  },
-  warning: {
-    bg: "warning",
-    bgPressed: "warningPressed",
-    fg: "warningForeground"
-  },
-  "warning-soft": {
-    bg: "warningSoft",
-    bgPressed: "warningSoftPressed",
-    fg: "warningSoftForeground"
-  },
   danger: {
     bg: "danger",
     bgPressed: "dangerPressed",
@@ -410,17 +401,15 @@ var ButtonRoot = forwardRef2(function Button({
   isLoading = false,
   isIconOnly = false,
   asChild = false,
-  // `scale` and not `scale-highlight`: the recipe's `pressed` state already paints the
-  // variant's own pressed colour, and a neutral wash on top would darken it twice.
-  feedbackVariant = "scale",
   accessibilityRole = "button",
   accessibilityState,
   style,
   onPressIn,
   onPressOut,
-  ...rest
+  ...props
 }, ref) {
   const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
   const [isPressed, press] = usePressState({
     onPressIn,
     onPressOut
@@ -461,7 +450,7 @@ var ButtonRoot = forwardRef2(function Button({
       isLoading
     };
   }, [styles, tint, isDisabled, isLoading]);
-  const rootStyle = [styles.root, tint?.root, typeof style === "function" ? style({
+  const rootStyle = [styles.root, tint?.root, styleProps, typeof style === "function" ? style({
     pressed: isPressed
   }) : style];
   const text = childrenToString(children);
@@ -476,7 +465,6 @@ var ButtonRoot = forwardRef2(function Button({
       isPressed,
       isDisabled: isDisabled || isLoading,
       asChild,
-      feedbackVariant,
       accessibilityRole,
       accessibilityState: {
         disabled: isDisabled,

package/dist/{chunk-X2K2FX3W.js → chunk-XJARE6SC.js}

@@ -107,19 +107,42 @@ function deriveTint(tint, theme) {
     foreground,
     soft: alpha(tint, 0.15),
     softForeground: mix(tint, theme.colors.foreground, 0.2),
-    pressed: mix(tint, foreground, 0.1),
+    // Towards the mode's ink, not the tint's own foreground — the same single direction
+    // the token layer takes (P2-API-REVIEW §E). A raw tint has to behave like `accent`
+    // under the finger as much as it does at rest.
+    pressed: mix(tint, theme.colors.foreground, 0.1),
     softPressed: alpha(tint, 0.2)
   };
   cache.set(key, derived);
   return derived;
 }
 
+// src/utils/stable-hash.ts
+function canonical(value) {
+  if (value === null || typeof value !== "object") return JSON.stringify(value) ?? "null";
+  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
+  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
+  return `{${entries.join(",")}}`;
+}
+function stableHash(value) {
+  const input = canonical(value);
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i++) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash.toString(36);
+}
+
 export {
   ThemeContext,
   useXAUITheme,
   useColorMode,
   useThemeColor,
+  stableHash,
+  isHex,
   mix,
   alpha,
+  contrastOn,
   deriveTint
 };

package/dist/components/button/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunk6OHFG32Ycjs = require('../../chunk-6OHFG32Y.cjs');
-require('../../chunk-E2UGZJBT.cjs');
-require('../../chunk-3QBT3Q65.cjs');
+var _chunkMLJ543GPcjs = require('../../chunk-MLJ543GP.cjs');
+require('../../chunk-IVVFYUDW.cjs');
+require('../../chunk-6N5JXRUZ.cjs');
 
 
 
 
-exports.Button = _chunk6OHFG32Ycjs.Button; exports.buttonRecipe = _chunk6OHFG32Ycjs.buttonRecipe; exports.useButton = _chunk6OHFG32Ycjs.useButton;
+exports.Button = _chunkMLJ543GPcjs.Button; exports.buttonRecipe = _chunkMLJ543GPcjs.buttonRecipe; exports.useButton = _chunkMLJ543GPcjs.useButton;