@tamagui/react-native-web-lite/dist/cjs/vendor/react-native/Animated/createAnimatedComponent.cjs

React Native for Web

var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all) __defProp(target, name, {
    get: all[name],
    enumerable: true
  });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
      get: () => from[key],
      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
    });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
  value: mod,
  enumerable: true
}) : target, mod));
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
  value: true
}), mod);
var createAnimatedComponent_exports = {};
__export(createAnimatedComponent_exports, {
  createAnimatedComponent: () => createAnimatedComponent,
  default: () => createAnimatedComponent_default
});
module.exports = __toCommonJS(createAnimatedComponent_exports);
var import_useAnimatedProps = require("./useAnimatedProps.cjs");
var import_useMergeRefs = require("../Utilities/useMergeRefs.cjs");
var React = __toESM(require("react"), 1);
var import_jsx_runtime = require("react/jsx-runtime");
function createAnimatedComponent(Component) {
  return React.forwardRef((props, forwardedRef) => {
    const [reducedProps, callbackRef] = (0, import_useAnimatedProps.useAnimatedProps)(props);
    const ref = (0, import_useMergeRefs.useMergeRefs)(callbackRef, forwardedRef);
    const {
      passthroughAnimatedPropExplicitValues,
      style
    } = reducedProps;
    const {
      style: passthroughStyle,
      ...passthroughProps
    } = passthroughAnimatedPropExplicitValues ?? {};
    const mergedStyle = [style, passthroughStyle];
    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
      ...reducedProps,
      ...passthroughProps,
      style: mergedStyle,
      ref
    });
  });
}
var createAnimatedComponent_default = createAnimatedComponent;