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

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-ZH6BHLQR.js → chunk-M2BGCN77.js}

@@ -1,10 +1,13 @@
 import {
   CloseButton,
   closeButtonBase
-} from "./chunk-V4WDMM6Z.js";
+} from "./chunk-U3RDU3HU.js";
+import {
+  Icon
+} from "./chunk-WJPQARJ5.js";
 import {
   PressableFeedback
-} from "./chunk-BFMTUMTU.js";
+} from "./chunk-XNNJM5DQ.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
@@ -12,23 +15,20 @@ import {
   warnDev
 } from "./chunk-EGLLDKN6.js";
 import {
-  Icon
-} from "./chunk-3FV4COTM.js";
+  Slot,
+  childrenToString,
+  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,
-  childrenToString,
-  createSlotContext
-} from "./chunk-E2CWBQTV.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/chip/chip-avatar.tsx
 import { forwardRef } from "react";

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

package/dist/{chunk-ZVWXM3UK.cjs → chunk-MSMZBUZO.cjs}

@@ -6,38 +6,38 @@ var _chunkF6CQ6CBIcjs = require('./chunk-F6CQ6CBI.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkGPVNCJ3Zcjs = require('./chunk-GPVNCJ3Z.cjs');
+var _chunk6M7RUU7Vcjs = require('./chunk-6M7RUU7V.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.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/radio/radio-indicator.tsx
 var _react = require('react');
 var _reactnative = require('react-native');
 
 // src/components/radio/radio.context.ts
-var [RadioProvider, useRadio] = _chunkZP2E2H2Gcjs.createSlotContext.call(void 0, "Radio");
+var [RadioProvider, useRadio] = _chunk54FJOKANcjs.createSlotContext.call(void 0, "Radio");
 
 // src/components/radio/radio-indicator.tsx
 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] = _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, ...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] = _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: [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] = _chunkGLGU2WFLcjs.useStyleProps.call(void 0, props);
+  const [styleProps, rest] = _chunkI6ZB3FZIcjs.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,
@@ -246,13 +246,13 @@ var RadioRoot = _react.forwardRef.call(void 0, function Radio({
     styleProps,
     typeof style === "function" ? style({ pressed: isPressed }) : style
   ];
-  const text = _chunkZP2E2H2Gcjs.childrenToString.call(void 0, children);
+  const text = _chunk54FJOKANcjs.childrenToString.call(void 0, children);
   const content = text !== null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioIndicator, {}),
     /* @__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, 
-    _chunkGPVNCJ3Zcjs.PressableFeedback,
+    _chunk6M7RUU7Vcjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-IHOCANCQ.js → chunk-NFFL3E4N.js}

@@ -6,24 +6,24 @@ import {
 } from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-BFMTUMTU.js";
+} from "./chunk-XNNJM5DQ.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";
+import {
+  childrenToString,
+  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 {
-  childrenToString,
-  createSlotContext
-} from "./chunk-E2CWBQTV.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/radio/radio-indicator.tsx
 import { forwardRef } from "react";

package/dist/{chunk-G7K652GC.js → chunk-NLASSGA7.js}

@@ -1,9 +1,9 @@
 import {
   Slot
-} from "./chunk-E2CWBQTV.js";
+} from "./chunk-YXPYOOHU.js";
 import {
   useStyleProps
-} from "./chunk-URSKA2VR.js";
+} from "./chunk-MEYCZS32.js";
 
 // src/components/view/grid.tsx
 import { Children, forwardRef, useMemo, useState } from "react";

package/dist/{chunk-KOC3KQIT.js → chunk-NMAZ2TQF.js}

@@ -1,16 +1,16 @@
 import {
   useRotation
-} from "./chunk-BVJQ3UPZ.js";
+} from "./chunk-PPWXLZGL.js";
 import {
   createRecipe
 } from "./chunk-4GTAZM2C.js";
+import {
+  useStyleProps
+} from "./chunk-MEYCZS32.js";
 import {
   alpha,
   useXAUITheme
 } from "./chunk-A3EGFI6T.js";
-import {
-  useStyleProps
-} from "./chunk-URSKA2VR.js";
 
 // src/components/spinner/spinner.tsx
 import { forwardRef } from "react";