motion-v 0.2.6 → 0.3.0

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -0,0 +1,38 @@
+import { progress as h } from "../../../utils/progress.mjs";
+import { velocityPerSecond as a } from "../../../utils/velocity-per-second.mjs";
+const u = 50, c = () => ({
+  current: 0,
+  offset: [],
+  progress: 0,
+  scrollLength: 0,
+  targetOffset: 0,
+  targetLength: 0,
+  containerLength: 0,
+  velocity: 0
+}), d = () => ({
+  time: 0,
+  x: c(),
+  y: c()
+}), x = {
+  x: {
+    length: "Width",
+    position: "Left"
+  },
+  y: {
+    length: "Height",
+    position: "Top"
+  }
+};
+function l(o, e, r, i) {
+  const t = r[e], { length: s, position: f } = x[e], g = t.current, p = r.time;
+  t.current = o[`scroll${f}`], t.scrollLength = o[`scroll${s}`] - o[`client${s}`], t.offset.length = 0, t.offset[0] = 0, t.offset[1] = t.scrollLength, t.progress = h(0, t.scrollLength, t.current);
+  const n = i - p;
+  t.velocity = n > u ? 0 : a(t.current - g, n);
+}
+function v(o, e, r) {
+  l(o, "x", e, r), l(o, "y", e, r), e.time = r;
+}
+export {
+  d as createScrollInfo,
+  v as updateScrollInfo
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/observe.mjs

@@ -0,0 +1,12 @@
+import { frame as s, cancelFrame as a } from "../../../frameloop/frame.mjs";
+function u(o, c) {
+  let r;
+  const n = () => {
+    const { currentTime: t } = c, e = (t === null ? 0 : t.value) / 100;
+    r !== e && o(e), r = e;
+  };
+  return s.update(n, !0), () => a(n);
+}
+export {
+  u as observeTimeline
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/edge.mjs

@@ -0,0 +1,17 @@
+const e = {
+  start: 0,
+  center: 0.5,
+  end: 1
+};
+function o(t, s, l = 0) {
+  let n = 0;
+  if (t in e && (t = e[t]), typeof t == "string") {
+    const i = parseFloat(t);
+    t.endsWith("px") ? n = i : t.endsWith("%") ? t = i / 100 : t.endsWith("vw") ? n = i / 100 * document.documentElement.clientWidth : t.endsWith("vh") ? n = i / 100 * document.documentElement.clientHeight : t = i;
+  }
+  return typeof t == "number" && (n = s * t), l + n;
+}
+export {
+  e as namedEdges,
+  o as resolveEdge
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs

@@ -0,0 +1,26 @@
+import { calcInset as d } from "./inset.mjs";
+import { ScrollOffset as a } from "./presets.mjs";
+import { resolveOffset as u } from "./offset.mjs";
+import { interpolate as O } from "../../../../utils/interpolate.mjs";
+import { defaultOffset as x } from "../../../../utils/offsets/default.mjs";
+const w = { x: 0, y: 0 };
+function B(t) {
+  return "getBBox" in t && t.tagName !== "svg" ? t.getBBox() : { width: t.clientWidth, height: t.clientHeight };
+}
+function W(t, s, r) {
+  const { offset: l = a.All } = r, { target: o = t, axis: e = "y" } = r, h = e === "y" ? "height" : "width", c = o !== t ? d(o, t) : w, n = o === t ? { width: t.scrollWidth, height: t.scrollHeight } : B(o), p = {
+    width: t.clientWidth,
+    height: t.clientHeight
+  };
+  s[e].offset.length = 0;
+  let i = !s[e].interpolate;
+  const m = l.length;
+  for (let f = 0; f < m; f++) {
+    const g = u(l[f], p[h], n[h], c[e]);
+    !i && g !== s[e].interpolatorOffsets[f] && (i = !0), s[e].offset[f] = g;
+  }
+  i && (s[e].interpolate = O(s[e].offset, x(l)), s[e].interpolatorOffsets = [...s[e].offset]), s[e].progress = s[e].interpolate(s[e].current);
+}
+export {
+  W as resolveOffsets
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs

@@ -0,0 +1,25 @@
+function a(i, f) {
+  const t = { x: 0, y: 0 };
+  let e = i;
+  for (; e && e !== f; )
+    if (e instanceof HTMLElement)
+      t.x += e.offsetLeft, t.y += e.offsetTop, e = e.offsetParent;
+    else if (e.tagName === "svg") {
+      const n = e.getBoundingClientRect();
+      e = e.parentElement;
+      const o = e.getBoundingClientRect();
+      t.x += n.left - o.left, t.y += n.top - o.top;
+    } else if (e instanceof SVGGraphicsElement) {
+      const { x: n, y: o } = e.getBBox();
+      t.x += n, t.y += o;
+      let s = null, l = e.parentNode;
+      for (; !s; )
+        l.tagName === "svg" && (s = l), l = e.parentNode;
+      e = s;
+    } else
+      break;
+  return t;
+}
+export {
+  a as calcInset
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/offset.mjs

@@ -0,0 +1,9 @@
+import { resolveEdge as t, namedEdges as m } from "./edge.mjs";
+const p = [0, 0];
+function c(i, l, a, d) {
+  let r = Array.isArray(i) ? i : p, e = 0, n = 0;
+  return typeof i == "number" ? r = [i, i] : typeof i == "string" && (i = i.trim(), i.includes(" ") ? r = i.split(" ") : r = [i, m[i] ? i : "0"]), e = t(r[0], a, d), n = t(r[1], l), e - n;
+}
+export {
+  c as resolveOffset
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/presets.mjs

@@ -0,0 +1,21 @@
+const t = {
+  Enter: [
+    [0, 1],
+    [1, 1]
+  ],
+  Exit: [
+    [0, 0],
+    [1, 0]
+  ],
+  Any: [
+    [1, 0],
+    [0, 1]
+  ],
+  All: [
+    [0, 0],
+    [1, 1]
+  ]
+};
+export {
+  t as ScrollOffset
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/on-scroll-handler.mjs

@@ -0,0 +1,23 @@
+import { warnOnce as r } from "../../../utils/warn-once.mjs";
+import { updateScrollInfo as c } from "./info.mjs";
+import { resolveOffsets as o } from "./offsets/index.mjs";
+function h(e, s = e, t) {
+  if (t.x.targetOffset = 0, t.y.targetOffset = 0, s !== e) {
+    let l = s;
+    for (; l && l !== e; )
+      t.x.targetOffset += l.offsetLeft, t.y.targetOffset += l.offsetTop, l = l.offsetParent;
+  }
+  t.x.targetLength = s === e ? s.scrollWidth : s.clientWidth, t.y.targetLength = s === e ? s.scrollHeight : s.clientHeight, t.x.containerLength = e.clientWidth, t.y.containerLength = e.clientHeight, process.env.NODE_ENV !== "production" && e && s && s !== e && r(getComputedStyle(e).position !== "static", "Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.");
+}
+function d(e, s, t, l = {}) {
+  return {
+    measure: () => h(e, l.target, t),
+    update: (f) => {
+      c(e, t, f), (l.offset || l.target) && o(e, t, l);
+    },
+    notify: () => s(t)
+  };
+}
+export {
+  d as createOnScrollHandler
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/supports.mjs

@@ -0,0 +1,5 @@
+import { memo as o } from "../../../utils/memo.mjs";
+const i = o(() => window.ScrollTimeline !== void 0);
+export {
+  i as supportsScrollTimeline
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/track.mjs

@@ -0,0 +1,40 @@
+import { resize as E } from "../resize/index.mjs";
+import { createScrollInfo as L } from "./info.mjs";
+import { createOnScrollHandler as z } from "./on-scroll-handler.mjs";
+import { frame as f, cancelFrame as H, frameData as h } from "../../../frameloop/frame.mjs";
+const l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), p = (a) => a === document.documentElement ? window : a;
+function W(a, { container: e = document.documentElement, ...v } = {}) {
+  let t = c.get(e);
+  t || (t = /* @__PURE__ */ new Set(), c.set(e, t));
+  const w = L(), m = z(e, a, w, v);
+  if (t.add(m), !l.has(e)) {
+    const r = () => {
+      for (const n of t)
+        n.measure();
+    }, s = () => {
+      for (const n of t)
+        n.update(h.timestamp);
+    }, o = () => {
+      for (const n of t)
+        n.notify();
+    }, d = () => {
+      f.read(r, !1, !0), f.read(s, !1, !0), f.update(o, !1, !0);
+    };
+    l.set(e, d);
+    const g = p(e);
+    window.addEventListener("resize", d, { passive: !0 }), e !== document.documentElement && u.set(e, E(e, d)), g.addEventListener("scroll", d, { passive: !0 });
+  }
+  const i = l.get(e);
+  return f.read(i, !1, !0), () => {
+    var r;
+    H(i);
+    const s = c.get(e);
+    if (!s || (s.delete(m), s.size))
+      return;
+    const o = l.get(e);
+    l.delete(e), o && (p(e).removeEventListener("scroll", o), (r = u.get(e)) === null || r === void 0 || r(), window.removeEventListener("resize", o));
+  };
+}
+export {
+  W as scrollInfo
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs

@@ -0,0 +1,4 @@
+const a = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
+export {
+  a as camelToDash
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/css-variables-conversion.mjs

@@ -0,0 +1,31 @@
+import { invariant as l } from "../../../utils/errors.mjs";
+import { isNumericalString as c } from "../../../utils/is-numerical-string.mjs";
+import { isCSSVariableToken as s } from "./is-css-variable.mjs";
+const m = (
+  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
+  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
+);
+function p(r) {
+  const t = m.exec(r);
+  if (!t)
+    return [,];
+  const [, e, i, a] = t;
+  return [`--${e ?? i}`, a];
+}
+const u = 4;
+function f(r, t, e = 1) {
+  l(e <= u, `Max CSS variable fallback depth detected in property "${r}". This may indicate a circular fallback dependency.`);
+  const [i, a] = p(r);
+  if (!i)
+    return;
+  const o = window.getComputedStyle(t).getPropertyValue(i);
+  if (o) {
+    const n = o.trim();
+    return c(n) ? parseFloat(n) : n;
+  }
+  return s(a) ? f(a, t, e + 1) : a;
+}
+export {
+  f as getVariableValue,
+  p as parseCSSVariable
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/is-css-variable.mjs

@@ -0,0 +1,5 @@
+const r = (s) => (t) => typeof t == "string" && t.startsWith(s), a = /* @__PURE__ */ r("--"), e = /* @__PURE__ */ r("var(--"), n = (s) => e(s) ? i.test(s.split("/*")[0].trim()) : !1, i = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+export {
+  a as isCSSVariableName,
+  n as isCSSVariableToken
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-element.mjs

@@ -0,0 +1,6 @@
+function t(n) {
+  return n instanceof SVGElement && n.tagName !== "svg";
+}
+export {
+  t as isSVGElement
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/resolve-element.mjs

@@ -0,0 +1,12 @@
+import { invariant as t } from "../../../utils/errors.mjs";
+function n(r, i, o) {
+  var f;
+  if (typeof r == "string") {
+    let u = document;
+    i && (t(!!i.current, "Scope provided, but no element detected."), u = i.current), o ? ((f = o[r]) !== null && f !== void 0 || (o[r] = u.querySelectorAll(r)), r = o[r]) : r = u.querySelectorAll(r);
+  } else r instanceof Element && (r = [r]);
+  return Array.from(r || []);
+}
+export {
+  n as resolveElements
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/utils/unit-conversion.mjs

@@ -0,0 +1,52 @@
+import { transformPropOrder as m } from "../../html/utils/transform.mjs";
+import { number as p } from "../../../value/types/numbers/index.mjs";
+import { px as x } from "../../../value/types/numbers/units.mjs";
+const b = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  "x",
+  "y",
+  "translateX",
+  "translateY"
+]), d = (t) => t === p || t === x, i = (t, a) => parseFloat(t.split(", ")[a]), l = (t, a) => (r, { transform: o }) => {
+  if (o === "none" || !o)
+    return 0;
+  const s = o.match(/^matrix3d\((.+)\)$/u);
+  if (s)
+    return i(s[1], a);
+  {
+    const n = o.match(/^matrix\((.+)\)$/u);
+    return n ? i(n[1], t) : 0;
+  }
+}, c = /* @__PURE__ */ new Set(["x", "y", "z"]), f = m.filter((t) => !c.has(t));
+function g(t) {
+  const a = [];
+  return f.forEach((r) => {
+    const o = t.getValue(r);
+    o !== void 0 && (a.push([r, o.get()]), o.set(r.startsWith("scale") ? 1 : 0));
+  }), a;
+}
+const e = {
+  // Dimensions
+  width: ({ x: t }, { paddingLeft: a = "0", paddingRight: r = "0" }) => t.max - t.min - parseFloat(a) - parseFloat(r),
+  height: ({ y: t }, { paddingTop: a = "0", paddingBottom: r = "0" }) => t.max - t.min - parseFloat(a) - parseFloat(r),
+  top: (t, { top: a }) => parseFloat(a),
+  left: (t, { left: a }) => parseFloat(a),
+  bottom: ({ y: t }, { top: a }) => parseFloat(a) + (t.max - t.min),
+  right: ({ x: t }, { left: a }) => parseFloat(a) + (t.max - t.min),
+  // Transform
+  x: l(4, 13),
+  y: l(5, 14)
+};
+e.translateX = e.x;
+e.translateY = e.y;
+export {
+  d as isNumOrPxType,
+  b as positionalKeys,
+  e as positionalValues,
+  g as removeNonTranslationalTransform
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs

@@ -0,0 +1,10 @@
+import { complex as n } from "../../../value/types/complex/index.mjs";
+import { filter as a } from "../../../value/types/complex/filter.mjs";
+import { getDefaultValueType as i } from "./defaults.mjs";
+function f(t, o) {
+  let e = i(t);
+  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
+}
+export {
+  f as getAnimatableNone
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/defaults.mjs

@@ -0,0 +1,24 @@
+import { color as o } from "../../../value/types/color/index.mjs";
+import { filter as r } from "../../../value/types/complex/filter.mjs";
+import { numberValueTypes as l } from "./number.mjs";
+const t = {
+  ...l,
+  // Color props
+  color: o,
+  backgroundColor: o,
+  outlineColor: o,
+  fill: o,
+  stroke: o,
+  // Border props
+  borderColor: o,
+  borderTopColor: o,
+  borderRightColor: o,
+  borderBottomColor: o,
+  borderLeftColor: o,
+  filter: r,
+  WebkitFilter: r
+}, m = (e) => t[e];
+export {
+  t as defaultValueTypes,
+  m as getDefaultValueType
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/dimensions.mjs

@@ -0,0 +1,9 @@
+import { number as o } from "../../../value/types/numbers/index.mjs";
+import { px as r, percent as m, degrees as t, vw as i, vh as n } from "../../../value/types/numbers/units.mjs";
+import { testValueType as p } from "./test.mjs";
+import { auto as s } from "./type-auto.mjs";
+const f = [o, r, m, t, i, n, s], l = (e) => f.find(p(e));
+export {
+  f as dimensionValueTypes,
+  l as findDimensionValueType
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/find.mjs

@@ -0,0 +1,8 @@
+import { color as e } from "../../../value/types/color/index.mjs";
+import { complex as m } from "../../../value/types/complex/index.mjs";
+import { dimensionValueTypes as p } from "./dimensions.mjs";
+import { testValueType as r } from "./test.mjs";
+const t = [...p, e, m], s = (o) => t.find(r(o));
+export {
+  s as findValueType
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/get-as-type.mjs

@@ -0,0 +1,4 @@
+const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
+export {
+  e as getValueAsType
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/number-browser.mjs

@@ -0,0 +1,41 @@
+import { px as o } from "../../../value/types/numbers/units.mjs";
+const i = {
+  // Border props
+  borderWidth: o,
+  borderTopWidth: o,
+  borderRightWidth: o,
+  borderBottomWidth: o,
+  borderLeftWidth: o,
+  borderRadius: o,
+  radius: o,
+  borderTopLeftRadius: o,
+  borderTopRightRadius: o,
+  borderBottomRightRadius: o,
+  borderBottomLeftRadius: o,
+  // Positioning props
+  width: o,
+  maxWidth: o,
+  height: o,
+  maxHeight: o,
+  top: o,
+  right: o,
+  bottom: o,
+  left: o,
+  // Spacing props
+  padding: o,
+  paddingTop: o,
+  paddingRight: o,
+  paddingBottom: o,
+  paddingLeft: o,
+  margin: o,
+  marginTop: o,
+  marginRight: o,
+  marginBottom: o,
+  marginLeft: o,
+  // Misc
+  backgroundPositionX: o,
+  backgroundPositionY: o
+};
+export {
+  i as browserNumberValueTypes
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/number.mjs

@@ -0,0 +1,18 @@
+import { alpha as r } from "../../../value/types/numbers/index.mjs";
+import { px as e } from "../../../value/types/numbers/units.mjs";
+import { browserNumberValueTypes as m } from "./number-browser.mjs";
+import { transformValueTypes as p } from "./transform.mjs";
+import { int as o } from "./type-int.mjs";
+const l = {
+  ...m,
+  ...p,
+  zIndex: o,
+  size: e,
+  // SVG
+  fillOpacity: r,
+  strokeOpacity: r,
+  numOctaves: o
+};
+export {
+  l as numberValueTypes
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/test.mjs

@@ -0,0 +1,4 @@
+const s = (t) => (e) => e.test(t);
+export {
+  s as testValueType
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/transform.mjs

@@ -0,0 +1,31 @@
+import { scale as t, alpha as s } from "../../../value/types/numbers/index.mjs";
+import { degrees as r, px as e, progressPercentage as a } from "../../../value/types/numbers/units.mjs";
+const n = {
+  rotate: r,
+  rotateX: r,
+  rotateY: r,
+  rotateZ: r,
+  scale: t,
+  scaleX: t,
+  scaleY: t,
+  scaleZ: t,
+  skew: r,
+  skewX: r,
+  skewY: r,
+  distance: e,
+  translateX: e,
+  translateY: e,
+  translateZ: e,
+  x: e,
+  y: e,
+  z: e,
+  perspective: e,
+  transformPerspective: e,
+  opacity: s,
+  originX: a,
+  originY: a,
+  originZ: e
+};
+export {
+  n as transformValueTypes
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/type-auto.mjs

@@ -0,0 +1,7 @@
+const o = {
+  test: (t) => t === "auto",
+  parse: (t) => t
+};
+export {
+  o as auto
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/value-types/type-int.mjs

@@ -0,0 +1,8 @@
+import { number as r } from "../../../value/types/numbers/index.mjs";
+const t = {
+  ...r,
+  transform: Math.round
+};
+export {
+  t as int
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs

@@ -0,0 +1,25 @@
+import { resolveElements as d } from "../utils/resolve-element.mjs";
+const m = {
+  some: 0,
+  all: 1
+};
+function b(i, a, { root: f, margin: l, amount: t = "some" } = {}) {
+  const g = d(i), n = /* @__PURE__ */ new WeakMap(), h = (o) => {
+    o.forEach((e) => {
+      const r = n.get(e.target);
+      if (e.isIntersecting !== !!r)
+        if (e.isIntersecting) {
+          const c = a(e);
+          typeof c == "function" ? n.set(e.target, c) : s.unobserve(e.target);
+        } else r && (r(e), n.delete(e.target));
+    });
+  }, s = new IntersectionObserver(h, {
+    root: f,
+    rootMargin: l,
+    threshold: typeof t == "number" ? t : m[t]
+  });
+  return g.forEach((o) => s.observe(o)), () => s.disconnect();
+}
+export {
+  b as inView
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs

@@ -0,0 +1,46 @@
+import { buildHTMLStyles as s } from "./utils/build-styles.mjs";
+import { isCSSVariableName as n } from "../dom/utils/is-css-variable.mjs";
+import { transformProps as m } from "./utils/transform.mjs";
+import { scrapeMotionValuesFromProps as u } from "./utils/scrape-motion-values.mjs";
+import { renderHTML as l } from "./utils/render.mjs";
+import { getDefaultValueType as p } from "../dom/value-types/defaults.mjs";
+import { measureViewportBox as a } from "../../projection/utils/measure.mjs";
+import { DOMVisualElement as c } from "../dom/DOMVisualElement.mjs";
+import { isMotionValue as d } from "../../value/utils/is-motion-value.mjs";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+class C extends c {
+  constructor() {
+    super(...arguments), this.type = "html", this.renderInstance = l;
+  }
+  readValueFromInstance(e, t) {
+    if (m.has(t)) {
+      const r = p(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (n(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return a(e, t);
+  }
+  build(e, t, r) {
+    s(e, t, r.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t, r) {
+    return u(e, t, r);
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    d(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+}
+export {
+  C as HTMLVisualElement,
+  f as getComputedStyle
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs

@@ -0,0 +1,29 @@
+import { buildTransform as p } from "./build-transform.mjs";
+import { isCSSVariableName as u } from "../../dom/utils/is-css-variable.mjs";
+import { transformProps as c } from "./transform.mjs";
+import { getValueAsType as g } from "../../dom/value-types/get-as-type.mjs";
+import { numberValueTypes as y } from "../../dom/value-types/number.mjs";
+function S(f, i, e) {
+  const { style: o, vars: l, transformOrigin: t } = f;
+  let m = !1, a = !1;
+  for (const r in i) {
+    const n = i[r];
+    if (c.has(r)) {
+      m = !0;
+      continue;
+    } else if (u(r)) {
+      l[r] = n;
+      continue;
+    } else {
+      const s = g(n, y[r]);
+      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+    }
+  }
+  if (i.transform || (m || e ? o.transform = p(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
+    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
+    o.transformOrigin = `${r} ${n} ${s}`;
+  }
+}
+export {
+  S as buildHTMLStyles
+};