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

package/dist/{chunk-7XGOXTGT.js → chunk-5TKZV7IC.js}

@@ -1,29 +1,13 @@
 import {
   ThemeContext,
   alpha,
-  mix
-} from "./chunk-X2K2FX3W.js";
+  mix,
+  stableHash
+} from "./chunk-EMXBFHIP.js";
 
 // src/provider/xaui-provider.tsx
 import { useColorScheme } from "react-native";
 
-// 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);
-}
-
 // src/theme/derive-colors.ts
 function deriveColors(s) {
   return {

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

@@ -36,11 +36,11 @@ function _optionalChain(ops) {
   }
   return value;
 }
-var _chunkE2UGZJBTcjs = require('./chunk-E2UGZJBT.cjs');
-var _chunk3QBT3Q65cjs = require('./chunk-3QBT3Q65.cjs');
+var _chunkGZIOB63Ocjs = require('./chunk-GZIOB63O.cjs');
+var _chunkFDUI4IAMcjs = require('./chunk-FDUI4IAM.cjs');
 
 // src/components/button/button.context.ts
-var [ButtonProvider, useButton] = _chunkE2UGZJBTcjs.createSlotContext.call(void 0, "Button");
+var [ButtonProvider, useButton] = _chunkGZIOB63Ocjs.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, _chunkGZIOB63Ocjs.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] = _chunkGZIOB63Ocjs.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] = _chunkGZIOB63Ocjs.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_5280721983457_init_data = {
+  code: "function chunkCTULMYVICjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CTULMYVI.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkCTULMYVICjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CTULMYVI.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 chunkCTULMYVICjs1Factory({
+    _worklet_5280721983457_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunk6OHFG32YCjs1 = function () {
+    const chunkCTULMYVICjs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunk6OHFG32YCjs1.__closure = {
+    chunkCTULMYVICjs1.__closure = {
       angle
     };
-    chunk6OHFG32YCjs1.__workletHash = 5045091769452;
-    chunk6OHFG32YCjs1.__pluginVersion = "0.7.4";
-    chunk6OHFG32YCjs1.__initData = _worklet_5045091769452_init_data;
-    chunk6OHFG32YCjs1.__stackDetails = _e;
-    return chunk6OHFG32YCjs1;
+    chunkCTULMYVICjs1.__workletHash = 5280721983457;
+    chunkCTULMYVICjs1.__pluginVersion = "0.7.4";
+    chunkCTULMYVICjs1.__initData = _worklet_5280721983457_init_data;
+    chunkCTULMYVICjs1.__stackDetails = _e;
+    return chunkCTULMYVICjs1;
   }({
-    _worklet_5045091769452_init_data,
+    _worklet_5280721983457_init_data,
     angle
   }), [angle]);
   return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
@@ -263,7 +267,7 @@ function sizeAxis(step) {
     spinner: ring(theme, theme.fontSizes[glyph])
   });
 }
-var buttonRecipe = _chunkE2UGZJBTcjs.createRecipe.call(void 0, {
+var buttonRecipe = _chunkGZIOB63Ocjs.createRecipe.call(void 0, {
   slots: SLOTS,
   base: theme => ({
     root: {
@@ -444,17 +448,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 = _chunkFDUI4IAMcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkGZIOB63Ocjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = usePressState({
     onPressIn,
     onPressOut
@@ -495,22 +497,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 = _chunkGZIOB63Ocjs.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, _chunkGZIOB63Ocjs.PressableFeedback, {
       ref,
       isPressed,
       isDisabled: isDisabled || isLoading,
       asChild,
-      feedbackVariant,
       accessibilityRole,
       accessibilityState: {
         disabled: isDisabled,

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

@@ -114,12 +114,32 @@ function deriveTint(tint, theme) {
   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/{chunk-2FEDC7U5.cjs → chunk-ESOOMXV4.cjs}

@@ -2,63 +2,47 @@
 
 
 
-var _chunk3QBT3Q65cjs = require('./chunk-3QBT3Q65.cjs');
+
+var _chunkFDUI4IAMcjs = require('./chunk-FDUI4IAM.cjs');
 
 // src/provider/xaui-provider.tsx
 var _reactnative = require('react-native');
 
-// src/utils/stable-hash.ts
-function canonical(value) {
-  if (value === null || typeof value !== "object") return _nullishCoalesce(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);
-}
-
 // src/theme/derive-colors.ts
 function deriveColors(s) {
   return {
-    accentPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.accent, s.accentForeground, 0.1),
-    successPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.success, s.successForeground, 0.1),
-    warningPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.warning, s.warningForeground, 0.1),
-    dangerPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.danger, s.dangerForeground, 0.1),
-    defaultPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.default, s.defaultForeground, 0.04),
-    surfacePressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.08),
-    defaultSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.default, 0.5),
+    accentPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.accent, s.accentForeground, 0.1),
+    successPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.success, s.successForeground, 0.1),
+    warningPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.warning, s.warningForeground, 0.1),
+    dangerPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.danger, s.dangerForeground, 0.1),
+    defaultPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.default, s.defaultForeground, 0.04),
+    surfacePressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.08),
+    defaultSoft: _chunkFDUI4IAMcjs.alpha.call(void 0, s.default, 0.5),
     defaultSoftForeground: s.defaultForeground,
-    defaultSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.default, 0.6),
-    accentSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.accent, 0.15),
-    accentSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.accent, s.foreground, 0.2),
-    accentSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.accent, 0.2),
-    successSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.success, 0.15),
-    successSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.success, s.foreground, 0.3),
-    successSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.success, 0.2),
-    warningSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.warning, 0.15),
-    warningSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.warning, s.foreground, 0.35),
-    warningSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.warning, 0.2),
-    dangerSoft: _chunk3QBT3Q65cjs.alpha.call(void 0, s.danger, 0.15),
-    dangerSoftForeground: _chunk3QBT3Q65cjs.mix.call(void 0, s.danger, s.foreground, 0.2),
-    dangerSoftPressed: _chunk3QBT3Q65cjs.alpha.call(void 0, s.danger, 0.2),
-    backgroundSecondary: _chunk3QBT3Q65cjs.mix.call(void 0, s.background, s.foreground, 0.04),
-    backgroundTertiary: _chunk3QBT3Q65cjs.mix.call(void 0, s.background, s.foreground, 0.08),
+    defaultSoftPressed: _chunkFDUI4IAMcjs.alpha.call(void 0, s.default, 0.6),
+    accentSoft: _chunkFDUI4IAMcjs.alpha.call(void 0, s.accent, 0.15),
+    accentSoftForeground: _chunkFDUI4IAMcjs.mix.call(void 0, s.accent, s.foreground, 0.2),
+    accentSoftPressed: _chunkFDUI4IAMcjs.alpha.call(void 0, s.accent, 0.2),
+    successSoft: _chunkFDUI4IAMcjs.alpha.call(void 0, s.success, 0.15),
+    successSoftForeground: _chunkFDUI4IAMcjs.mix.call(void 0, s.success, s.foreground, 0.3),
+    successSoftPressed: _chunkFDUI4IAMcjs.alpha.call(void 0, s.success, 0.2),
+    warningSoft: _chunkFDUI4IAMcjs.alpha.call(void 0, s.warning, 0.15),
+    warningSoftForeground: _chunkFDUI4IAMcjs.mix.call(void 0, s.warning, s.foreground, 0.35),
+    warningSoftPressed: _chunkFDUI4IAMcjs.alpha.call(void 0, s.warning, 0.2),
+    dangerSoft: _chunkFDUI4IAMcjs.alpha.call(void 0, s.danger, 0.15),
+    dangerSoftForeground: _chunkFDUI4IAMcjs.mix.call(void 0, s.danger, s.foreground, 0.2),
+    dangerSoftPressed: _chunkFDUI4IAMcjs.alpha.call(void 0, s.danger, 0.2),
+    backgroundSecondary: _chunkFDUI4IAMcjs.mix.call(void 0, s.background, s.foreground, 0.04),
+    backgroundTertiary: _chunkFDUI4IAMcjs.mix.call(void 0, s.background, s.foreground, 0.08),
     backgroundInverse: s.foreground,
-    borderSecondary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.22),
-    borderTertiary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.34),
-    separatorSecondary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.15),
-    separatorTertiary: _chunk3QBT3Q65cjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.19),
-    fieldPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.fieldBackground, s.fieldForeground, 0.1),
+    borderSecondary: _chunkFDUI4IAMcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.22),
+    borderTertiary: _chunkFDUI4IAMcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.34),
+    separatorSecondary: _chunkFDUI4IAMcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.15),
+    separatorTertiary: _chunkFDUI4IAMcjs.mix.call(void 0, s.surface, s.surfaceForeground, 0.19),
+    fieldPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.fieldBackground, s.fieldForeground, 0.1),
     fieldFocus: s.fieldBackground,
-    fieldBorderPressed: _chunk3QBT3Q65cjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.12),
-    fieldBorderFocus: _chunk3QBT3Q65cjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.26)
+    fieldBorderPressed: _chunkFDUI4IAMcjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.12),
+    fieldBorderFocus: _chunkFDUI4IAMcjs.mix.call(void 0, s.fieldBorder, s.fieldForeground, 0.26)
   };
 }
 
@@ -377,7 +361,7 @@ function resolveMode(mode, config, id) {
   };
 }
 function createTheme(config = {}) {
-  const id = stableHash(config);
+  const id = _chunkFDUI4IAMcjs.stableHash.call(void 0, config);
   return {
     id,
     light: resolveMode("light", config, id),
@@ -395,7 +379,7 @@ function XAUIProvider({
 }) {
   const scheme = _reactnative.useColorScheme.call(void 0, );
   const resolved = colorMode === "system" ? scheme === "dark" ? "dark" : "light" : colorMode;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QBT3Q65cjs.ThemeContext.Provider, { value: theme[resolved], children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDUI4IAMcjs.ThemeContext.Provider, { value: theme[resolved], children });
 }
 
 // src/theme/palette.ts

package/dist/{chunk-3QBT3Q65.cjs → chunk-FDUI4IAM.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/theme/theme-context.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/theme/theme-context.ts
 var _react = require('react');
 var ThemeContext = _react.createContext.call(void 0, null);
 
@@ -114,6 +114,26 @@ function deriveTint(tint, theme) {
   return derived;
 }
 
+// src/utils/stable-hash.ts
+function canonical(value) {
+  if (value === null || typeof value !== "object") return _nullishCoalesce(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);
+}
+
+
+
+
 
 
 
@@ -122,4 +142,4 @@ function deriveTint(tint, theme) {
 
 
 
-exports.ThemeContext = ThemeContext; exports.useXAUITheme = useXAUITheme; exports.useColorMode = useColorMode; exports.useThemeColor = useThemeColor; exports.mix = mix; exports.alpha = alpha; exports.deriveTint = deriveTint;
+exports.ThemeContext = ThemeContext; exports.useXAUITheme = useXAUITheme; exports.useColorMode = useColorMode; exports.useThemeColor = useThemeColor; exports.stableHash = stableHash; exports.isHex = isHex; exports.mix = mix; exports.alpha = alpha; exports.contrastOn = contrastOn; exports.deriveTint = deriveTint;