@loczer/storefront-sdk 0.217.0 → 0.218.0

package/dist/chunks/node_modules/motion-dom/dist/es/projection/styles/scale-correction-Dqs0DG_x.js

@@ -0,0 +1,17 @@
+import { cornerRadiusProps as e } from "../../utils/border-radius-BzX2eyPO.js";
+import { correctBorderRadius as t } from "./scale-border-radius-o5vW8fHp.js";
+import { correctBoxShadow as n } from "./scale-box-shadow-BhjA57xW.js";
+//#region ../../node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs
+var r = {
+	borderRadius: {
+		...t,
+		applyTo: [...e]
+	},
+	borderTopLeftRadius: t,
+	borderTopRightRadius: t,
+	borderBottomLeftRadius: t,
+	borderBottomRightRadius: t,
+	boxShadow: n
+};
+//#endregion
+export { r as scaleCorrectors };

package/dist/chunks/node_modules/motion-dom/dist/es/projection/styles/transform-NKB2cwBd.js

@@ -0,0 +1,12 @@
+//#region ../../node_modules/motion-dom/dist/es/projection/styles/transform.mjs
+function e(e, t, n) {
+	let r = "", i = e.x.translate / t.x, a = e.y.translate / t.y, o = n?.z || 0;
+	if ((i || a || o) && (r = `translate3d(${i}px, ${a}px, ${o}px) `), (t.x !== 1 || t.y !== 1) && (r += `scale(${1 / t.x}, ${1 / t.y}) `), n) {
+		let { transformPerspective: e, rotate: t, pathRotation: i, rotateX: a, rotateY: o, skewX: s, skewY: c } = n;
+		e && (r = `perspective(${e}px) ${r}`), t && (r += `rotate(${t}deg) `), i && (r += `rotate(${i}deg) `), a && (r += `rotateX(${a}deg) `), o && (r += `rotateY(${o}deg) `), s && (r += `skewX(${s}deg) `), c && (r += `skewY(${c}deg) `);
+	}
+	let s = e.x.scale * t.x, c = e.y.scale * t.y;
+	return (s !== 1 || c !== 1) && (r += `scale(${s}, ${c})`), r || "none";
+}
+//#endregion
+export { e as buildProjectionTransform };

package/dist/chunks/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth-D4ki-lbA.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs
+var e = (e, t) => e.depth - t.depth;
+//#endregion
+export { e as compareByDepth };

package/dist/chunks/node_modules/motion-dom/dist/es/projection/utils/each-axis-Bvmvr7Z2.js

@@ -0,0 +1,6 @@
+//#region ../../node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs
+function e(e) {
+	return [e("x"), e("y")];
+}
+//#endregion
+export { e as eachAxis };

package/dist/chunks/node_modules/motion-dom/dist/es/projection/utils/flat-tree-DoVrrxxY.js

@@ -0,0 +1,19 @@
+import { addUniqueItem as e, removeItem as t } from "../../../../../motion-utils/dist/es/array-BBGK1j1b.js";
+import { compareByDepth as n } from "./compare-by-depth-D4ki-lbA.js";
+//#region ../../node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs
+var r = class {
+	constructor() {
+		this.children = [], this.isDirty = !1;
+	}
+	add(t) {
+		e(this.children, t), this.isDirty = !0;
+	}
+	remove(e) {
+		t(this.children, e), this.isDirty = !0;
+	}
+	forEach(e) {
+		this.isDirty && this.children.sort(n), this.isDirty = !1, this.children.forEach(e);
+	}
+};
+//#endregion
+export { r as FlatTree };

package/dist/chunks/node_modules/motion-dom/dist/es/projection/utils/has-transform-MC2xCktm.js

@@ -0,0 +1,18 @@
+//#region ../../node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs
+function e(e) {
+	return e === void 0 || e === 1;
+}
+function t({ scale: t, scaleX: n, scaleY: r }) {
+	return !e(t) || !e(n) || !e(r);
+}
+function n(e) {
+	return t(e) || r(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
+}
+function r(e) {
+	return i(e.x) || i(e.y);
+}
+function i(e) {
+	return e && e !== "0%";
+}
+//#endregion
+export { r as has2DTranslate, t as hasScale, n as hasTransform };

package/dist/chunks/node_modules/motion-dom/dist/es/projection/utils/measure-9EHDTj-Q.js

@@ -0,0 +1,12 @@
+import { convertBoundingBoxToBox as e, transformBoxPoints as t } from "../geometry/conversion-C53fTUL0.js";
+import { translateAxis as n } from "../geometry/delta-apply-D_7fQFIs.js";
+//#region ../../node_modules/motion-dom/dist/es/projection/utils/measure.mjs
+function r(n, r) {
+	return e(t(n.getBoundingClientRect(), r));
+}
+function i(e, t, i) {
+	let a = r(e, i), { scroll: o } = t;
+	return o && (n(a.x, o.offset.x), n(a.y, o.offset.y)), a;
+}
+//#endregion
+export { i as measurePageBox, r as measureViewportBox };

package/dist/chunks/node_modules/motion-dom/dist/es/render/Feature-BO-74BEK.js

@@ -0,0 +1,9 @@
+//#region ../../node_modules/motion-dom/dist/es/render/Feature.mjs
+var e = class {
+	constructor(e) {
+		this.isMounted = !1, this.node = e;
+	}
+	update() {}
+};
+//#endregion
+export { e as Feature };

package/dist/chunks/node_modules/motion-dom/dist/es/render/VisualElement-Q2WcJv6t.js

@@ -0,0 +1,204 @@
+import { isNumericalString as e } from "../../../../motion-utils/dist/es/is-numerical-string-CiTQN66D.js";
+import { isZeroValueString as t } from "../../../../motion-utils/dist/es/is-zero-value-string-Bss1UzBi.js";
+import { SubscriptionManager as n } from "../../../../motion-utils/dist/es/subscription-manager-B1v5ik_R.js";
+import { secondsToMilliseconds as r } from "../../../../motion-utils/dist/es/time-conversion-WGVLVIZI.js";
+import { warnOnce as i } from "../../../../motion-utils/dist/es/warn-once-CNQIsdRh.js";
+import { cancelFrame as a, frame as o } from "../frameloop/frame-CKZTADU1.js";
+import { time as s } from "../frameloop/sync-time-C_QyRCNd.js";
+import { complex as c } from "../value/types/complex/index-grhmCqMW.js";
+import { transformProps as l } from "./utils/keys-transform-D89O3jUI.js";
+import { KeyframeResolver as u } from "../animation/keyframes/KeyframesResolver-BxwoVKip.js";
+import { NativeAnimation as d } from "../animation/NativeAnimation-CfiXAYmD.js";
+import { acceleratedValues as f } from "../animation/waapi/utils/accelerated-values-D6fGw6G9.js";
+import { motionValue as p } from "../value/index-Bwg0vVXH.js";
+import { resolveVariantFromProps as m } from "./utils/resolve-variants-YRQnmPS8.js";
+import { isMotionValue as h } from "../value/utils/is-motion-value-DjNWSbJA.js";
+import { getAnimatableNone as g } from "../value/types/utils/animatable-none-48Tgfh--.js";
+import { microtask as _ } from "../frameloop/microtask-C0-dBzym.js";
+import { findValueType as v } from "../value/types/utils/find-DcyXW-Sp.js";
+import { createBox as y } from "../projection/geometry/models-d7gxmOp4.js";
+import { visualElementStore as b } from "./store-BtTKq2jY.js";
+import { isControllingVariants as x, isVariantNode as S } from "./utils/is-controlling-variants-BTh61RuJ.js";
+import { updateMotionValuesFromProps as C } from "./utils/motion-values-BofpGQv9.js";
+import { hasReducedMotionListener as w, prefersReducedMotion as T } from "./utils/reduced-motion/state-ClY5PInV.js";
+import { initPrefersReducedMotion as E } from "./utils/reduced-motion/index-CBQsVFcz.js";
+//#region ../../node_modules/motion-dom/dist/es/render/VisualElement.mjs
+var D = [
+	"AnimationStart",
+	"AnimationComplete",
+	"Update",
+	"BeforeLayoutMeasure",
+	"LayoutMeasure",
+	"LayoutAnimationStart",
+	"LayoutAnimationComplete"
+], O = {};
+function k(e) {
+	O = e;
+}
+function A() {
+	return O;
+}
+var j = class {
+	scrapeMotionValuesFromProps(e, t, n) {
+		return {};
+	}
+	constructor({ parent: e, props: t, presenceContext: n, reducedMotionConfig: r, skipAnimations: i, blockInitialAnimation: a, visualState: c }, l = {}) {
+		this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = u, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+			this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
+		}, this.renderScheduledAt = 0, this.scheduleRender = () => {
+			let e = s.now();
+			this.renderScheduledAt < e && (this.renderScheduledAt = e, o.render(this.render, !1, !0));
+		};
+		let { latestValues: d, renderState: f } = c;
+		this.latestValues = d, this.baseTarget = { ...d }, this.initialValues = t.initial ? { ...d } : {}, this.renderState = f, this.parent = e, this.props = t, this.presenceContext = n, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = i, this.options = l, this.blockInitialAnimation = !!a, this.isControllingVariants = x(t), this.isVariantNode = S(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+		let { willChange: p, ...m } = this.scrapeMotionValuesFromProps(t, {}, this);
+		for (let e in m) {
+			let t = m[e];
+			d[e] !== void 0 && h(t) && t.set(d[e]);
+		}
+	}
+	mount(e) {
+		if (this.hasBeenMounted) for (let e in this.initialValues) this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
+		this.current = e, b.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, t) => this.bindToMotionValue(t, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (w.current || E(), this.shouldReduceMotion = T.current), process.env.NODE_ENV !== "production" && i(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+	}
+	unmount() {
+		this.projection && this.projection.unmount(), a(this.notifyUpdate), a(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+		for (let e in this.events) this.events[e].clear();
+		for (let e in this.features) {
+			let t = this.features[e];
+			t && (t.unmount(), t.isMounted = !1);
+		}
+		this.current = null;
+	}
+	addChild(e) {
+		this.children.add(e), this.enteringChildren ??= /* @__PURE__ */ new Set(), this.enteringChildren.add(e);
+	}
+	removeChild(e) {
+		this.children.delete(e), this.enteringChildren && this.enteringChildren.delete(e);
+	}
+	bindToMotionValue(e, t) {
+		if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), t.accelerate && f.has(e) && this.current instanceof HTMLElement) {
+			let { factory: n, keyframes: i, times: a, ease: o, duration: s } = t.accelerate, c = new d({
+				element: this.current,
+				name: e,
+				keyframes: i,
+				times: a,
+				ease: o,
+				duration: r(s)
+			}), l = n(c);
+			this.valueSubscriptions.set(e, () => {
+				l(), c.cancel();
+			});
+			return;
+		}
+		let n = l.has(e);
+		n && this.onBindTransform && this.onBindTransform();
+		let i = t.on("change", (t) => {
+			this.latestValues[e] = t, this.props.onUpdate && o.preRender(this.notifyUpdate), n && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+		}), a;
+		typeof window < "u" && window.MotionCheckAppearSync && (a = window.MotionCheckAppearSync(this, e, t)), this.valueSubscriptions.set(e, () => {
+			i(), a && a();
+		});
+	}
+	sortNodePosition(e) {
+		return !this.current || !this.sortInstanceNodePosition || this.type !== e.type ? 0 : this.sortInstanceNodePosition(this.current, e.current);
+	}
+	updateFeatures() {
+		let e = "animation";
+		for (e in O) {
+			let t = O[e];
+			if (!t) continue;
+			let { isEnabled: n, Feature: r } = t;
+			if (!this.features[e] && r && n(this.props) && (this.features[e] = new r(this)), this.features[e]) {
+				let t = this.features[e];
+				t.isMounted ? t.update() : (t.mount(), t.isMounted = !0);
+			}
+		}
+	}
+	triggerBuild() {
+		this.build(this.renderState, this.latestValues, this.props);
+	}
+	measureViewportBox() {
+		return this.current ? this.measureInstanceViewportBox(this.current, this.props) : y();
+	}
+	getStaticValue(e) {
+		return this.latestValues[e];
+	}
+	setStaticValue(e, t) {
+		this.latestValues[e] = t;
+	}
+	update(e, t) {
+		(e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = t;
+		for (let t = 0; t < D.length; t++) {
+			let n = D[t];
+			this.propEventSubscriptions[n] && (this.propEventSubscriptions[n](), delete this.propEventSubscriptions[n]);
+			let r = e["on" + n];
+			r && (this.propEventSubscriptions[n] = this.on(n, r));
+		}
+		this.prevMotionValues = C(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+	}
+	getProps() {
+		return this.props;
+	}
+	getVariant(e) {
+		return this.props.variants ? this.props.variants[e] : void 0;
+	}
+	getDefaultTransition() {
+		return this.props.transition;
+	}
+	getTransformPagePoint() {
+		return this.props.transformPagePoint;
+	}
+	getClosestVariantNode() {
+		return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
+	}
+	addVariantChild(e) {
+		let t = this.getClosestVariantNode();
+		if (t) return t.variantChildren && t.variantChildren.add(e), () => t.variantChildren.delete(e);
+	}
+	addValue(e, t) {
+		let n = this.values.get(e);
+		t !== n && (n && this.removeValue(e), this.bindToMotionValue(e, t), this.values.set(e, t), this.latestValues[e] = t.get());
+	}
+	removeValue(e) {
+		this.values.delete(e);
+		let t = this.valueSubscriptions.get(e);
+		t && (t(), this.valueSubscriptions.delete(e)), delete this.latestValues[e], this.removeValueFromRenderState(e, this.renderState);
+	}
+	hasValue(e) {
+		return this.values.has(e);
+	}
+	getValue(e, t) {
+		if (this.props.values && this.props.values[e]) return this.props.values[e];
+		let n = this.values.get(e);
+		return n === void 0 && t !== void 0 && (n = p(t === null ? void 0 : t, { owner: this }), this.addValue(e, n)), n;
+	}
+	readValue(n, r) {
+		let i = this.latestValues[n] !== void 0 || !this.current ? this.latestValues[n] : this.getBaseTargetFromProps(this.props, n) ?? this.readValueFromInstance(this.current, n, this.options);
+		return i != null && (typeof i == "string" && (e(i) || t(i)) ? i = parseFloat(i) : !v(i) && c.test(r) && (i = g(n, r)), this.setBaseTarget(n, h(i) ? i.get() : i)), h(i) ? i.get() : i;
+	}
+	setBaseTarget(e, t) {
+		this.baseTarget[e] = t;
+	}
+	getBaseTarget(e) {
+		let { initial: t } = this.props, n;
+		if (typeof t == "string" || typeof t == "object") {
+			let r = m(this.props, t, this.presenceContext?.custom);
+			r && (n = r[e]);
+		}
+		if (t && n !== void 0) return n;
+		let r = this.getBaseTargetFromProps(this.props, e);
+		return r !== void 0 && !h(r) ? r : this.initialValues[e] !== void 0 && n === void 0 ? void 0 : this.baseTarget[e];
+	}
+	on(e, t) {
+		return this.events[e] || (this.events[e] = new n()), this.events[e].add(t);
+	}
+	notify(e, ...t) {
+		this.events[e] && this.events[e].notify(...t);
+	}
+	scheduleRenderMicrotask() {
+		_.render(this.render);
+	}
+};
+//#endregion
+export { j as VisualElement, A as getFeatureDefinitions, k as setFeatureDefinitions };

package/dist/chunks/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement-C0PGIt5i.js

@@ -0,0 +1,28 @@
+import { isMotionValue as e } from "../../value/utils/is-motion-value-DjNWSbJA.js";
+import { DOMKeyframesResolver as t } from "../../animation/keyframes/DOMKeyframesResolver-_h9E3nwl.js";
+import { VisualElement as n } from "../VisualElement-Q2WcJv6t.js";
+//#region ../../node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
+var r = class extends n {
+	constructor() {
+		super(...arguments), this.KeyframeResolver = t;
+	}
+	sortInstanceNodePosition(e, t) {
+		return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+	}
+	getBaseTargetFromProps(e, t) {
+		let n = e.style;
+		return n ? n[t] : void 0;
+	}
+	removeValueFromRenderState(e, { vars: t, style: n }) {
+		delete t[e], delete n[e];
+	}
+	handleChildMotionValue() {
+		this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+		let { children: t } = this.props;
+		e(t) && (this.childSubscription = t.on("change", (e) => {
+			this.current && (this.current.textContent = `${e}`);
+		}));
+	}
+};
+//#endregion
+export { r as DOMVisualElement };

package/dist/chunks/node_modules/motion-dom/dist/es/render/dom/is-css-var-Dp_b3naF.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
+var e = (e) => e.startsWith("--");
+//#endregion
+export { e as isCSSVar };

package/dist/chunks/node_modules/motion-dom/dist/es/render/dom/parse-transform-BhriW6XO.js

@@ -0,0 +1,56 @@
+//#region ../../node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
+var e = (e) => e * 180 / Math.PI, t = (t) => r(e(Math.atan2(t[1], t[0]))), n = {
+	x: 4,
+	y: 5,
+	translateX: 4,
+	translateY: 5,
+	scaleX: 0,
+	scaleY: 3,
+	scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
+	rotate: t,
+	rotateZ: t,
+	skewX: (t) => e(Math.atan(t[1])),
+	skewY: (t) => e(Math.atan(t[2])),
+	skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
+}, r = (e) => (e %= 360, e < 0 && (e += 360), e), i = t, a = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), o = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), s = {
+	x: 12,
+	y: 13,
+	z: 14,
+	translateX: 12,
+	translateY: 13,
+	translateZ: 14,
+	scaleX: a,
+	scaleY: o,
+	scale: (e) => (a(e) + o(e)) / 2,
+	rotateX: (t) => r(e(Math.atan2(t[6], t[5]))),
+	rotateY: (t) => r(e(Math.atan2(-t[2], t[0]))),
+	rotateZ: i,
+	rotate: i,
+	skewX: (t) => e(Math.atan(t[4])),
+	skewY: (t) => e(Math.atan(t[1])),
+	skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
+};
+function c(e) {
+	return +!!e.includes("scale");
+}
+function l(e, t) {
+	if (!e || e === "none") return c(t);
+	let r = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u), i, a;
+	if (r) i = s, a = r;
+	else {
+		let t = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+		i = n, a = t;
+	}
+	if (!a) return c(t);
+	let o = i[t], l = a[1].split(",").map(d);
+	return typeof o == "function" ? o(l) : l[o];
+}
+var u = (e, t) => {
+	let { transform: n = "none" } = getComputedStyle(e);
+	return l(n, t);
+};
+function d(e) {
+	return parseFloat(e.trim());
+}
+//#endregion
+export { c as defaultTransformValue, l as parseValueFromTransform, u as readTransformValue };

package/dist/chunks/node_modules/motion-dom/dist/es/render/dom/style-set-rv8o9V7z.js

@@ -0,0 +1,7 @@
+import { isCSSVar as e } from "./is-css-var-Dp_b3naF.js";
+//#region ../../node_modules/motion-dom/dist/es/render/dom/style-set.mjs
+function t(t, n, r) {
+	e(n) ? t.style.setProperty(n, r) : t.style[n] = r;
+}
+//#endregion
+export { t as setStyle };

package/dist/chunks/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash-DkTMivH-.js

@@ -0,0 +1,6 @@
+//#region ../../node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
+function e(e) {
+	return e.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
+}
+//#endregion
+export { e as camelToDash };

package/dist/chunks/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement-BlmAcWaG.js

@@ -0,0 +1,39 @@
+import { invariant as e } from "../../../../../motion-utils/dist/es/errors-zYMa5JTQ.js";
+import { isCSSVariableName as t } from "../../animation/utils/is-css-variable-CyNVJBsm.js";
+import { defaultTransformValue as n, readTransformValue as r } from "../dom/parse-transform-BhriW6XO.js";
+import { transformProps as i } from "../utils/keys-transform-D89O3jUI.js";
+import { DOMVisualElement as a } from "../dom/DOMVisualElement-C0PGIt5i.js";
+import { measureViewportBox as o } from "../../projection/utils/measure-9EHDTj-Q.js";
+import { buildHTMLStyles as s } from "./utils/build-styles-d8t31XT-.js";
+import { renderHTML as c } from "./utils/render-D0WyK2kl.js";
+import { scrapeMotionValuesFromProps as l } from "./utils/scrape-motion-values-Dnanh7Pq.js";
+//#region ../../node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
+function u(e) {
+	return window.getComputedStyle(e);
+}
+var d = class extends a {
+	constructor() {
+		super(...arguments), this.type = "html", this.renderInstance = c;
+	}
+	mount(t) {
+		e(!!t.style, "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref"), super.mount(t);
+	}
+	readValueFromInstance(e, a) {
+		if (i.has(a)) return this.projection?.isProjecting ? n(a) : r(e, a);
+		{
+			let n = u(e), r = (t(a) ? n.getPropertyValue(a) : n[a]) || 0;
+			return typeof r == "string" ? r.trim() : r;
+		}
+	}
+	measureInstanceViewportBox(e, { transformPagePoint: t }) {
+		return o(e, t);
+	}
+	build(e, t, n) {
+		s(e, t, n.transformTemplate);
+	}
+	scrapeMotionValuesFromProps(e, t, n) {
+		return l(e, t, n);
+	}
+};
+//#endregion
+export { d as HTMLVisualElement, u as getComputedStyle };

package/dist/chunks/node_modules/motion-dom/dist/es/render/html/utils/build-styles-d8t31XT-.js

@@ -0,0 +1,28 @@
+import { isCSSVariableName as e } from "../../../animation/utils/is-css-variable-CyNVJBsm.js";
+import { transformProps as t } from "../../utils/keys-transform-D89O3jUI.js";
+import { numberValueTypes as n } from "../../../value/types/maps/number-CbCxH6Jz.js";
+import { getValueAsType as r } from "../../../value/types/utils/get-as-type-D-jDTeib.js";
+import { buildTransform as i } from "./build-transform-ses8bYxd.js";
+//#region ../../node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
+function a(a, o, s) {
+	let { style: c, vars: l, transformOrigin: u } = a, d = !1, f = !1;
+	for (let i in o) {
+		let a = o[i];
+		if (t.has(i)) {
+			d = !0;
+			continue;
+		} else if (e(i)) {
+			l[i] = a;
+			continue;
+		} else {
+			let e = r(a, n[i]);
+			i.startsWith("origin") ? (f = !0, u[i] = e) : c[i] = e;
+		}
+	}
+	if (o.transform || (d || s ? c.transform = i(o, a.transform, s) : c.transform &&= "none"), f) {
+		let { originX: e = "50%", originY: t = "50%", originZ: n = 0 } = u;
+		c.transformOrigin = `${e} ${t} ${n}`;
+	}
+}
+//#endregion
+export { a as buildHTMLStyles };

package/dist/chunks/node_modules/motion-dom/dist/es/render/html/utils/build-transform-ses8bYxd.js

@@ -0,0 +1,36 @@
+import { transformPropOrder as e } from "../../utils/keys-transform-D89O3jUI.js";
+import { numberValueTypes as t } from "../../../value/types/maps/number-CbCxH6Jz.js";
+import { getValueAsType as n } from "../../../value/types/utils/get-as-type-D-jDTeib.js";
+//#region ../../node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
+var r = {
+	x: "translateX",
+	y: "translateY",
+	z: "translateZ",
+	transformPerspective: "perspective"
+}, i = e.length;
+function a(a, o, s) {
+	let c = "", l = !0;
+	for (let u = 0; u < i; u++) {
+		let i = e[u], d = a[i];
+		if (d === void 0) continue;
+		let f = !0;
+		if (typeof d == "number") f = d === +!!i.startsWith("scale");
+		else {
+			let e = parseFloat(d);
+			f = i.startsWith("scale") ? e === 1 : e === 0;
+		}
+		if (!f || s) {
+			let e = n(d, t[i]);
+			if (!f) {
+				l = !1;
+				let t = r[i] || i;
+				c += `${t}(${e}) `;
+			}
+			s && (o[i] = e);
+		}
+	}
+	let u = a.pathRotation;
+	return u && (l = !1, c += `rotate(${n(u, t.pathRotation)}) `), c = c.trim(), s ? c = s(o, l ? "" : c) : l && (c = "none"), c;
+}
+//#endregion
+export { a as buildTransform };

package/dist/chunks/node_modules/motion-dom/dist/es/render/html/utils/render-D0WyK2kl.js

@@ -0,0 +1,8 @@
+//#region ../../node_modules/motion-dom/dist/es/render/html/utils/render.mjs
+function e(e, { style: t, vars: n }, r, i) {
+	let a = e.style, o;
+	for (o in t) a[o] = t[o];
+	for (o in i?.applyProjectionStyles(a, r), n) a.setProperty(o, n[o]);
+}
+//#endregion
+export { e as renderHTML };

package/dist/chunks/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values-Dnanh7Pq.js

@@ -0,0 +1,11 @@
+import { isMotionValue as e } from "../../../value/utils/is-motion-value-DjNWSbJA.js";
+import { isForcedMotionValue as t } from "../../utils/is-forced-motion-value-DJbn-QIQ.js";
+//#region ../../node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
+function n(n, r, i) {
+	let a = n.style, o = r?.style, s = {};
+	if (!a) return s;
+	for (let r in a) (e(a[r]) || o && e(o[r]) || t(r, n) || i?.getValue(r)?.liveStyle !== void 0) && (s[r] = a[r]);
+	return s;
+}
+//#endregion
+export { n as scrapeMotionValuesFromProps };

package/dist/chunks/node_modules/motion-dom/dist/es/render/store-BtTKq2jY.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/motion-dom/dist/es/render/store.mjs
+var e = /* @__PURE__ */ new WeakMap();
+//#endregion
+export { e as visualElementStore };

package/dist/chunks/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement-CQOmrr3k.js

@@ -0,0 +1,40 @@
+import { transformProps as e } from "../utils/keys-transform-D89O3jUI.js";
+import { camelToDash as t } from "../dom/utils/camel-to-dash-DkTMivH-.js";
+import { getDefaultValueType as n } from "../../value/types/maps/defaults-CUGdDi7c.js";
+import { createBox as r } from "../../projection/geometry/models-d7gxmOp4.js";
+import { DOMVisualElement as i } from "../dom/DOMVisualElement-C0PGIt5i.js";
+import { buildSVGAttrs as a } from "./utils/build-attrs-CfRsHEuP.js";
+import { camelCaseAttributes as o } from "./utils/camel-case-attrs-eLNLAV8t.js";
+import { isSVGTag as s } from "./utils/is-svg-tag-DmzYEr13.js";
+import { renderSVG as c } from "./utils/render--nKPYECx.js";
+import { scrapeMotionValuesFromProps as l } from "./utils/scrape-motion-values-BZpmWNaV.js";
+//#region ../../node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs
+var u = class extends i {
+	constructor() {
+		super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = r;
+	}
+	getBaseTargetFromProps(e, t) {
+		return e[t];
+	}
+	readValueFromInstance(r, i) {
+		if (e.has(i)) {
+			let e = n(i);
+			return e && e.default || 0;
+		}
+		return i = o.has(i) ? i : t(i), r.getAttribute(i);
+	}
+	scrapeMotionValuesFromProps(e, t, n) {
+		return l(e, t, n);
+	}
+	build(e, t, n) {
+		a(e, t, this.isSVGTag, n.transformTemplate, n.style);
+	}
+	renderInstance(e, t, n, r) {
+		c(e, t, n, r);
+	}
+	mount(e) {
+		this.isSVGTag = s(e.tagName), super.mount(e);
+	}
+};
+//#endregion
+export { u as SVGVisualElement };

package/dist/chunks/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs-CfRsHEuP.js

@@ -0,0 +1,22 @@
+import { buildHTMLStyles as e } from "../../html/utils/build-styles-d8t31XT-.js";
+import { buildSVGPath as t } from "./path-DrGKJJG-.js";
+//#region ../../node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs
+var n = [
+	"offsetDistance",
+	"offsetPath",
+	"offsetRotate",
+	"offsetAnchor"
+];
+function r(r, { attrX: i, attrY: a, attrScale: o, pathLength: s, pathSpacing: c = 1, pathOffset: l = 0, ...u }, d, f, p) {
+	if (e(r, u, f), d) {
+		r.style.viewBox && (r.attrs.viewBox = r.style.viewBox);
+		return;
+	}
+	r.attrs = r.style, r.style = {};
+	let { attrs: m, style: h } = r;
+	m.transform && (h.transform = m.transform, delete m.transform), (h.transform || m.transformOrigin) && (h.transformOrigin = m.transformOrigin ?? "50% 50%", delete m.transformOrigin), h.transform && (h.transformBox = p?.transformBox ?? "fill-box", delete m.transformBox);
+	for (let e of n) m[e] !== void 0 && (h[e] = m[e], delete m[e]);
+	i !== void 0 && (m.x = i), a !== void 0 && (m.y = a), o !== void 0 && (m.scale = o), s !== void 0 && t(m, s, c, l, !1);
+}
+//#endregion
+export { r as buildSVGAttrs };

package/dist/chunks/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs-eLNLAV8t.js

@@ -0,0 +1,28 @@
+//#region ../../node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs
+var e = /* @__PURE__ */ new Set([
+	"baseFrequency",
+	"diffuseConstant",
+	"kernelMatrix",
+	"kernelUnitLength",
+	"keySplines",
+	"keyTimes",
+	"limitingConeAngle",
+	"markerHeight",
+	"markerWidth",
+	"numOctaves",
+	"targetX",
+	"targetY",
+	"surfaceScale",
+	"specularConstant",
+	"specularExponent",
+	"stdDeviation",
+	"tableValues",
+	"viewBox",
+	"gradientTransform",
+	"pathLength",
+	"startOffset",
+	"textLength",
+	"lengthAdjust"
+]);
+//#endregion
+export { e as camelCaseAttributes };