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