@xaui/native 0.9.1-alpha.4 → 0.9.1-alpha.40

package/dist/chunk-SNIHUKDA.cjs

@@ -0,0 +1,184 @@
+"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 _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.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"
+  }
+};
+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.
+   */
+  /**
+   * `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",
+    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({
+  radius,
+  color,
+  isLoading = true,
+  animation = true,
+  children,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const selection = {
+    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_8636613549176_init_data = {
+  code: "function chunkSNIHUKDACjs1(){const{opacity}=this.__closure;return{opacity:opacity.value};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SNIHUKDA.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSNIHUKDACjs1\",\"opacity\",\"__closure\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SNIHUKDA.cjs\"],\"mappings\":\"AAyF+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 chunkSNIHUKDACjs1Factory({
+    _worklet_8636613549176_init_data,
+    opacity
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkSNIHUKDACjs1 = function () {
+      return {
+        opacity: opacity.value
+      };
+    };
+    chunkSNIHUKDACjs1.__closure = {
+      opacity
+    };
+    chunkSNIHUKDACjs1.__workletHash = 8636613549176;
+    chunkSNIHUKDACjs1.__pluginVersion = "0.7.4";
+    chunkSNIHUKDACjs1.__initData = _worklet_8636613549176_init_data;
+    chunkSNIHUKDACjs1.__stackDetails = _e;
+    return chunkSNIHUKDACjs1;
+  }({
+    _worklet_8636613549176_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;