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

package/dist/{chunk-VJEER76X.js → chunk-GBFQZQ77.js}

@@ -1,26 +1,26 @@
 import {
   PressableFeedback
-} from "./chunk-BFMTUMTU.js";
+} from "./chunk-XNNJM5DQ.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
 import {
   warnDev
 } from "./chunk-EGLLDKN6.js";
-import {
-  createRecipe
-} from "./chunk-4GTAZM2C.js";
-import {
-  useXAUITheme
-} from "./chunk-A3EGFI6T.js";
 import {
   Slot,
   childrenToString,
   createSlotContext
-} from "./chunk-E2CWBQTV.js";
+} from "./chunk-YXPYOOHU.js";
+import {
+  createRecipe
+} from "./chunk-4GTAZM2C.js";
 import {
   useStyleProps
-} from "./chunk-URSKA2VR.js";
+} from "./chunk-MEYCZS32.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
 
 // src/components/card/card-background.tsx
 import { forwardRef } from "react";

package/dist/chunk-H4E4HDEP.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// 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;
+    }
+  };
+}
+
+
+
+exports.mergeRefs = mergeRefs;

package/dist/{chunk-NYRXUGVL.js → chunk-HVD5EX7V.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/typography/typography.tsx
 import { forwardRef } from "react";

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-JCYWU5TO.js

@@ -0,0 +1,92 @@
+import {
+  Slot
+} from "./chunk-YXPYOOHU.js";
+import {
+  createRecipe
+} from "./chunk-4GTAZM2C.js";
+import {
+  useStyleProps
+} from "./chunk-MEYCZS32.js";
+import {
+  useXAUITheme
+} from "./chunk-A3EGFI6T.js";
+
+// src/components/divider/divider.tsx
+import { forwardRef } from "react";
+import { View } from "react-native";
+
+// src/components/divider/divider.recipe.ts
+import { StyleSheet } from "react-native";
+var SLOTS = ["root"];
+var VARIANT_TOKENS = { default: { bg: "separator" } };
+var HAIRLINE = StyleSheet.hairlineWidth;
+function thickness(of) {
+  return (theme) => {
+    const value = of(theme);
+    return { root: { height: value, width: value } };
+  };
+}
+var dividerRecipe = createRecipe({
+  slots: SLOTS,
+  base: () => ({
+    // One line for both orientations. In a column the cross axis is horizontal, so a
+    // stretched child is full width; in a row it is vertical, so the same word makes a
+    // vertical rule full height. `stretch` is ignored on the axis the thickness fixes,
+    // which is what lets one declaration serve both.
+    root: { alignSelf: "stretch" }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({ root: { backgroundColor: colors.bg } }),
+  variants: {
+    // Multiples of `borderWidth.default`, so a theme that thickens its edges thickens
+    // these with it. Only the hairline stands outside the scale, being a device pixel.
+    size: {
+      xs: thickness(() => HAIRLINE),
+      sm: thickness((theme) => theme.borderWidth.default),
+      md: thickness((theme) => theme.borderWidth.default * 2),
+      lg: thickness((theme) => theme.borderWidth.default * 6)
+    },
+    /** Second, so it releases the axis `size` had to write blind. */
+    orientation: {
+      horizontal: () => ({ root: { width: "auto" } }),
+      vertical: () => ({ root: { height: "auto" } })
+    }
+  },
+  /**
+   * `xs` where every other component defaults to `md`, and it is the one place in the
+   * library that departs from that: a rule you notice is a rule that is too thick, and
+   * the hairline is what a separator is at rest.
+   *
+   * `variant` is named here and nowhere else — there is one, the caller cannot choose it,
+   * and the recipe still needs it selected for `paint` and the tint to resolve.
+   */
+  defaultVariants: { variant: "default", size: "xs", orientation: "horizontal" }
+});
+
+// src/components/divider/divider.tsx
+import { jsx } from "react/jsx-runtime";
+var Divider = forwardRef(function Divider2({ children, orientation, size, color, asChild = false, style, ...props }, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const selection = { orientation, size };
+  const styles = dividerRecipe.resolve({ theme, selection });
+  const tint = color ? dividerRecipe.tint({ theme, color, selection }) : void 0;
+  const Root = asChild ? Slot : View;
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      ref,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      ...rest,
+      style: [styles.root, tint?.root, styleProps, style],
+      children: asChild ? children : null
+    }
+  );
+});
+Divider.displayName = "XAUI.Divider";
+
+export {
+  dividerRecipe,
+  Divider
+};

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";