@new-black/lyra 0.0.18 → 0.0.22

package/dist/lyra278.js

@@ -1,10 +1,329 @@
-class s {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
+import { useRef as a, useState as d, useMemo as u, useEffect as B } from "react";
+import { useControlledState as A } from "./lyra59.js";
+import { compareNodeOrder as f, getFirstItem as E, getChildNodes as C } from "./lyra52.js";
+class c extends Set {
+  constructor(e, t, l) {
+    super(e), e instanceof c ? (this.anchorKey = t || e.anchorKey, this.currentKey = l || e.currentKey) : (this.anchorKey = t, this.currentKey = l);
   }
-  update() {
+}
+function R(i, e) {
+  if (i.size !== e.size)
+    return !1;
+  for (let t of i)
+    if (!e.has(t))
+      return !1;
+  return !0;
+}
+function D(i) {
+  let { selectionMode: e = "none", disallowEmptySelection: t, allowDuplicateSelectionEvents: l, selectionBehavior: s = "toggle", disabledBehavior: n = "all" } = i, S = a(!1), [, p] = d(!1), y = a(null), K = a(null), [, v] = d(null), w = u(() => b(i.selectedKeys), [
+    i.selectedKeys
+  ]), $ = u(() => b(i.defaultSelectedKeys, new c()), [
+    i.defaultSelectedKeys
+  ]), [r, I] = A(w, $, i.onSelectionChange), M = u(() => i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set(), [
+    i.disabledKeys
+  ]), [g, h] = d(s);
+  s === "replace" && g === "toggle" && typeof r == "object" && r.size === 0 && h("replace");
+  let m = a(s);
+  return B(() => {
+    s !== m.current && (h(s), m.current = s);
+  }, [
+    s
+  ]), {
+    selectionMode: e,
+    disallowEmptySelection: t,
+    selectionBehavior: g,
+    setSelectionBehavior: h,
+    get isFocused() {
+      return S.current;
+    },
+    setFocused(o) {
+      S.current = o, p(o);
+    },
+    get focusedKey() {
+      return y.current;
+    },
+    get childFocusStrategy() {
+      return K.current;
+    },
+    setFocusedKey(o, F = "first") {
+      y.current = o, K.current = F, v(o);
+    },
+    selectedKeys: r,
+    setSelectedKeys(o) {
+      (l || !R(o, r)) && I(o);
+    },
+    disabledKeys: M,
+    disabledBehavior: n
+  };
+}
+function b(i, e) {
+  return i ? i === "all" ? "all" : new c(i) : e;
+}
+class N {
+  /**
+  * The type of selection that is allowed in the collection.
+  */
+  get selectionMode() {
+    return this.state.selectionMode;
+  }
+  /**
+  * Whether the collection allows empty selection.
+  */
+  get disallowEmptySelection() {
+    return this.state.disallowEmptySelection;
+  }
+  /**
+  * The selection behavior for the collection.
+  */
+  get selectionBehavior() {
+    return this.state.selectionBehavior;
+  }
+  /**
+  * Sets the selection behavior for the collection.
+  */
+  setSelectionBehavior(e) {
+    this.state.setSelectionBehavior(e);
+  }
+  /**
+  * Whether the collection is currently focused.
+  */
+  get isFocused() {
+    return this.state.isFocused;
+  }
+  /**
+  * Sets whether the collection is focused.
+  */
+  setFocused(e) {
+    this.state.setFocused(e);
+  }
+  /**
+  * The current focused key in the collection.
+  */
+  get focusedKey() {
+    return this.state.focusedKey;
+  }
+  /** Whether the first or last child of the focused key should receive focus. */
+  get childFocusStrategy() {
+    return this.state.childFocusStrategy;
+  }
+  /**
+  * Sets the focused key.
+  */
+  setFocusedKey(e, t) {
+    (e == null || this.collection.getItem(e)) && this.state.setFocusedKey(e, t);
+  }
+  /**
+  * The currently selected keys in the collection.
+  */
+  get selectedKeys() {
+    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
+  }
+  /**
+  * The raw selection value for the collection.
+  * Either 'all' for select all, or a set of keys.
+  */
+  get rawSelection() {
+    return this.state.selectedKeys;
+  }
+  /**
+  * Returns whether a key is selected.
+  */
+  isSelected(e) {
+    return this.state.selectionMode === "none" ? !1 : (e = this.getKey(e), this.state.selectedKeys === "all" ? this.canSelectItem(e) : this.state.selectedKeys.has(e));
+  }
+  /**
+  * Whether the selection is empty.
+  */
+  get isEmpty() {
+    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
+  }
+  /**
+  * Whether all items in the collection are selected.
+  */
+  get isSelectAll() {
+    if (this.isEmpty)
+      return !1;
+    if (this.state.selectedKeys === "all")
+      return !0;
+    if (this._isSelectAll != null)
+      return this._isSelectAll;
+    let e = this.getSelectAllKeys(), t = this.state.selectedKeys;
+    return this._isSelectAll = e.every((l) => t.has(l)), this._isSelectAll;
+  }
+  get firstSelectedKey() {
+    let e = null;
+    for (let t of this.state.selectedKeys) {
+      let l = this.collection.getItem(t);
+      (!e || l && f(this.collection, l, e) < 0) && (e = l);
+    }
+    return e == null ? void 0 : e.key;
+  }
+  get lastSelectedKey() {
+    let e = null;
+    for (let t of this.state.selectedKeys) {
+      let l = this.collection.getItem(t);
+      (!e || l && f(this.collection, l, e) > 0) && (e = l);
+    }
+    return e == null ? void 0 : e.key;
+  }
+  get disabledKeys() {
+    return this.state.disabledKeys;
+  }
+  get disabledBehavior() {
+    return this.state.disabledBehavior;
+  }
+  /**
+  * Extends the selection to the given key.
+  */
+  extendSelection(e) {
+    if (this.selectionMode === "none")
+      return;
+    if (this.selectionMode === "single") {
+      this.replaceSelection(e);
+      return;
+    }
+    e = this.getKey(e);
+    let t;
+    if (this.state.selectedKeys === "all")
+      t = new c([
+        e
+      ], e, e);
+    else {
+      let l = this.state.selectedKeys, s = l.anchorKey || e;
+      t = new c(l, s, e);
+      for (let n of this.getKeyRange(s, l.currentKey || e))
+        t.delete(n);
+      for (let n of this.getKeyRange(e, s))
+        this.canSelectItem(n) && t.add(n);
+    }
+    this.state.setSelectedKeys(t);
+  }
+  getKeyRange(e, t) {
+    let l = this.collection.getItem(e), s = this.collection.getItem(t);
+    return l && s ? f(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(e, t) : this.getKeyRangeInternal(t, e) : [];
+  }
+  getKeyRangeInternal(e, t) {
+    let l = [], s = e;
+    for (; s; ) {
+      let n = this.collection.getItem(s);
+      if ((n && n.type === "item" || n.type === "cell" && this.allowsCellSelection) && l.push(s), s === t)
+        return l;
+      s = this.collection.getKeyAfter(s);
+    }
+    return [];
+  }
+  getKey(e) {
+    let t = this.collection.getItem(e);
+    if (!t || t.type === "cell" && this.allowsCellSelection)
+      return e;
+    for (; t.type !== "item" && t.parentKey != null; )
+      t = this.collection.getItem(t.parentKey);
+    return !t || t.type !== "item" ? null : t.key;
+  }
+  /**
+  * Toggles whether the given key is selected.
+  */
+  toggleSelection(e) {
+    if (this.selectionMode === "none")
+      return;
+    if (this.selectionMode === "single" && !this.isSelected(e)) {
+      this.replaceSelection(e);
+      return;
+    }
+    if (e = this.getKey(e), e == null)
+      return;
+    let t = new c(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
+    t.has(e) ? t.delete(e) : this.canSelectItem(e) && (t.add(e), t.anchorKey = e, t.currentKey = e), !(this.disallowEmptySelection && t.size === 0) && this.state.setSelectedKeys(t);
+  }
+  /**
+  * Replaces the selection with only the given key.
+  */
+  replaceSelection(e) {
+    if (this.selectionMode === "none" || (e = this.getKey(e), e == null))
+      return;
+    let t = this.canSelectItem(e) ? new c([
+      e
+    ], e, e) : new c();
+    this.state.setSelectedKeys(t);
+  }
+  /**
+  * Replaces the selection with the given keys.
+  */
+  setSelectedKeys(e) {
+    if (this.selectionMode === "none")
+      return;
+    let t = new c();
+    for (let l of e)
+      if (l = this.getKey(l), l != null && (t.add(l), this.selectionMode === "single"))
+        break;
+    this.state.setSelectedKeys(t);
+  }
+  getSelectAllKeys() {
+    let e = [], t = (l) => {
+      for (; l; ) {
+        if (this.canSelectItem(l)) {
+          let s = this.collection.getItem(l);
+          s.type === "item" && e.push(l), s.hasChildNodes && (this.allowsCellSelection || s.type !== "item") && t(E(C(s, this.collection)).key);
+        }
+        l = this.collection.getKeyAfter(l);
+      }
+    };
+    return t(this.collection.getFirstKey()), e;
+  }
+  /**
+  * Selects all items in the collection.
+  */
+  selectAll() {
+    !this.isSelectAll && this.selectionMode === "multiple" && this.state.setSelectedKeys("all");
+  }
+  /**
+  * Removes all keys from the selection.
+  */
+  clearSelection() {
+    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new c());
+  }
+  /**
+  * Toggles between select all and an empty selection.
+  */
+  toggleSelectAll() {
+    this.isSelectAll ? this.clearSelection() : this.selectAll();
+  }
+  select(e, t) {
+    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(e) && !this.disallowEmptySelection ? this.toggleSelection(e) : this.replaceSelection(e) : this.selectionBehavior === "toggle" || t && (t.pointerType === "touch" || t.pointerType === "virtual") ? this.toggleSelection(e) : this.replaceSelection(e));
+  }
+  /**
+  * Returns whether the current selection is equal to the given selection.
+  */
+  isSelectionEqual(e) {
+    if (e === this.state.selectedKeys)
+      return !0;
+    let t = this.selectedKeys;
+    if (e.size !== t.size)
+      return !1;
+    for (let l of e)
+      if (!t.has(l))
+        return !1;
+    for (let l of t)
+      if (!e.has(l))
+        return !1;
+    return !0;
+  }
+  canSelectItem(e) {
+    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(e))
+      return !1;
+    let t = this.collection.getItem(e);
+    return !(!t || t.type === "cell" && !this.allowsCellSelection);
+  }
+  isDisabled(e) {
+    return this.state.disabledKeys.has(e) && this.state.disabledBehavior === "all";
+  }
+  constructor(e, t, l) {
+    this.collection = e, this.state = t;
+    var s;
+    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null;
   }
 }
 export {
-  s as Feature
+  N as SelectionManager,
+  D as useMultipleSelectionState
 };

package/dist/lyra279.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra200.cjs"),s=require("./lyra196.cjs"),c=new Set(["brightness","contrast","saturate","opacity"]);function u(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[r]=n.match(s.floatRegex)||[];if(!r)return t;const o=n.replace(r,"");let a=c.has(e)?1:0;return r!==n&&(a*=100),e+"("+a+o+")"}const l=/([a-z-]*)\(.*?\)/g,f={...i.complex,getAnimatableNone:t=>{const e=t.match(l);return e?e.map(u).join(" "):t}};exports.filter=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra104.cjs"),g=require("react");function l(o){let e=a.useOverlayTriggerState(o),[u,r]=g.useState(null);return{focusStrategy:u,...e,open(t=null){r(t),e.open()},toggle(t=null){r(t),e.toggle()}}}exports.useMenuTriggerState=l;

package/dist/lyra279.js

@@ -1,24 +1,18 @@
-import { complex as c } from "./lyra200.js";
-import { floatRegex as i } from "./lyra196.js";
-const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function l(t) {
-  const [e, n] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow")
-    return t;
-  const [o] = n.match(i) || [];
-  if (!o)
-    return t;
-  const r = n.replace(o, "");
-  let a = s.has(e) ? 1 : 0;
-  return o !== n && (a *= 100), e + "(" + a + r + ")";
+import { useOverlayTriggerState as g } from "./lyra104.js";
+import { useState as l } from "react";
+function f(o) {
+  let e = g(o), [a, r] = l(null);
+  return {
+    focusStrategy: a,
+    ...e,
+    open(t = null) {
+      r(t), e.open();
+    },
+    toggle(t = null) {
+      r(t), e.toggle();
+    }
+  };
 }
-const u = /([a-z-]*)\(.*?\)/g, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(u);
-    return e ? e.map(l).join(" ") : t;
-  }
-};
 export {
-  p as filter
+  f as useMenuTriggerState
 };

package/dist/lyra280.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra195.cjs"),r=require("./lyra279.cjs"),t=require("./lyra326.cjs"),e={...t.numberValueTypes,color:o.color,backgroundColor:o.color,outlineColor:o.color,fill:o.color,stroke:o.color,borderColor:o.color,borderTopColor:o.color,borderRightColor:o.color,borderBottomColor:o.color,borderLeftColor:o.color,filter:r.filter,WebkitFilter:r.filter},c=l=>e[l];exports.defaultValueTypes=e;exports.getDefaultValueType=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;

package/dist/lyra280.js

@@ -1,24 +1,30 @@
-import { color as o } from "./lyra195.js";
-import { filter as r } from "./lyra279.js";
-import { numberValueTypes as l } from "./lyra326.js";
-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];
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
 export {
-  t as defaultValueTypes,
-  m as getDefaultValueType
+  e as lowercaseSVGElements
 };

package/dist/lyra281.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra203.cjs"),e=require("./lyra204.cjs"),s=require("./lyra282.cjs"),o=require("./lyra325.cjs"),n=[i.number,e.px,e.percent,e.degrees,e.vw,e.vh,o.auto],u=t=>n.find(s.testValueType(t));exports.dimensionValueTypes=n;exports.findDimensionValueType=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra325.cjs"),s=require("./lyra134.cjs"),u=require("./lyra297.cjs"),c=require("./lyra289.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;

package/dist/lyra281.js

@@ -1,9 +1,27 @@
-import { number as o } from "./lyra203.js";
-import { px as r, percent as m, degrees as t, vw as i, vh as n } from "./lyra204.js";
-import { testValueType as p } from "./lyra282.js";
-import { auto as s } from "./lyra325.js";
-const f = [o, r, m, t, i, n, s], l = (e) => f.find(p(e));
+import { useMemo as r } from "react";
+import { isForcedMotionValue as i } from "./lyra325.js";
+import { isMotionValue as l } from "./lyra134.js";
+import { buildHTMLStyles as s } from "./lyra297.js";
+import { createHtmlRenderState as u } from "./lyra289.js";
+function c(e, n, o) {
+  for (const t in n)
+    !l(n[t]) && !i(t, o) && (e[t] = n[t]);
+}
+function f({ transformTemplate: e }, n, o) {
+  return r(() => {
+    const t = u();
+    return s(t, n, { enableHardwareAcceleration: !o }, e), Object.assign({}, t.vars, t.style);
+  }, [n]);
+}
+function m(e, n, o) {
+  const t = e.style || {}, a = {};
+  return c(a, t, e), Object.assign(a, f(e, n, o)), e.transformValues ? e.transformValues(a) : a;
+}
+function T(e, n, o) {
+  const t = {}, a = m(e, n, o);
+  return e.drag && e.dragListener !== !1 && (t.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (t.tabIndex = 0), t.style = a, t;
+}
 export {
-  f as dimensionValueTypes,
-  l as findDimensionValueType
+  c as copyRawValuesOnly,
+  T as useHTMLProps
 };

package/dist/lyra282.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>t=>t.test(e);exports.testValueType=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra281.cjs"),l=require("./lyra286.cjs"),o=require("./lyra285.cjs"),u=require("./lyra287.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;

package/dist/lyra282.js

@@ -1,4 +1,22 @@
-const s = (t) => (e) => e.test(t);
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./lyra281.js";
+import { buildSVGAttrs as m } from "./lyra286.js";
+import { createSvgRenderState as i } from "./lyra285.js";
+import { isSVGTag as n } from "./lyra287.js";
+function V(e, s, c, o) {
+  const r = a(() => {
+    const t = i();
+    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
+}
 export {
-  s as testValueType
+  V as useSVGProps
 };

package/dist/lyra283.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra193.cjs"),n=require("./lyra298.cjs"),a=require("./lyra301.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;

package/dist/lyra283.js

@@ -1,4 +1,11 @@
-const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+import { camelToDash as i } from "./lyra193.js";
+import { renderHTML as m } from "./lyra298.js";
+import { camelCaseAttributes as e } from "./lyra301.js";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+}
 export {
-  t as isNodeOrChild
+  c as renderSVG
 };

package/dist/lyra284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=new WeakMap,n=new WeakMap,b=e=>{const r=c.get(e.target);r&&r(e)},a=e=>{e.forEach(b)};function i({root:e,...r}){const s=e||document;n.has(s)||n.set(s,{});const t=n.get(s),o=JSON.stringify(r);return t[o]||(t[o]=new IntersectionObserver(a,{root:e,...r})),t[o]}function v(e,r,s){const t=i(r);return c.set(e,s),t.observe(e),()=>{c.delete(e),t.unobserve(e)}}exports.observeIntersection=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra134.cjs"),i=require("./lyra288.cjs"),a=require("./lyra162.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra284.js

@@ -1,21 +1,15 @@
-const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
-  const r = c.get(e.target);
-  r && r(e);
-}, b = (e) => {
-  e.forEach(a);
-};
-function i({ root: e, ...r }) {
-  const t = e || document;
-  n.has(t) || n.set(t, {});
-  const s = n.get(t), o = JSON.stringify(r);
-  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
-}
-function v(e, r, t) {
-  const s = i(r);
-  return c.set(e, t), s.observe(e), () => {
-    c.delete(e), s.unobserve(e);
-  };
+import { isMotionValue as n } from "./lyra134.js";
+import { scrapeMotionValuesFromProps as a } from "./lyra288.js";
+import { transformPropOrder as i } from "./lyra162.js";
+function u(r, t) {
+  const e = a(r, t);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[s] = r[o];
+    }
+  return e;
 }
 export {
-  v as observeIntersection
+  u as scrapeMotionValuesFromProps
 };

package/dist/lyra285.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra289.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;

package/dist/lyra285.js

@@ -1,30 +1,8 @@
-const e = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "switch",
-  "symbol",
-  "svg",
-  "text",
-  "tspan",
-  "use",
-  "view"
-];
+import { createHtmlRenderState as t } from "./lyra289.js";
+const r = () => ({
+  ...t(),
+  attrs: {}
+});
 export {
-  e as lowercaseSVGElements
+  r as createSvgRenderState
 };

package/dist/lyra286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra329.cjs"),s=require("./lyra147.cjs"),u=require("./lyra300.cjs"),c=require("./lyra294.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra297.cjs"),v=require("./lyra326.cjs"),x=require("./lyra327.cjs");function G(e,{attrX:s,attrY:u,attrScale:l,originX:i,originY:r,pathLength:o,pathSpacing:t=1,pathOffset:m=0,...y},c,b,S){if(a.buildHTMLStyles(e,y,c,S),b){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:n,style:f,dimensions:d}=e;n.transform&&(d&&(f.transform=n.transform),delete n.transform),d&&(i!==void 0||r!==void 0||f.transform)&&(f.transformOrigin=v.calcSVGTransformOrigin(d,i!==void 0?i:.5,r!==void 0?r:.5)),s!==void 0&&(n.x=s),u!==void 0&&(n.y=u),l!==void 0&&(n.scale=l),o!==void 0&&x.buildSVGPath(n,o,t,m,!1)}exports.buildSVGAttrs=G;