@xaui/native 0.9.1-alpha.36 → 0.9.1-alpha.37

package/dist/{chunk-U3HFQHGZ.js → chunk-E3X5ODKQ.js}

@@ -4,13 +4,13 @@ import {
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
-import {
-  useStyleProps
-} from "./chunk-OSCW7I4H.js";
 import {
   alpha,
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/components/spinner/spinner.tsx
 import { forwardRef } from "react";

package/dist/{chunk-RSGIJ6RI.js → chunk-EOJ5MYAQ.js}

@@ -1,15 +1,15 @@
 import {
   PressableFeedback
-} from "./chunk-UCW25LL6.js";
-import {
-  usePressState
-} from "./chunk-423RQBOX.js";
+} from "./chunk-UGF35NSE.js";
 import {
   warnDev
 } from "./chunk-EGLLDKN6.js";
+import {
+  usePressState
+} from "./chunk-423RQBOX.js";
 import {
   useStyleProps
-} from "./chunk-OSCW7I4H.js";
+} from "./chunk-M63GFNKV.js";
 
 // src/system/close-button/close-button.tsx
 import { forwardRef } from "react";

package/dist/{chunk-MFXZHLOU.cjs → chunk-FTQHDJYL.cjs}

@@ -1,12 +1,12 @@
 "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 _chunk2SCE7TFZcjs = require('./chunk-2SCE7TFZ.cjs');
+var _chunkDRMT346Wcjs = require('./chunk-DRMT346W.cjs');
 
 
-var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 
 
-var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 
 
 
@@ -17,10 +17,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/card/card-background.tsx
 var _react = require('react');
@@ -63,7 +63,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var CardBackground = markBackground(
   _react.forwardRef.call(void 0, function CardBackground2({ children, source, style, ...props }, ref) {
     const { backgroundStyle } = useCard();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.View,
       {
@@ -85,7 +85,7 @@ CardBackground.displayName = "XAUI.Card.Background";
 
 var CardBody = _react.forwardRef.call(void 0, function CardBody2({ children, style, ...props }, ref) {
   const { bodyStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [bodyStyle, styleProps, style], ...rest, children });
 });
 CardBody.displayName = "XAUI.Card.Body";
@@ -97,7 +97,7 @@ CardBody.displayName = "XAUI.Card.Body";
 var CardDescription = _react.forwardRef.call(void 0, 
   function CardDescription2({ children, style, ...props }, ref) {
     const { descriptionStyle } = useCard();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
   }
 );
@@ -109,7 +109,7 @@ CardDescription.displayName = "XAUI.Card.Description";
 
 var CardFooter = _react.forwardRef.call(void 0, function CardFooter2({ children, style, ...props }, ref) {
   const { footerStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [footerStyle, styleProps, style], ...rest, children });
 });
 CardFooter.displayName = "XAUI.Card.Footer";
@@ -120,7 +120,7 @@ CardFooter.displayName = "XAUI.Card.Footer";
 
 var CardHeader = _react.forwardRef.call(void 0, function CardHeader2({ children, style, ...props }, ref) {
   const { headerStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [headerStyle, styleProps, style], ...rest, children });
 });
 CardHeader.displayName = "XAUI.Card.Header";
@@ -131,7 +131,7 @@ CardHeader.displayName = "XAUI.Card.Header";
 
 var CardTitle = _react.forwardRef.call(void 0, function CardTitle2({ children, style, ...props }, ref) {
   const { titleStyle } = useCard();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
 });
 CardTitle.displayName = "XAUI.Card.Title";
@@ -351,7 +351,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const selection = { variant, size, radius };
   const states = { disabled: isDisabled };
@@ -388,7 +388,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
     body
   ] });
   const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2SCE7TFZcjs.PressableFeedback,
+    _chunkDRMT346Wcjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -403,7 +403,7 @@ var CardRoot = _react.forwardRef.call(void 0, function Card({
       onPressOut: press.onPressOut,
       children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         background,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2SCE7TFZcjs.PressableFeedback.Highlight, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDRMT346Wcjs.PressableFeedback.Highlight, {}),
         body
       ] })
     }

package/dist/{chunk-GHKJ6MUH.cjs → chunk-GTT4NHS2.cjs}

@@ -3,16 +3,16 @@
 var _chunkK4TWKF5Ucjs = require('./chunk-K4TWKF5U.cjs');
 
 
-var _chunkISPOIMGXcjs = require('./chunk-ISPOIMGX.cjs');
+var _chunk7B3UBUC6cjs = require('./chunk-7B3UBUC6.cjs');
 
 
-var _chunk2SCE7TFZcjs = require('./chunk-2SCE7TFZ.cjs');
+var _chunkDRMT346Wcjs = require('./chunk-DRMT346W.cjs');
 
 
-var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
 
 
-var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
 
 
 
@@ -23,10 +23,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/button/button.context.ts
 var [ButtonProvider, useButton] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Button");
@@ -35,7 +35,7 @@ var [ButtonProvider, useButton] = _chunk54FJOKANcjs.createSlotContext.call(void
 var _jsxruntime = require('react/jsx-runtime');
 function ButtonIcon({ size, color, ...rest }) {
   const { icon } = useButton();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkISPOIMGXcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7B3UBUC6cjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
 }
 ButtonIcon.displayName = "XAUI.Button.Icon";
 
@@ -45,7 +45,7 @@ var _reactnative = require('react-native');
 
 var ButtonLabel = _react.forwardRef.call(void 0, function ButtonLabel2({ children, style, numberOfLines = 1, ...props }, ref) {
   const { labelStyle } = useButton();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactnative.Text,
     {
@@ -69,7 +69,7 @@ function ButtonSpinner({
   ...props
 }) {
   const { spinnerStyle } = useButton();
-  const [styleProps] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const ringStyle = [spinnerStyle, styleProps, style];
   if (!animation) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: ringStyle });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SpinningRing, { style: ringStyle });
@@ -235,7 +235,7 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const selection = {
     variant,
@@ -275,7 +275,7 @@ var ButtonRoot = _react.forwardRef.call(void 0, function Button({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2SCE7TFZcjs.PressableFeedback,
+    _chunkDRMT346Wcjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-OWE5IID7.js → chunk-HXW4ANVB.js}

@@ -1,9 +1,9 @@
-import {
-  useStyleProps
-} from "./chunk-OSCW7I4H.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/system/icon/icon-context.ts
 import { createContext, useContext } from "react";

package/dist/{chunk-N2U63JUX.cjs → chunk-IGLKACSR.cjs}

@@ -6,7 +6,7 @@ var _chunkF6CQ6CBIcjs = require('./chunk-F6CQ6CBI.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunk2SCE7TFZcjs = require('./chunk-2SCE7TFZ.cjs');
+var _chunkDRMT346Wcjs = require('./chunk-DRMT346W.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -20,10 +20,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/radio/radio-indicator.tsx
 var _react = require('react');
@@ -37,7 +37,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RadioIndicator = _react.forwardRef.call(void 0, 
   function RadioIndicator2({ children, animation = true, style, ...props }, ref) {
     const { indicatorStyle, fillStyle, isSelected } = useRadio();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [indicatorStyle, styleProps, style], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkF6CQ6CBIcjs.SelectionFill,
       {
@@ -61,7 +61,7 @@ function Thumb() {
 
 var RadioLabel = _react.forwardRef.call(void 0, function RadioLabel2({ children, style, ...props }, ref) {
   const { labelStyle } = useRadio();
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [labelStyle, styleProps, style], ...rest, children });
 });
 RadioLabel.displayName = "XAUI.Radio.Label";
@@ -203,7 +203,7 @@ var RadioRoot = _react.forwardRef.call(void 0, function Radio({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const [selected, setSelected] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: isSelected,
@@ -252,7 +252,7 @@ var RadioRoot = _react.forwardRef.call(void 0, function Radio({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioLabel, { children: text })
   ] }) : _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioIndicator, {})));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2SCE7TFZcjs.PressableFeedback,
+    _chunkDRMT346Wcjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-VWATEE5O.js → chunk-IKJVLJKT.js}

@@ -1,6 +1,6 @@
 import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
-import { useStyleProps } from "./chunk-OSCW7I4H.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
+import { useStyleProps } from "./chunk-M63GFNKV.js";
 
 // src/components/skeleton/skeleton.tsx
 import { forwardRef, useEffect } from "react";
@@ -100,10 +100,10 @@ var Skeleton = forwardRef(function Skeleton2({
   });
 });
 Skeleton.displayName = "XAUI.Skeleton";
-const _worklet_13110416509490_init_data = {
-  code: "function chunkVWATEE5OJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-VWATEE5O.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkVWATEE5OJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-VWATEE5O.js\"],\"mappings\":\"AAyF2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+const _worklet_948977267547_init_data = {
+  code: "function chunkIKJVLJKTJs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IKJVLJKT.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkIKJVLJKTJs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IKJVLJKT.js\"],\"mappings\":\"AAyF2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
 };
 var PulsingBlock = forwardRef(function PulsingBlock2({
   style,
@@ -119,26 +119,26 @@ var PulsingBlock = forwardRef(function PulsingBlock2({
     true);
     return () => cancelAnimation(opacity);
   }, [opacity]);
-  const animatedStyle = useAnimatedStyle(function chunkVWATEE5OJs1Factory({
-    _worklet_13110416509490_init_data,
+  const animatedStyle = useAnimatedStyle(function chunkIKJVLJKTJs1Factory({
+    _worklet_948977267547_init_data,
     opacity
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkVWATEE5OJs1 = function () {
+    const chunkIKJVLJKTJs1 = function () {
       return {
         opacity: opacity.value
       };
     };
-    chunkVWATEE5OJs1.__closure = {
+    chunkIKJVLJKTJs1.__closure = {
       opacity
     };
-    chunkVWATEE5OJs1.__workletHash = 13110416509490;
-    chunkVWATEE5OJs1.__pluginVersion = "0.7.4";
-    chunkVWATEE5OJs1.__initData = _worklet_13110416509490_init_data;
-    chunkVWATEE5OJs1.__stackDetails = _e;
-    return chunkVWATEE5OJs1;
+    chunkIKJVLJKTJs1.__workletHash = 948977267547;
+    chunkIKJVLJKTJs1.__pluginVersion = "0.7.4";
+    chunkIKJVLJKTJs1.__initData = _worklet_948977267547_init_data;
+    chunkIKJVLJKTJs1.__stackDetails = _e;
+    return chunkIKJVLJKTJs1;
   }({
-    _worklet_13110416509490_init_data,
+    _worklet_948977267547_init_data,
     opacity
   }), [opacity]);
   return /* @__PURE__ */jsx(Animated.View, {

package/dist/{chunk-AZRMOWRG.cjs → chunk-ITURCQMQ.cjs}

@@ -6,7 +6,7 @@ var _chunkF6CQ6CBIcjs = require('./chunk-F6CQ6CBI.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunk2SCE7TFZcjs = require('./chunk-2SCE7TFZ.cjs');
+var _chunkDRMT346Wcjs = require('./chunk-DRMT346W.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -20,10 +20,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/checkbox/checkbox-indicator.tsx
 var _react = require('react');
@@ -37,7 +37,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var CheckboxIndicator = _react.forwardRef.call(void 0, 
   function CheckboxIndicator2({ children, animation = true, style, ...props }, ref) {
     const { indicatorStyle, fillStyle, isSelected, isIndeterminate } = useCheckbox();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const isFilled = isSelected || isIndeterminate;
     const mark = _nullishCoalesce(children, () => ( (isIndeterminate ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dash, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Check, {}))));
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [indicatorStyle, styleProps, style], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6CQ6CBIcjs.SelectionFill, { isVisible: isFilled, style: fillStyle, animation, children: mark }) });
@@ -60,7 +60,7 @@ function Dash() {
 var CheckboxLabel = _react.forwardRef.call(void 0, 
   function CheckboxLabel2({ children, style, ...props }, ref) {
     const { labelStyle } = useCheckbox();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [labelStyle, styleProps, style], ...rest, children });
   }
 );
@@ -250,7 +250,7 @@ var CheckboxRoot = _react.forwardRef.call(void 0, function Checkbox({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
   const [selected, setSelected] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: isSelected,
@@ -303,7 +303,7 @@ var CheckboxRoot = _react.forwardRef.call(void 0, function Checkbox({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxLabel, { children: text })
   ] }) : _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxIndicator, {})));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2SCE7TFZcjs.PressableFeedback,
+    _chunkDRMT346Wcjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-PGQWUASE.cjs → chunk-JB5LGQ54.cjs}

@@ -8,10 +8,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/badge/badge.tsx
 var _react = require('react');
@@ -158,7 +158,7 @@ var Badge = _react.forwardRef.call(void 0, function Badge2({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const resolvedSize = _nullishCoalesce(size, () => ( BADGE_DEFAULT_SIZE));
   const selection = {
     variant,

package/dist/{chunk-4XFEEBPU.js → chunk-JDSE4TQL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-OSCW7I4H.js";
+} from "./chunk-M63GFNKV.js";
 
 // src/components/view/grid.tsx
 import { Children, forwardRef, useMemo, useState } from "react";

package/dist/{chunk-6U5IUUAR.js → chunk-JXNFOOKC.js}

@@ -1,12 +1,12 @@
 import {
   PressableFeedback
-} from "./chunk-UCW25LL6.js";
-import {
-  usePressState
-} from "./chunk-423RQBOX.js";
+} from "./chunk-UGF35NSE.js";
 import {
   warnDev
 } from "./chunk-EGLLDKN6.js";
+import {
+  usePressState
+} from "./chunk-423RQBOX.js";
 import {
   Slot,
   childrenToString,
@@ -15,12 +15,12 @@ import {
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
-import {
-  useStyleProps
-} from "./chunk-OSCW7I4H.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/components/card/card-background.tsx
 import { forwardRef } from "react";

package/dist/{chunk-6N5ZCEAB.cjs → chunk-LEWW24RQ.cjs}

@@ -8,10 +8,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/text-field/text-field-description.tsx
 var _react = require('react');
@@ -25,7 +25,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var TextFieldDescription = _react.forwardRef.call(void 0, 
   function TextFieldDescription2({ children, style, nativeID, ...props }, ref) {
     const { descriptionStyle, descriptionId } = useTextField();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.Text,
       {
@@ -47,7 +47,7 @@ TextFieldDescription.displayName = "XAUI.TextField.Description";
 var TextFieldError = _react.forwardRef.call(void 0, 
   function TextFieldError2({ children, style, ...props }, ref) {
     const { errorStyle } = useTextField();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [errorStyle, styleProps, style], ...rest, children });
   }
 );
@@ -69,7 +69,7 @@ var TextFieldField = _react.forwardRef.call(void 0,
       isDisabled,
       isInvalid
     } = useTextField();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const handleFocus = _react.useCallback.call(void 0, 
       (event) => {
         onFieldFocus(event);
@@ -111,7 +111,7 @@ TextFieldField.displayName = "XAUI.TextField.Field";
 var TextFieldLabel = _react.forwardRef.call(void 0, 
   function TextFieldLabel2({ children, style, nativeID, ...props }, ref) {
     const { labelStyle, labelId } = useTextField();
-    const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _reactnative.Text,
       {
@@ -441,7 +441,7 @@ var TextFieldRoot = _react.forwardRef.call(void 0, function TextField({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
   const onFieldFocus = _react.useCallback.call(void 0, () => setIsFocused(true), []);
   const onFieldBlur = _react.useCallback.call(void 0, () => setIsFocused(false), []);

package/dist/{chunk-OSCW7I4H.js → chunk-M63GFNKV.js}

@@ -1,10 +1,24 @@
-import {
-  stableHash
-} from "./chunk-FJ5TLRT3.js";
-
 // src/system/style-props/use-style-props.ts
 import { useMemo } from "react";
 
+// 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/utils/style-props.ts
 var STYLE_PROP_KEYS = [
   // Flex and layout
@@ -175,5 +189,6 @@ function useStyleProps(props) {
 }
 
 export {
+  stableHash,
   useStyleProps
 };

package/dist/{chunk-CVCE7TW5.js → chunk-NKPTXTTS.js}

@@ -1,17 +1,17 @@
 import {
   TextFieldField,
   useTextField
-} from "./chunk-3YZSUDZ2.js";
+} from "./chunk-SMW6ZWMH.js";
 import {
   Icon
-} from "./chunk-OWE5IID7.js";
+} from "./chunk-HXW4ANVB.js";
 import {
   Slot,
   createSlotContext
 } from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-OSCW7I4H.js";
+} from "./chunk-M63GFNKV.js";
 
 // src/components/field-group/field-group-field.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-2LNE4PWB.cjs → chunk-NTD3NPRX.cjs}

@@ -6,10 +6,10 @@ var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkK3AVOT6Lcjs = require('./chunk-K3AVOT6L.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/divider/divider.tsx
 var _react = require('react');
@@ -67,7 +67,7 @@ var dividerRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
 var _jsxruntime = require('react/jsx-runtime');
 var Divider = _react.forwardRef.call(void 0, function Divider2({ children, orientation, size, color, asChild = false, style, ...props }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkK3AVOT6Lcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const selection = { orientation, size };
   const styles = dividerRecipe.resolve({ theme, selection });
   const tint = color ? dividerRecipe.tint({ theme, color, selection }) : void 0;

package/dist/{chunk-2OZPOWFB.js → chunk-O3A3DBSZ.js}

@@ -4,12 +4,12 @@ import {
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
-import {
-  useStyleProps
-} from "./chunk-OSCW7I4H.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
 
 // src/components/typography/typography.tsx
 import { forwardRef } from "react";

package/dist/chunk-OJCCV65P.cjs

@@ -0,0 +1 @@
+"use strict";