import { __assign as o } from "../../../../../tslib/tslib.es6.es.js";
import { useMemo as s } from "react";
import { isForcedMotionValue as u } from "../../motion/utils/is-forced-motion-value.es.js";
import { isMotionValue as f } from "../../value/utils/is-motion-value.es.js";
import { buildHTMLStyles as m } from "./utils/build-styles.es.js";
import { createHtmlRenderState as c } from "./utils/create-render-state.es.js";
function d(e, a, n) {
  for (var r in a)
    !f(a[r]) && !u(r, n) && (e[r] = a[r]);
}
function v(e, a, n) {
  var r = e.transformTemplate;
  return s(function() {
    var t = c();
    m(t, a, { enableHardwareAcceleration: !n }, r);
    var l = t.vars, i = t.style;
    return o(o({}, l), i);
  }, [a]);
}
function y(e, a, n) {
  var r = e.style || {}, t = {};
  return d(t, r, e), Object.assign(t, v(e, a, n)), e.transformValues && (t = e.transformValues(t)), t;
}
function S(e, a, n) {
  var r = {}, t = y(e, a, n);
  return Boolean(e.drag) && e.dragListener !== !1 && (r.draggable = !1, t.userSelect = t.WebkitUserSelect = t.WebkitTouchCallout = "none", t.touchAction = e.drag === !0 ? "none" : "pan-".concat(e.drag === "x" ? "y" : "x")), r.style = t, r;
}
export {
  d as copyRawValuesOnly,
  S as useHTMLProps,
  y as useStyle
};
//# sourceMappingURL=use-props.es.js.map
