@xaui/native 0.9.1-alpha.31 → 0.9.1-alpha.32

package/dist/{chunk-GVQOD3VW.js → chunk-HXL2QCMR.js}

@@ -5,13 +5,13 @@ import {
   InputLabel,
   InputRoot,
   useInput
-} from "./chunk-A5OCK3C2.js";
+} from "./chunk-L55CDXNI.js";
 import {
   createSlotContext
-} from "./chunk-E2CWBQTV.js";
+} from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-URSKA2VR.js";
+} from "./chunk-MEYCZS32.js";
 
 // src/components/text-area/text-area-field.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-GLGU2WFL.cjs → chunk-I6ZB3FZI.cjs}

@@ -2,16 +2,6 @@
 
 var _chunkMC7SY2QHcjs = require('./chunk-MC7SY2QH.cjs');
 
-// src/system/slot/merge-refs.ts
-function mergeRefs(...refs) {
-  return (value) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") ref(value);
-      else if (ref) ref.current = value;
-    }
-  };
-}
-
 // src/system/style-props/use-style-props.ts
 var _react = require('react');
 
@@ -186,5 +176,4 @@ function useStyleProps(props) {
 
 
 
-
-exports.mergeRefs = mergeRefs; exports.useStyleProps = useStyleProps;
+exports.useStyleProps = useStyleProps;

package/dist/{chunk-ZH5XVNHG.js → chunk-JCYWU5TO.js}

@@ -1,15 +1,15 @@
+import {
+  Slot
+} from "./chunk-YXPYOOHU.js";
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
+import {
+  useStyleProps
+} from "./chunk-MEYCZS32.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
-import {
-  Slot
-} from "./chunk-E2CWBQTV.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/divider/divider.tsx
 import { forwardRef } from "react";

package/dist/{chunk-7XKQJQF2.cjs → chunk-K4TWKF5U.cjs}

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+var _chunkH4E4HDEPcjs = require('./chunk-H4E4HDEP.cjs');
 
 // src/hooks/use-merged-ref.ts
 var _react = require('react');
 function useMergedRef(...refs) {
-  return _react.useMemo.call(void 0, () => _chunkGLGU2WFLcjs.mergeRefs.call(void 0, ...refs), refs);
+  return _react.useMemo.call(void 0, () => _chunkH4E4HDEPcjs.mergeRefs.call(void 0, ...refs), refs);
 }
 
 // src/hooks/use-previous.ts
@@ -25,10 +25,10 @@ function usePrevious(value) {
 
 var _reactnativereanimated = require('react-native-reanimated');
 var ROTATION_DURATION = 900;
-const _worklet_4260628533630_init_data = {
-  code: "function chunk7XKQJQF2Cjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-7XKQJQF2.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunk7XKQJQF2Cjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-7XKQJQF2.cjs\"],\"mappings\":\"AAyC8D,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAEhE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
+const _worklet_15362242700341_init_data = {
+  code: "function chunkK4TWKF5UCjs1(){const{angle}=this.__closure;return{transform:[{rotate:angle.value+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-K4TWKF5U.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkK4TWKF5UCjs1\",\"angle\",\"__closure\",\"transform\",\"rotate\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-K4TWKF5U.cjs\"],\"mappings\":\"AAyC8D,SAAAA,iBAAMA,CAAA,QAAAC,KAAA,OAAAC,SAAA,CAEhE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,MAAM,CAAKH,KAAK,CAACI,KAAK,MAAM,CAAC,CAAE,CAAC,CACzD\",\"ignoreList\":[]}"
 };
 function useRotation() {
   const angle = _reactnativereanimated.useSharedValue.call(void 0, 0);
@@ -39,28 +39,28 @@ function useRotation() {
     }), -1, false);
     return () => _reactnativereanimated.cancelAnimation.call(void 0, angle);
   }, [angle]);
-  return _reactnativereanimated.useAnimatedStyle.call(void 0, function chunk7XKQJQF2Cjs1Factory({
-    _worklet_4260628533630_init_data,
+  return _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkK4TWKF5UCjs1Factory({
+    _worklet_15362242700341_init_data,
     angle
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunk7XKQJQF2Cjs1 = function () {
+    const chunkK4TWKF5UCjs1 = function () {
       return {
         transform: [{
           rotate: `${angle.value}deg`
         }]
       };
     };
-    chunk7XKQJQF2Cjs1.__closure = {
+    chunkK4TWKF5UCjs1.__closure = {
       angle
     };
-    chunk7XKQJQF2Cjs1.__workletHash = 4260628533630;
-    chunk7XKQJQF2Cjs1.__pluginVersion = "0.7.4";
-    chunk7XKQJQF2Cjs1.__initData = _worklet_4260628533630_init_data;
-    chunk7XKQJQF2Cjs1.__stackDetails = _e;
-    return chunk7XKQJQF2Cjs1;
+    chunkK4TWKF5UCjs1.__workletHash = 15362242700341;
+    chunkK4TWKF5UCjs1.__pluginVersion = "0.7.4";
+    chunkK4TWKF5UCjs1.__initData = _worklet_15362242700341_init_data;
+    chunkK4TWKF5UCjs1.__stackDetails = _e;
+    return chunkK4TWKF5UCjs1;
   }({
-    _worklet_4260628533630_init_data,
+    _worklet_15362242700341_init_data,
     angle
   }), [angle]);
 }

package/dist/{chunk-N527BTY4.cjs → chunk-K7LLERKT.cjs}

@@ -1,38 +1,38 @@
 "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 _chunkTGZZ3RZUcjs = require('./chunk-TGZZ3RZU.cjs');
+var _chunkCYS6U374cjs = require('./chunk-CYS6U374.cjs');
 
 
-var _chunkWR7YLDVVcjs = require('./chunk-WR7YLDVV.cjs');
+var _chunkPCWT2YBEcjs = require('./chunk-PCWT2YBE.cjs');
 
 
 
-var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
+var _chunk54FJOKANcjs = require('./chunk-54FJOKAN.cjs');
 
-var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
 
 
-var _chunkZP2E2H2Gcjs = require('./chunk-ZP2E2H2G.cjs');
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
 
 
-var _chunkGLGU2WFLcjs = require('./chunk-GLGU2WFL.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
 
 // src/components/alert/alert-close.tsx
 var _react = require('react');
 
 // src/components/alert/alert.context.ts
-var [AlertProvider, useAlert] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "Alert");
+var [AlertProvider, useAlert] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Alert");
 
 // src/components/alert/alert-close.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var AlertClose = _react.forwardRef.call(void 0, function AlertClose2({ isDisabled, ...props }, ref) {
   const { closeStyle, closeGlyphStyle, isDisabled: isAlertDisabled } = useAlert();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTGZZ3RZUcjs.CloseButton,
+    _chunkCYS6U374cjs.CloseButton,
     {
       ref,
       name: "Alert.Close",
@@ -52,7 +52,7 @@ var _reactnative = require('react-native');
 var AlertContent = _react.forwardRef.call(void 0, 
   function AlertContent2({ children, style, ...props }, ref) {
     const { contentStyle } = useAlert();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [contentStyle, styleProps, style], ...rest, children });
   }
 );
@@ -65,7 +65,7 @@ AlertContent.displayName = "XAUI.Alert.Content";
 var AlertDescription = _react.forwardRef.call(void 0, 
   function AlertDescription2({ children, style, ...props }, ref) {
     const { descriptionStyle } = useAlert();
-    const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+    const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [descriptionStyle, styleProps, style], ...rest, children });
   }
 );
@@ -77,10 +77,10 @@ AlertDescription.displayName = "XAUI.Alert.Description";
 
 var AlertIcon = _react.forwardRef.call(void 0, function AlertIcon2({ as, children, source, size, color, style, ...props }, ref) {
   const { iconStyle, icon } = useAlert();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const glyphSize = _nullishCoalesce(size, () => ( icon.size));
   const glyphColor = _nullishCoalesce(color, () => ( icon.color));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [iconStyle, styleProps, style], ...rest, children: as ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { as, size: glyphSize, color: glyphColor }) : source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { source, size: glyphSize, color: glyphColor }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWR7YLDVVcjs.Icon, { size: glyphSize, color: glyphColor, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, style: [iconStyle, styleProps, style], ...rest, children: as ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { as, size: glyphSize, color: glyphColor }) : source ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { source, size: glyphSize, color: glyphColor }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPCWT2YBEcjs.Icon, { size: glyphSize, color: glyphColor, children }) });
 });
 AlertIcon.displayName = "XAUI.Alert.Icon";
 
@@ -90,7 +90,7 @@ AlertIcon.displayName = "XAUI.Alert.Icon";
 
 var AlertTitle = _react.forwardRef.call(void 0, function AlertTitle2({ children, style, ...props }, ref) {
   const { titleStyle } = useAlert();
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, style: [titleStyle, styleProps, style], ...rest, children });
 });
 AlertTitle.displayName = "XAUI.Alert.Title";
@@ -194,7 +194,7 @@ var alertRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
   // The cross's own geometry — thickness and centring — belongs to the shared
   // `CloseButton`; what stays below is the box and bar size this component's scale sets.
   base: (theme) => ({
-    ..._chunkTGZZ3RZUcjs.closeButtonBase.call(void 0, theme),
+    ..._chunkCYS6U374cjs.closeButtonBase.call(void 0, theme),
     root: {
       flexDirection: "row",
       // Top-aligned, not centred: an alert's message can run to three lines, and an icon
@@ -295,7 +295,7 @@ var AlertRoot = _react.forwardRef.call(void 0, function Alert({
   ...props
 }, ref) {
   const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0, );
-  const [styleProps, rest] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
   const selection = { variant, size, radius };
   const states = { disabled: isDisabled };
   const styles = alertRecipe.resolve({ theme, selection, states });
@@ -319,13 +319,13 @@ var AlertRoot = _react.forwardRef.call(void 0, function Alert({
     };
   }, [styles, tint, isDisabled]);
   const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _2 => _2.root]), styleProps, style];
-  const text = _chunkZP2E2H2Gcjs.childrenToString.call(void 0, children);
+  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDescription, { children: text }) : children;
   const surface = asChild ? (
     // R12 — the caller's element *is* the alert, so it takes the children it was written
     // with and the auto-wrap does not apply.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZP2E2H2Gcjs.Slot,
+      _chunk54FJOKANcjs.Slot,
       {
         ref,
         accessibilityRole,

package/dist/chunk-KQKD3KB3.js

@@ -0,0 +1,152 @@
+import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
+import { useStyleProps } from "./chunk-MEYCZS32.js";
+import { useXAUITheme } from "./chunk-A3EGFI6T.js";
+
+// src/components/skeleton/skeleton.tsx
+import { forwardRef, useEffect } from "react";
+import { View } from "react-native";
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from "react-native-reanimated";
+
+// src/components/skeleton/skeleton.recipe.ts
+var SLOTS = ["root"];
+var VARIANT_TOKENS = {
+  default: {
+    bg: "default"
+  },
+  secondary: {
+    bg: "defaultSoft"
+  }
+};
+var skeletonRecipe = createRecipe({
+  slots: SLOTS,
+  base: () => ({
+    // Squircle corners, free on Android and what keeps a `full` radius from reading as a
+    // stadium at small sizes. Nothing else: a skeleton has no size of its own — see the
+    // component for why R14 is the whole sizing API here.
+    root: {
+      borderCurve: "continuous"
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({
+    root: {
+      backgroundColor: colors.bg
+    }
+  }),
+  variants: {
+    radius: radiusAxis("root")
+  },
+  /**
+   * `md` is the block, and `full` is what an avatar placeholder passes. There is no `size`
+   * default because there is no `size`: the caller gives the block its dimensions with
+   * R14's `width` and `height`, because only they know the shape of the thing that is
+   * missing.
+   */
+  defaultVariants: {
+    variant: "default",
+    radius: "md"
+  }
+});
+
+// src/components/skeleton/skeleton.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+var PULSE_DURATION = 1e3;
+var PULSE_MIN_OPACITY = 0.5;
+var Skeleton = forwardRef(function Skeleton2({
+  variant,
+  radius,
+  color,
+  isLoading = true,
+  animation = true,
+  children,
+  style,
+  ...props
+}, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const selection = {
+    variant,
+    radius
+  };
+  const styles = skeletonRecipe.resolve({
+    theme,
+    selection
+  });
+  const tint = color ? skeletonRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  if (!isLoading) return /* @__PURE__ */jsx(Fragment, {
+    children
+  });
+  const blockProps = {
+    // A block stands in for content that is not there. Announcing its absence is `busy`
+    // on whatever region is loading, not a stop on each rectangle. Both stay overridable
+    // (R9) for the caller whose skeleton really is the whole screen.
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ...rest
+  };
+  const blockStyle = [styles.root, tint?.root, styleProps, style];
+  if (!animation) return /* @__PURE__ */jsx(View, {
+    ref,
+    ...blockProps,
+    style: blockStyle
+  });
+  return /* @__PURE__ */jsx(PulsingBlock, {
+    ref,
+    ...blockProps,
+    style: blockStyle
+  });
+});
+Skeleton.displayName = "XAUI.Skeleton";
+const _worklet_6728096170816_init_data = {
+  code: "function chunkKQKD3KB3Js1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KQKD3KB3.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkKQKD3KB3Js1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KQKD3KB3.js\"],\"mappings\":\"AAiG2C,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE3C,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+};
+var PulsingBlock = forwardRef(function PulsingBlock2({
+  style,
+  ...props
+}, ref) {
+  const opacity = useSharedValue(1);
+  useEffect(() => {
+    opacity.value = withRepeat(withTiming(PULSE_MIN_OPACITY, {
+      duration: PULSE_DURATION,
+      easing: Easing.inOut(Easing.ease)
+    }), -1,
+    // Reversed, so the block breathes rather than snapping back to full at each turn.
+    true);
+    return () => cancelAnimation(opacity);
+  }, [opacity]);
+  const animatedStyle = useAnimatedStyle(function chunkKQKD3KB3Js1Factory({
+    _worklet_6728096170816_init_data,
+    opacity
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkKQKD3KB3Js1 = function () {
+      return {
+        opacity: opacity.value
+      };
+    };
+    chunkKQKD3KB3Js1.__closure = {
+      opacity
+    };
+    chunkKQKD3KB3Js1.__workletHash = 6728096170816;
+    chunkKQKD3KB3Js1.__pluginVersion = "0.7.4";
+    chunkKQKD3KB3Js1.__initData = _worklet_6728096170816_init_data;
+    chunkKQKD3KB3Js1.__stackDetails = _e;
+    return chunkKQKD3KB3Js1;
+  }({
+    _worklet_6728096170816_init_data,
+    opacity
+  }), [opacity]);
+  return /* @__PURE__ */jsx(Animated.View, {
+    ref,
+    ...props,
+    style: [style, animatedStyle]
+  });
+});
+PulsingBlock.displayName = "XAUI.Skeleton.Block";
+export { skeletonRecipe, Skeleton };

package/dist/{chunk-A5OCK3C2.js → chunk-L55CDXNI.js}

@@ -1,17 +1,17 @@
+import {
+  Slot,
+  createSlotContext
+} from "./chunk-YXPYOOHU.js";
 import {
   createRecipe,
   radiusAxis
 } from "./chunk-4GTAZM2C.js";
+import {
+  useStyleProps
+} from "./chunk-MEYCZS32.js";
 import {
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
-import {
-  Slot,
-  createSlotContext
-} from "./chunk-E2CWBQTV.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/input/input-description.tsx
 import { forwardRef } from "react";

package/dist/chunk-LT6XHFXJ.cjs

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+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 _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+var _chunkI6ZB3FZIcjs = require('./chunk-I6ZB3FZI.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+
+// src/components/skeleton/skeleton.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/skeleton/skeleton.recipe.ts
+var SLOTS = ["root"];
+var VARIANT_TOKENS = {
+  default: {
+    bg: "default"
+  },
+  secondary: {
+    bg: "defaultSoft"
+  }
+};
+var skeletonRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: () => ({
+    // Squircle corners, free on Android and what keeps a `full` radius from reading as a
+    // stadium at small sizes. Nothing else: a skeleton has no size of its own — see the
+    // component for why R14 is the whole sizing API here.
+    root: {
+      borderCurve: "continuous"
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({
+    root: {
+      backgroundColor: colors.bg
+    }
+  }),
+  variants: {
+    radius: _chunkFNEUOBCVcjs.radiusAxis.call(void 0, "root")
+  },
+  /**
+   * `md` is the block, and `full` is what an avatar placeholder passes. There is no `size`
+   * default because there is no `size`: the caller gives the block its dimensions with
+   * R14's `width` and `height`, because only they know the shape of the thing that is
+   * missing.
+   */
+  defaultVariants: {
+    variant: "default",
+    radius: "md"
+  }
+});
+
+// src/components/skeleton/skeleton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var PULSE_DURATION = 1e3;
+var PULSE_MIN_OPACITY = 0.5;
+var Skeleton = _react.forwardRef.call(void 0, function Skeleton2({
+  variant,
+  radius,
+  color,
+  isLoading = true,
+  animation = true,
+  children,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.useStyleProps.call(void 0, props);
+  const selection = {
+    variant,
+    radius
+  };
+  const styles = skeletonRecipe.resolve({
+    theme,
+    selection
+  });
+  const tint = color ? skeletonRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  if (!isLoading) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {
+    children
+  });
+  const blockProps = {
+    // A block stands in for content that is not there. Announcing its absence is `busy`
+    // on whatever region is loading, not a stop on each rectangle. Both stay overridable
+    // (R9) for the caller whose skeleton really is the whole screen.
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ...rest
+  };
+  const blockStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _ => _.root]), styleProps, style];
+  if (!animation) return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...blockProps,
+    style: blockStyle
+  });
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, PulsingBlock, {
+    ref,
+    ...blockProps,
+    style: blockStyle
+  });
+});
+Skeleton.displayName = "XAUI.Skeleton";
+const _worklet_17116227144085_init_data = {
+  code: "function chunkLT6XHFXJCjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-LT6XHFXJ.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkLT6XHFXJCjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-LT6XHFXJ.cjs\"],\"mappings\":\"AAiG+E,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,OAAAC,SAAA,CAE/E,MAAO,CAAED,OAAO,CAAEA,OAAO,CAACE,KAAM,CAAC,CACnC\",\"ignoreList\":[]}"
+};
+var PulsingBlock = _react.forwardRef.call(void 0, function PulsingBlock2({
+  style,
+  ...props
+}, ref) {
+  const opacity = _reactnativereanimated.useSharedValue.call(void 0, 1);
+  _react.useEffect.call(void 0, () => {
+    opacity.value = _reactnativereanimated.withRepeat.call(void 0, _reactnativereanimated.withTiming.call(void 0, PULSE_MIN_OPACITY, {
+      duration: PULSE_DURATION,
+      easing: _reactnativereanimated.Easing.inOut(_reactnativereanimated.Easing.ease)
+    }), -1,
+    // Reversed, so the block breathes rather than snapping back to full at each turn.
+    true);
+    return () => _reactnativereanimated.cancelAnimation.call(void 0, opacity);
+  }, [opacity]);
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkLT6XHFXJCjs1Factory({
+    _worklet_17116227144085_init_data,
+    opacity
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkLT6XHFXJCjs1 = function () {
+      return {
+        opacity: opacity.value
+      };
+    };
+    chunkLT6XHFXJCjs1.__closure = {
+      opacity
+    };
+    chunkLT6XHFXJCjs1.__workletHash = 17116227144085;
+    chunkLT6XHFXJCjs1.__pluginVersion = "0.7.4";
+    chunkLT6XHFXJCjs1.__initData = _worklet_17116227144085_init_data;
+    chunkLT6XHFXJCjs1.__stackDetails = _e;
+    return chunkLT6XHFXJCjs1;
+  }({
+    _worklet_17116227144085_init_data,
+    opacity
+  }), [opacity]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    ref,
+    ...props,
+    style: [style, animatedStyle]
+  });
+});
+PulsingBlock.displayName = "XAUI.Skeleton.Block";
+exports.skeletonRecipe = skeletonRecipe;
+exports.Skeleton = Skeleton;

package/dist/{chunk-URSKA2VR.js → chunk-MEYCZS32.js}

@@ -2,16 +2,6 @@ import {
   stableHash
 } from "./chunk-GGW42MY4.js";
 
-// src/system/slot/merge-refs.ts
-function mergeRefs(...refs) {
-  return (value) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") ref(value);
-      else if (ref) ref.current = value;
-    }
-  };
-}
-
 // src/system/style-props/use-style-props.ts
 import { useMemo } from "react";
 
@@ -185,6 +175,5 @@ function useStyleProps(props) {
 }
 
 export {
-  mergeRefs,
   useStyleProps
 };

package/dist/{chunk-DFME724B.js → chunk-MHEL3NAN.js}

@@ -1,17 +1,17 @@
 import {
   InputField,
   useInput
-} from "./chunk-A5OCK3C2.js";
+} from "./chunk-L55CDXNI.js";
 import {
   Icon
-} from "./chunk-3FV4COTM.js";
+} from "./chunk-WJPQARJ5.js";
 import {
   Slot,
   createSlotContext
-} from "./chunk-E2CWBQTV.js";
+} from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-URSKA2VR.js";
+} from "./chunk-MEYCZS32.js";
 
 // src/components/input-group/input-group-field.tsx
 import { forwardRef, useMemo } from "react";