@xaui/native 0.9.1-alpha.17 → 0.9.1-alpha.19

package/dist/chunk-UVO4GFSW.cjs

@@ -0,0 +1,150 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+// src/system/recipe/resolve-tint.ts
+var TINT_SLICE_BY_SUFFIX = [
+  [/SoftForeground$/, "softForeground"],
+  [/SoftPressed$/, "softPressed"],
+  [/Soft$/, "soft"],
+  [/Foreground$/, "foreground"],
+  [/Pressed$/, "pressed"]
+];
+function tintSliceFor(token) {
+  for (const [suffix, slice] of TINT_SLICE_BY_SUFFIX) {
+    if (suffix.test(token)) return slice;
+  }
+  return "base";
+}
+function resolveTint(tokens, color, theme) {
+  const tint = _chunk57SJ4LJFcjs.deriveTint.call(void 0, color, theme);
+  const colors = {};
+  for (const [role, token] of Object.entries(_nullishCoalesce(tokens, () => ( {})))) {
+    colors[role] = tint[tintSliceFor(token)];
+  }
+  return colors;
+}
+
+// src/system/recipe/style-cache.ts
+var _reactnative = require('react-native');
+
+// src/system/recipe/variant-map.ts
+var STATE_ORDER = ["focused", "pressed", "disabled"];
+function resolveSelection(defaultVariants, selection) {
+  const resolved = { ...defaultVariants };
+  for (const [axis, value] of Object.entries(_nullishCoalesce(selection, () => ( {})))) {
+    if (value !== void 0) resolved[axis] = value;
+  }
+  return resolved;
+}
+function resolveVariantColors(tokens, theme) {
+  const colors = {};
+  for (const [role, token] of entriesOf(tokens)) {
+    const value = theme.colors[token];
+    if (value === void 0) {
+      throw new Error(
+        `XAUI: the recipe names "${token}" for its "${role}" role, but the theme has no such colour token. Check the spelling against XAUIColors.`
+      );
+    }
+    colors[role] = value;
+  }
+  return colors;
+}
+function activeStateFns(states, active) {
+  const fns = [];
+  for (const state of STATE_ORDER) {
+    const fn = active[state] ? _optionalChain([states, 'optionalAccess', _ => _[state]]) : void 0;
+    if (fn) fns.push(fn);
+  }
+  return fns;
+}
+function collectStyleFns(config, selection, states) {
+  const fns = [];
+  if (config.base) fns.push(config.base);
+  if (config.paint) fns.push(config.paint);
+  for (const [axis, values] of Object.entries(_nullishCoalesce(config.variants, () => ( {})))) {
+    const value = selection[axis];
+    const fn = value === void 0 ? void 0 : values[value];
+    if (fn) fns.push(fn);
+  }
+  for (const compound of _nullishCoalesce(config.compoundVariants, () => ( []))) {
+    if (appliesTo(compound.when, selection)) fns.push(compound.style);
+  }
+  return [...fns, ...activeStateFns(config.states, states)];
+}
+function appliesTo(when, selection) {
+  return Object.entries(when).every(([axis, value]) => selection[axis] === value);
+}
+function entriesOf(tokens) {
+  return Object.entries(_nullishCoalesce(tokens, () => ( {})));
+}
+
+// src/system/recipe/style-cache.ts
+function createStyleCache(slots) {
+  const entries = /* @__PURE__ */ new Map();
+  return {
+    read(key, build) {
+      const hit = entries.get(key);
+      if (hit) return hit;
+      const built = build();
+      const complete = {};
+      for (const slot of slots) complete[slot] = _nullishCoalesce(built[slot], () => ( {}));
+      const created = _reactnative.StyleSheet.create(complete);
+      entries.set(key, created);
+      return created;
+    },
+    get size() {
+      return entries.size;
+    },
+    clear() {
+      entries.clear();
+    }
+  };
+}
+function cacheKey(theme, selection, states) {
+  const axes = Object.keys(selection).sort().map((axis) => `${axis}:${_nullishCoalesce(selection[axis], () => ( "-"))}`).join("|");
+  const active = STATE_ORDER.filter((state) => states[state]).join(",");
+  return `${theme.id}|${theme.mode}|${axes}|${active}`;
+}
+
+// src/system/recipe/create-recipe.ts
+function createRecipe(config) {
+  const cache = createStyleCache(config.slots);
+  const tokensFor = (variant) => variant === void 0 ? void 0 : _optionalChain([config, 'access', _2 => _2.variantTokens, 'optionalAccess', _3 => _3[variant]]);
+  return {
+    slots: config.slots,
+    resolve({ theme, selection, states = {} }) {
+      const resolved = resolveSelection(config.defaultVariants, selection);
+      return cache.read(cacheKey(theme, resolved, states), () => {
+        const colors = resolveVariantColors(tokensFor(resolved.variant), theme);
+        return apply(collectStyleFns(config, resolved, states), theme, colors);
+      });
+    },
+    tint({ theme, color, selection, states = {} }) {
+      if (!config.paint) return {};
+      const resolved = resolveSelection(config.defaultVariants, selection);
+      const tokens = tokensFor(resolved.variant);
+      if (!tokens) return {};
+      const colors = resolveTint(tokens, color, theme);
+      const fns = [config.paint, ...activeStateFns(config.states, states)];
+      return apply(fns, theme, colors);
+    }
+  };
+}
+function apply(fns, theme, colors) {
+  const merged = {};
+  for (const fn of fns) {
+    const produced = fn(theme, colors);
+    for (const slot of Object.keys(produced)) {
+      const style = produced[slot];
+      if (!style) continue;
+      const previous = merged[slot];
+      merged[slot] = previous ? { ...previous, ...style } : style;
+    }
+  }
+  return merged;
+}
+
+
+
+exports.createRecipe = createRecipe;

package/dist/{chunk-F432IDIW.js → chunk-WXAME7KB.js}

@@ -1,5 +1,5 @@
-import { Slot, createSlotContext, useStyleProps } from "./chunk-4K3LZS7M.js";
-import { contrastOn, isHex, useXAUITheme } from "./chunk-XJARE6SC.js";
+import { Slot, createSlotContext, useStyleProps } from "./chunk-EXX6ATAS.js";
+import { contrastOn, isHex, useXAUITheme } from "./chunk-A3EGFI6T.js";
 
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";
@@ -13,46 +13,53 @@ function useIconContext() {
 import { cloneElement, isValidElement } from "react";
 import { Image } from "react-native";
 import { jsx } from "react/jsx-runtime";
-function Icon({
-  as: Component,
-  children,
-  source,
-  size,
-  color,
-  style,
-  ...props
-}) {
+function Icon(props) {
   const inherited = useIconContext();
   const theme = useXAUITheme();
-  const [styleProps] = useStyleProps(props);
-  const resolvedSize = size ?? inherited.size ?? theme.fontSizes.md;
-  const resolvedColor = color ?? inherited.color ?? theme.colors.foreground;
-  if (Component) {
+  const size = props.size ?? inherited.size ?? theme.fontSizes.md;
+  const color = props.color ?? inherited.color ?? theme.colors.foreground;
+  if (props.as) {
+    const Component = props.as;
     return /* @__PURE__ */jsx(Component, {
-      size: resolvedSize,
-      color: resolvedColor
-    });
-  }
-  if (isValidElement(children)) {
-    return cloneElement(children, {
-      width: resolvedSize,
-      height: resolvedSize,
-      color: resolvedColor
+      size,
+      color
     });
   }
-  if (source) {
-    return /* @__PURE__ */jsx(Image, {
-      source,
-      style: [{
-        width: resolvedSize,
-        height: resolvedSize,
-        tintColor: resolvedColor
-      }, styleProps, style]
+  if (isValidElement(props.children)) {
+    return cloneElement(props.children, {
+      width: size,
+      height: size,
+      color
     });
   }
+  if (props.source) return /* @__PURE__ */jsx(IconImage, {
+    ...props,
+    resolved: {
+      size,
+      color
+    }
+  });
   throw new Error("XAUI: Icon needs one of `as` (an icon component), a raw SVG element as its child, or `source` (an image). It renders nothing on its own.");
 }
 Icon.displayName = "XAUI.Icon";
+function IconImage({
+  source,
+  style,
+  resolved,
+  size: _size,
+  color: _color,
+  ...props
+}) {
+  const [styleProps] = useStyleProps(props);
+  return /* @__PURE__ */jsx(Image, {
+    source,
+    style: [{
+      width: resolved.size,
+      height: resolved.size,
+      tintColor: resolved.color
+    }, styleProps, style]
+  });
+}
 
 // src/system/pressable-feedback/pressable-feedback-context.ts
 import { createContext as createContext2 } from "react";
@@ -63,13 +70,13 @@ var DisableAllContext = createContext2(false);
 var PRESS_SCALE = 0.985;
 var PRESS_DURATION = 300;
 var SCALE_REFERENCE_WIDTH = 300;
-const _worklet_12908961525296_init_data = {
-  code: "function pressScaleFor_chunkF432IDIWJs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js",
-  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkF432IDIWJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js\"],\"mappings\":\"AA2EA,SAAAA,8BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
+const _worklet_1477207651784_init_data = {
+  code: "function pressScaleFor_chunkWXAME7KBJs1(width){const{SCALE_REFERENCE_WIDTH,PRESS_SCALE}=this.__closure;const coefficient=width>0?SCALE_REFERENCE_WIDTH/width:1;return 1-(1-PRESS_SCALE)*coefficient;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"pressScaleFor_chunkWXAME7KBJs1\",\"width\",\"SCALE_REFERENCE_WIDTH\",\"PRESS_SCALE\",\"__closure\",\"coefficient\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AA4EA,SAAAA,8BAA8BA,CAAAC,KAAA,QAAAC,qBAAA,CAAAC,WAAA,OAAAC,SAAA,CAE5B,KAAM,CAAAC,WAAW,CAAGJ,KAAK,CAAG,CAAC,CAAGC,qBAAqB,CAAGD,KAAK,CAAG,CAAC,CACjE,MAAO,EAAC,CAAG,CAAC,CAAC,CAAGE,WAAW,EAAIE,WAAW,CAC5C\",\"ignoreList\":[]}"
 };
-const pressScaleFor = function pressScaleFor_chunkF432IDIWJs1Factory({
-  _worklet_12908961525296_init_data,
+const pressScaleFor = function pressScaleFor_chunkWXAME7KBJs1Factory({
+  _worklet_1477207651784_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 }) {
@@ -82,13 +89,13 @@ const pressScaleFor = function pressScaleFor_chunkF432IDIWJs1Factory({
     SCALE_REFERENCE_WIDTH,
     PRESS_SCALE
   };
-  pressScaleFor.__workletHash = 12908961525296;
+  pressScaleFor.__workletHash = 1477207651784;
   pressScaleFor.__pluginVersion = "0.7.4";
-  pressScaleFor.__initData = _worklet_12908961525296_init_data;
+  pressScaleFor.__initData = _worklet_1477207651784_init_data;
   pressScaleFor.__stackDetails = _e;
   return pressScaleFor;
 }({
-  _worklet_12908961525296_init_data,
+  _worklet_1477207651784_init_data,
   SCALE_REFERENCE_WIDTH,
   PRESS_SCALE
 });
@@ -101,26 +108,26 @@ var RIPPLE_CONFIRM_DURATION = 225;
 var RIPPLE_FADE_IN = 75;
 var RIPPLE_FADE_OUT_DELAY = 225;
 var RIPPLE_FADE_OUT = 150;
-const _worklet_1880833073675_init_data = {
-  code: "function rippleRadiusFor_chunkF432IDIWJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js",
-  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkF432IDIWJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js\"],\"mappings\":\"AAyFA,SAAAA,gCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
+const _worklet_6998368132659_init_data = {
+  code: "function rippleRadiusFor_chunkWXAME7KBJs2(width,height){return Math.sqrt(width*width+height*height)/2+5;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"rippleRadiusFor_chunkWXAME7KBJs2\",\"width\",\"height\",\"Math\",\"sqrt\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AA0FA,SAAAA,gCAAwCA,CAAAC,KAAA,CAAAC,MAAA,EAEtC,MAAO,CAAAC,IAAI,CAACC,IAAI,CAACH,KAAK,CAAGA,KAAK,CAAGC,MAAM,CAAGA,MAAM,CAAC,CAAG,CAAC,CAAG,CAAC,CAC3D\",\"ignoreList\":[]}"
 };
-const rippleRadiusFor = function rippleRadiusFor_chunkF432IDIWJs2Factory({
-  _worklet_1880833073675_init_data
+const rippleRadiusFor = function rippleRadiusFor_chunkWXAME7KBJs2Factory({
+  _worklet_6998368132659_init_data
 }) {
   const _e = [new global.Error(), 1, -27];
   const rippleRadiusFor = function (width, height) {
     return Math.sqrt(width * width + height * height) / 2 + 5;
   };
   rippleRadiusFor.__closure = {};
-  rippleRadiusFor.__workletHash = 1880833073675;
+  rippleRadiusFor.__workletHash = 6998368132659;
   rippleRadiusFor.__pluginVersion = "0.7.4";
-  rippleRadiusFor.__initData = _worklet_1880833073675_init_data;
+  rippleRadiusFor.__initData = _worklet_6998368132659_init_data;
   rippleRadiusFor.__stackDetails = _e;
   return rippleRadiusFor;
 }({
-  _worklet_1880833073675_init_data
+  _worklet_6998368132659_init_data
 });
 var ALL_OFF = {
   scale: false,
@@ -294,15 +301,15 @@ var StaticFeedback = forwardRef(function StaticFeedback2({
     })
   });
 });
-const _worklet_15277282018622_init_data = {
-  code: "function chunkF432IDIWJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkF432IDIWJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js\"],\"mappings\":\"AAuQuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
+const _worklet_3682262406534_init_data = {
+  code: "function chunkWXAME7KBJs3(){const{pressScaleFor,size}=this.__closure;return pressScaleFor(size.value.width);}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs3\",\"pressScaleFor\",\"size\",\"__closure\",\"value\",\"width\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAwQuC,SAAAA,iBAAA,QAAAC,aAAA,CAAAC,IAAA,OAAAC,SAAA,OAAM,CAAAF,aAAc,CAAAC,IAAK,CAAAE,KAAM,CAAAC,KAAK\",\"ignoreList\":[]}"
 };
-const _worklet_1413470399342_init_data = {
-  code: "function chunkF432IDIWJs4(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkF432IDIWJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js\"],\"mappings\":\"AAwQyC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE3C,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
+const _worklet_10640067524054_init_data = {
+  code: "function chunkWXAME7KBJs4(){const{animation,pressedScale,progress}=this.__closure;if(!animation.scale)return{};return{transform:[{scale:1-(1-pressedScale.value)*progress.value}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs4\",\"animation\",\"pressedScale\",\"progress\",\"__closure\",\"scale\",\"transform\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAyQyC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,YAAA,CAAAC,QAAA,OAAAC,SAAA,CAE3C,GAAI,CAACH,SAAS,CAACI,KAAK,CAAE,MAAO,CAAC,CAAC,CAC/B,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAED,KAAK,CAAE,CAAC,CAAG,CAAC,CAAC,CAAGH,YAAY,CAACK,KAAK,EAAIJ,QAAQ,CAACI,KAAM,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
 };
 var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
   isPressed = false,
@@ -330,35 +337,35 @@ var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
       easing: Easing.out(Easing.ease)
     });
   }, [isPressed, progress]);
-  const pressedScale = useDerivedValue(function chunkF432IDIWJs3Factory({
-    _worklet_15277282018622_init_data,
+  const pressedScale = useDerivedValue(function chunkWXAME7KBJs3Factory({
+    _worklet_3682262406534_init_data,
     pressScaleFor,
     size
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkF432IDIWJs3 = () => pressScaleFor(size.value.width);
-    chunkF432IDIWJs3.__closure = {
+    const chunkWXAME7KBJs3 = () => pressScaleFor(size.value.width);
+    chunkWXAME7KBJs3.__closure = {
       pressScaleFor,
       size
     };
-    chunkF432IDIWJs3.__workletHash = 15277282018622;
-    chunkF432IDIWJs3.__pluginVersion = "0.7.4";
-    chunkF432IDIWJs3.__initData = _worklet_15277282018622_init_data;
-    chunkF432IDIWJs3.__stackDetails = _e;
-    return chunkF432IDIWJs3;
+    chunkWXAME7KBJs3.__workletHash = 3682262406534;
+    chunkWXAME7KBJs3.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs3.__initData = _worklet_3682262406534_init_data;
+    chunkWXAME7KBJs3.__stackDetails = _e;
+    return chunkWXAME7KBJs3;
   }({
-    _worklet_15277282018622_init_data,
+    _worklet_3682262406534_init_data,
     pressScaleFor,
     size
   }));
-  const animatedStyle = useAnimatedStyle(function chunkF432IDIWJs4Factory({
-    _worklet_1413470399342_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkWXAME7KBJs4Factory({
+    _worklet_10640067524054_init_data,
     animation,
     pressedScale,
     progress
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkF432IDIWJs4 = function () {
+    const chunkWXAME7KBJs4 = function () {
       if (!animation.scale) return {};
       return {
         transform: [{
@@ -366,18 +373,18 @@ var AnimatedFeedback = forwardRef(function AnimatedFeedback2({
         }]
       };
     };
-    chunkF432IDIWJs4.__closure = {
+    chunkWXAME7KBJs4.__closure = {
       animation,
       pressedScale,
       progress
     };
-    chunkF432IDIWJs4.__workletHash = 1413470399342;
-    chunkF432IDIWJs4.__pluginVersion = "0.7.4";
-    chunkF432IDIWJs4.__initData = _worklet_1413470399342_init_data;
-    chunkF432IDIWJs4.__stackDetails = _e;
-    return chunkF432IDIWJs4;
+    chunkWXAME7KBJs4.__workletHash = 10640067524054;
+    chunkWXAME7KBJs4.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs4.__initData = _worklet_10640067524054_init_data;
+    chunkWXAME7KBJs4.__stackDetails = _e;
+    return chunkWXAME7KBJs4;
   }({
-    _worklet_1413470399342_init_data,
+    _worklet_10640067524054_init_data,
     animation,
     pressedScale,
     progress
@@ -522,10 +529,10 @@ function PressableFeedbackHighlight({
 }
 PressableFeedbackHighlight.displayName = "XAUI.PressableFeedback.Highlight";
 markOverlay(PressableFeedbackHighlight);
-const _worklet_12670811315294_init_data = {
-  code: "function chunkF432IDIWJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkF432IDIWJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js\"],\"mappings\":\"AAsZ0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
+const _worklet_4673236042662_init_data = {
+  code: "function chunkWXAME7KBJs5(){const{shown,opacity}=this.__closure;return{opacity:shown.value*opacity};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs5\",\"shown\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAuZ0C,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,OAAA,OAAAC,SAAA,CAE5C,MAAO,CAAED,OAAO,CAAED,KAAK,CAACG,KAAK,CAAGF,OAAQ,CAAC,CAC3C\",\"ignoreList\":[]}"
 };
 function AnimatedHighlight({
   base,
@@ -541,28 +548,28 @@ function AnimatedHighlight({
       duration
     });
   }, [isPressed, shown, duration]);
-  const animatedStyle = useAnimatedStyle2(function chunkF432IDIWJs5Factory({
-    _worklet_12670811315294_init_data,
+  const animatedStyle = useAnimatedStyle2(function chunkWXAME7KBJs5Factory({
+    _worklet_4673236042662_init_data,
     shown,
     opacity
   }) {
     const _e = [new global.Error(), -3, -27];
-    const chunkF432IDIWJs5 = function () {
+    const chunkWXAME7KBJs5 = function () {
       return {
         opacity: shown.value * opacity
       };
     };
-    chunkF432IDIWJs5.__closure = {
+    chunkWXAME7KBJs5.__closure = {
       shown,
       opacity
     };
-    chunkF432IDIWJs5.__workletHash = 12670811315294;
-    chunkF432IDIWJs5.__pluginVersion = "0.7.4";
-    chunkF432IDIWJs5.__initData = _worklet_12670811315294_init_data;
-    chunkF432IDIWJs5.__stackDetails = _e;
-    return chunkF432IDIWJs5;
+    chunkWXAME7KBJs5.__workletHash = 4673236042662;
+    chunkWXAME7KBJs5.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs5.__initData = _worklet_4673236042662_init_data;
+    chunkWXAME7KBJs5.__stackDetails = _e;
+    return chunkWXAME7KBJs5;
   }({
-    _worklet_12670811315294_init_data,
+    _worklet_4673236042662_init_data,
     shown,
     opacity
   }), [shown, opacity]);
@@ -629,10 +636,10 @@ function PressableFeedbackRipple({
 }
 PressableFeedbackRipple.displayName = "XAUI.PressableFeedback.Ripple";
 markOverlay(PressableFeedbackRipple);
-const _worklet_5608199590865_init_data = {
-  code: "function chunkF432IDIWJs6(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkF432IDIWJs6\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F432IDIW.js\"],\"mappings\":\"AAsd0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
+const _worklet_1833417637801_init_data = {
+  code: "function chunkWXAME7KBJs6(){const{wave,RIPPLE_START_SCALE,center,opacity,radius}=this.__closure;const t=wave.expand.value;const from=wave.origin.value;const scale=RIPPLE_START_SCALE+(1-RIPPLE_START_SCALE)*t;const x=from.x+(center.x-from.x)*t;const y=from.y+(center.y-from.y)*t;return{opacity:wave.alpha.value*opacity,transform:[{translateX:x-radius},{translateY:y-radius},{scale:scale}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkWXAME7KBJs6\",\"wave\",\"RIPPLE_START_SCALE\",\"center\",\"opacity\",\"radius\",\"__closure\",\"t\",\"expand\",\"value\",\"from\",\"origin\",\"scale\",\"x\",\"y\",\"alpha\",\"transform\",\"translateX\",\"translateY\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-WXAME7KB.js\"],\"mappings\":\"AAud0C,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,kBAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,KAAM,CAAAC,CAAC,CAAGN,IAAI,CAACO,MAAM,CAACC,KAAK,CAC3B,KAAM,CAAAC,IAAI,CAAGT,IAAI,CAACU,MAAM,CAACF,KAAK,CAC9B,KAAM,CAAAG,KAAK,CAAGV,kBAAkB,CAAG,CAAC,CAAC,CAAGA,kBAAkB,EAAIK,CAAC,CAC/D,KAAM,CAAAM,CAAC,CAAGH,IAAI,CAACG,CAAC,CAAG,CAACV,MAAM,CAACU,CAAC,CAAGH,IAAI,CAACG,CAAC,EAAIN,CAAC,CAC1C,KAAM,CAAAO,CAAC,CAAGJ,IAAI,CAACI,CAAC,CAAG,CAACX,MAAM,CAACW,CAAC,CAAGJ,IAAI,CAACI,CAAC,EAAIP,CAAC,CAC1C,MAAO,CAELH,OAAO,CAAEH,IAAI,CAACc,KAAK,CAACN,KAAK,CAAGL,OAAO,CACnCY,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEJ,CAAC,CAAGR,MAAO,CAAC,CAAE,CAAEa,UAAU,CAAEJ,CAAC,CAAGT,MAAO,CAAC,CAAE,CAAEO,KAAA,CAAAA,KAAM,CAAC,CAC/E,CAAC,CACH\",\"ignoreList\":[]}"
 };
 function RippleWave({
   wave,
@@ -642,8 +649,8 @@ function RippleWave({
   opacity,
   style
 }) {
-  const animatedStyle = useAnimatedStyle3(function chunkF432IDIWJs6Factory({
-    _worklet_5608199590865_init_data,
+  const animatedStyle = useAnimatedStyle3(function chunkWXAME7KBJs6Factory({
+    _worklet_1833417637801_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,
@@ -651,7 +658,7 @@ function RippleWave({
     radius
   }) {
     const _e = [new global.Error(), -6, -27];
-    const chunkF432IDIWJs6 = function () {
+    const chunkWXAME7KBJs6 = function () {
       const t = wave.expand.value;
       const from = wave.origin.value;
       const scale = RIPPLE_START_SCALE + (1 - RIPPLE_START_SCALE) * t;
@@ -669,20 +676,20 @@ function RippleWave({
         }]
       };
     };
-    chunkF432IDIWJs6.__closure = {
+    chunkWXAME7KBJs6.__closure = {
       wave,
       RIPPLE_START_SCALE,
       center,
       opacity,
       radius
     };
-    chunkF432IDIWJs6.__workletHash = 5608199590865;
-    chunkF432IDIWJs6.__pluginVersion = "0.7.4";
-    chunkF432IDIWJs6.__initData = _worklet_5608199590865_init_data;
-    chunkF432IDIWJs6.__stackDetails = _e;
-    return chunkF432IDIWJs6;
+    chunkWXAME7KBJs6.__workletHash = 1833417637801;
+    chunkWXAME7KBJs6.__pluginVersion = "0.7.4";
+    chunkWXAME7KBJs6.__initData = _worklet_1833417637801_init_data;
+    chunkWXAME7KBJs6.__stackDetails = _e;
+    return chunkWXAME7KBJs6;
   }({
-    _worklet_5608199590865_init_data,
+    _worklet_1833417637801_init_data,
     wave,
     RIPPLE_START_SCALE,
     center,

package/dist/{chunk-L3AQNVRN.js → chunk-XHZBXYVU.js}

@@ -1,6 +1,6 @@
 import {
   useStyleProps
-} from "./chunk-4K3LZS7M.js";
+} from "./chunk-EXX6ATAS.js";
 
 // src/system/portal/portal.tsx
 import { useContext, useId, useLayoutEffect } from "react";

package/dist/components/button/index.cjs

@@ -2,12 +2,14 @@
 
 
 
-var _chunkIZYRU7S2cjs = require('../../chunk-IZYRU7S2.cjs');
-require('../../chunk-2UICXD3Q.cjs');
-require('../../chunk-5SU7FXWH.cjs');
-require('../../chunk-6N5JXRUZ.cjs');
+var _chunk6ARON3XTcjs = require('../../chunk-6ARON3XT.cjs');
+require('../../chunk-A4VD4MHK.cjs');
+require('../../chunk-UVO4GFSW.cjs');
+require('../../chunk-EVXZGNPA.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-MC7SY2QH.cjs');
 
 
 
 
-exports.Button = _chunkIZYRU7S2cjs.Button; exports.buttonRecipe = _chunkIZYRU7S2cjs.buttonRecipe; exports.useButton = _chunkIZYRU7S2cjs.useButton;
+exports.Button = _chunk6ARON3XTcjs.Button; exports.buttonRecipe = _chunk6ARON3XTcjs.buttonRecipe; exports.useButton = _chunk6ARON3XTcjs.useButton;

package/dist/components/button/index.d.cts

@@ -2,9 +2,10 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { StyleProp, TextStyle, ViewStyle, TextProps, PressableStateCallbackType } from 'react-native';
-import { o as TextStyleProps, V as ViewStyleProps, R as Recipe, g as SlotStyles } from '../../create-recipe-3_ElpCYt.cjs';
+import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.cjs';
 import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
-import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-C9kjAuVQ.cjs';
+import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-1K8YEOb8.cjs';
+import { R as Recipe, g as SlotStyles } from '../../create-recipe-C0XXjuow.cjs';
 import 'react-native-reanimated';
 
 type ButtonSlot = 'root' | 'label' | 'icon' | 'spinner';

package/dist/components/button/index.d.ts

@@ -2,9 +2,10 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { StyleProp, TextStyle, ViewStyle, TextProps, PressableStateCallbackType } from 'react-native';
-import { o as TextStyleProps, V as ViewStyleProps, R as Recipe, g as SlotStyles } from '../../create-recipe-DImq1AZA.js';
+import { T as TextStyleProps, V as ViewStyleProps } from '../../style-props.type-B1BG5TCm.js';
 import { S as Size, R as RadiusKey, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
-import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-KcPvFf6f.js';
+import { a as IconContextValue, b as IconProps, P as PressableFeedbackProps, c as AnimationProp } from '../../pressable-feedback.type-BwkKLQlX.js';
+import { R as Recipe, g as SlotStyles } from '../../create-recipe-CPXFo2rk.js';
 import 'react-native-reanimated';
 
 type ButtonSlot = 'root' | 'label' | 'icon' | 'spinner';

package/dist/components/button/index.js

@@ -2,10 +2,12 @@ import {
   Button,
   buttonRecipe,
   useButton
-} from "../../chunk-ASXK7XU4.js";
-import "../../chunk-F432IDIW.js";
-import "../../chunk-4K3LZS7M.js";
-import "../../chunk-XJARE6SC.js";
+} from "../../chunk-4EPS7UBO.js";
+import "../../chunk-WXAME7KB.js";
+import "../../chunk-N7C4UNUL.js";
+import "../../chunk-EXX6ATAS.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-GGW42MY4.js";
 export {
   Button,
   buttonRecipe,

package/dist/components/typography/index.cjs

@@ -2,11 +2,13 @@
 
 
 
-var _chunk6VTBGBPPcjs = require('../../chunk-6VTBGBPP.cjs');
-require('../../chunk-5SU7FXWH.cjs');
-require('../../chunk-6N5JXRUZ.cjs');
+var _chunkUBA6AEY6cjs = require('../../chunk-UBA6AEY6.cjs');
+require('../../chunk-UVO4GFSW.cjs');
+require('../../chunk-EVXZGNPA.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-MC7SY2QH.cjs');
 
 
 
 
-exports.TextSpan = _chunk6VTBGBPPcjs.TextSpan; exports.Typography = _chunk6VTBGBPPcjs.Typography; exports.typographyRecipe = _chunk6VTBGBPPcjs.typographyRecipe;
+exports.TextSpan = _chunkUBA6AEY6cjs.TextSpan; exports.Typography = _chunkUBA6AEY6cjs.Typography; exports.typographyRecipe = _chunkUBA6AEY6cjs.typographyRecipe;