import { useMemo as i } from "react";
import { createHtmlRenderState as a } from "./utils/create-render-state.es.js";
import { isMotionValue as r } from "../../../../../../../motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/utils/is-motion-value.es.js";
import { isForcedMotionValue as l } from "../../../../../../../motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.es.js";
import { buildHTMLStyles as s } from "../../../../../../../motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-styles.es.js";
function u(t, o, n) {
  for (const e in o)
    !r(o[e]) && !l(e, n) && (t[e] = o[e]);
}
function c({ transformTemplate: t }, o) {
  return i(() => {
    const n = a();
    return s(n, o, t), Object.assign({}, n.vars, n.style);
  }, [o]);
}
function f(t, o) {
  const n = t.style || {}, e = {};
  return u(e, n, t), Object.assign(e, c(t, o)), e;
}
function M(t, o) {
  const n = {}, e = f(t, o);
  return t.drag && t.dragListener !== !1 && (n.draggable = !1, e.userSelect = e.WebkitUserSelect = e.WebkitTouchCallout = "none", e.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = e, n;
}
export {
  u as copyRawValuesOnly,
  M as useHTMLProps
};
//# sourceMappingURL=use-props.es.js.map
