@new-black/lyra 0.0.18 → 0.0.19

package/dist/lyra126.js

@@ -1,329 +1,6 @@
-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);
-  }
-}
-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;
-  }
-}
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./lyra146.js";
+const s = e ? o : t;
 export {
-  N as SelectionManager,
-  D as useMultipleSelectionState
+  s as useIsomorphicLayoutEffect
 };

package/dist/lyra127.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra108.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(e){return t.useEffect(()=>()=>e(),[])}exports.useUnmountEffect=u;

package/dist/lyra127.js

@@ -1,18 +1,7 @@
-import { useOverlayTriggerState as g } from "./lyra108.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();
-    }
-  };
+import { useEffect as e } from "react";
+function n(t) {
+  return e(() => () => t(), []);
 }
 export {
-  f as useMenuTriggerState
+  n as useUnmountEffect
 };

package/dist/lyra128.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra186.cjs");exports.warning=e.noop;exports.invariant=e.noop;process.env.NODE_ENV!=="production"&&(exports.warning=(n,o)=>{!n&&typeof console<"u"&&console.warn(o)},exports.invariant=(n,o)=>{if(!n)throw new Error(o)});

package/dist/lyra128.js

@@ -1,4 +1,12 @@
-var r = {};
+import { noop as r } from "./lyra186.js";
+let e = r, i = r;
+process.env.NODE_ENV !== "production" && (e = (o, n) => {
+  !o && typeof console < "u" && console.warn(n);
+}, i = (o, n) => {
+  if (!o)
+    throw new Error(n);
+});
 export {
-  r as __exports
+  i as invariant,
+  e as warning
 };

package/dist/lyra129.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra130.cjs"),u=require("./lyra131.cjs");function r(e){const o=u.isMotionValue(e)?e.get():e;return t.isCustomValue(o)?o.toValue():o}exports.resolveMotionValue=r;

package/dist/lyra129.js

@@ -1,4 +1,9 @@
-var e = {};
+import { isCustomValue as e } from "./lyra130.js";
+import { isMotionValue as r } from "./lyra131.js";
+function u(o) {
+  const t = r(o) ? o.get() : o;
+  return e(t) ? t.toValue() : t;
+}
 export {
-  e as __exports
+  u as resolveMotionValue
 };

package/dist/lyra13.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra36.cjs"),n=require("./lyra71.cjs"),m=require("./lyra28.cjs"),a=({icon:e,iconProps:u={},iconName:t,variant:s="start"})=>{const{className:r,...c}=u;return e?e({...c,className:n.cx("w-5 h-5",s==="start"?"ms-2":"me-2",r)}):t?o.jsxRuntimeExports.jsx(m.SvgIcon,{name:t,className:n.cx("h-5 w-5",s==="start"?"ms-2":"me-2",r)}):null};exports.InputIcon=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra36.cjs"),n=require("./lyra70.cjs"),m=require("./lyra28.cjs"),a=({icon:e,iconProps:u={},iconName:t,variant:s="start"})=>{const{className:r,...c}=u;return e?e({...c,className:n.cx("w-5 h-5",s==="start"?"ms-2":"me-2",r)}):t?o.jsxRuntimeExports.jsx(m.SvgIcon,{name:t,className:n.cx("h-5 w-5",s==="start"?"ms-2":"me-2",r)}):null};exports.InputIcon=a;

package/dist/lyra13.js

@@ -1,5 +1,5 @@
 import { j as n } from "./lyra36.js";
-import { cx as o } from "./lyra71.js";
+import { cx as o } from "./lyra70.js";
 import { SvgIcon as p } from "./lyra28.js";
 const l = ({
   icon: s,

package/dist/lyra130.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra253.cjs"),r=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),s=e=>t.isKeyframesTarget(e)?e[e.length-1]||0:e;exports.isCustomValue=r;exports.resolveFinalValueInKeyframes=s;

package/dist/lyra130.js

@@ -1,4 +1,6 @@
-const t = "";
+import { isKeyframesTarget as o } from "./lyra253.js";
+const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
 export {
-  t as default
+  r as isCustomValue,
+  a as resolveFinalValueInKeyframes
 };

package/dist/lyra131.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra155.cjs");function c(r){function t(o,e={}){return i.createMotionComponent(r(o,e))}if(typeof Proxy>"u")return t;const n=new Map;return new Proxy(t,{get:(o,e)=>(n.has(e)||n.set(e,t(e)),n.get(e))})}exports.createMotionProxy=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>!!(o&&o.getVelocity);exports.isMotionValue=e;

package/dist/lyra131.js

@@ -1,20 +1,4 @@
-import { createMotionComponent as c } from "./lyra155.js";
-function u(r) {
-  function n(e, t = {}) {
-    return c(r(e, t));
-  }
-  if (typeof Proxy > "u")
-    return n;
-  const o = /* @__PURE__ */ new Map();
-  return new Proxy(n, {
-    /**
-     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
-     * The prop name is passed through as `key` and we can use that to generate a `motion`
-     * DOM component with that name.
-     */
-    get: (e, t) => (o.has(t) || o.set(t, n(t)), o.get(t))
-  });
-}
+const t = (o) => !!(o && o.getVelocity);
 export {
-  u as createMotionProxy
+  t as isMotionValue
 };

package/dist/lyra132.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra247.cjs"),r=require("./lyra248.cjs"),s=require("./lyra249.cjs"),c=require("./lyra250.cjs");function g(e,{forwardMotionProps:o=!1},n,i){return{...t.isSVGComponent(e)?s.svgMotionConfig:c.htmlMotionConfig,preloadedFeatures:n,useRender:r.createUseRender(o),createVisualElement:i,Component:e}}exports.createDomMotionConfig=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra133.cjs"),l=require("./lyra134.cjs"),m=require("./lyra135.cjs");function c(e,a,r={}){e.notify("AnimationStart",a);let t;if(Array.isArray(a)){const n=a.map(s=>m.animateVariant(e,s,r));t=Promise.all(n)}else if(typeof a=="string")t=m.animateVariant(e,a,r);else{const n=typeof a=="function"?o.resolveVariant(e,a,r.custom):a;t=Promise.all(l.animateTarget(e,n,r))}return t.then(()=>e.notify("AnimationComplete",a))}exports.animateVisualElement=c;

package/dist/lyra132.js

@@ -1,16 +1,20 @@
-import { isSVGComponent as n } from "./lyra247.js";
-import { createUseRender as t } from "./lyra248.js";
-import { svgMotionConfig as f } from "./lyra249.js";
-import { htmlMotionConfig as m } from "./lyra250.js";
-function c(o, { forwardMotionProps: e = !1 }, r, i) {
-  return {
-    ...n(o) ? f : m,
-    preloadedFeatures: r,
-    useRender: t(e),
-    createVisualElement: i,
-    Component: o
-  };
+import { resolveVariant as c } from "./lyra133.js";
+import { animateTarget as p } from "./lyra134.js";
+import { animateVariant as e } from "./lyra135.js";
+function n(a, r, t = {}) {
+  a.notify("AnimationStart", r);
+  let m;
+  if (Array.isArray(r)) {
+    const o = r.map((y) => e(a, y, t));
+    m = Promise.all(o);
+  } else if (typeof r == "string")
+    m = e(a, r, t);
+  else {
+    const o = typeof r == "function" ? c(a, r, t.custom) : r;
+    m = Promise.all(p(a, o, t));
+  }
+  return m.then(() => a.notify("AnimationComplete", r));
 }
 export {
-  c as createDomMotionConfig
+  n as animateVisualElement
 };

package/dist/lyra133.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra251.cjs"),r=require("./lyra252.cjs"),t=require("./lyra253.cjs"),s=require("./lyra254.cjs"),u={inView:{Feature:s.InViewFeature},tap:{Feature:t.PressGesture},focus:{Feature:r.FocusGesture},hover:{Feature:e.HoverGesture}};exports.gestureAnimations=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra163.cjs");function c(e){const r={};return e.values.forEach((t,o)=>r[o]=t.get()),r}function s(e){const r={};return e.values.forEach((t,o)=>r[o]=t.getVelocity()),r}function i(e,r,t){const o=e.getProps();return n.resolveVariantFromProps(o,r,t!==void 0?t:o.custom,c(e),s(e))}exports.resolveVariant=i;

package/dist/lyra133.js

@@ -1,21 +1,16 @@
-import { HoverGesture as e } from "./lyra251.js";
-import { FocusGesture as r } from "./lyra252.js";
-import { PressGesture as t } from "./lyra253.js";
-import { InViewFeature as o } from "./lyra254.js";
-const a = {
-  inView: {
-    Feature: o
-  },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
-  }
-};
+import { resolveVariantFromProps as n } from "./lyra163.js";
+function c(r) {
+  const t = {};
+  return r.values.forEach((o, e) => t[e] = o.get()), t;
+}
+function u(r) {
+  const t = {};
+  return r.values.forEach((o, e) => t[e] = o.getVelocity()), t;
+}
+function s(r, t, o) {
+  const e = r.getProps();
+  return n(e, t, o !== void 0 ? o : e.custom, c(r), u(r));
+}
 export {
-  a as gestureAnimations
+  s as resolveVariant
 };

package/dist/lyra134.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra229.cjs"),t=require("./lyra230.cjs"),i={animation:{Feature:e.AnimationFeature},exit:{Feature:t.ExitAnimationFeature}};exports.animations=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra151.cjs"),A=require("./lyra159.cjs"),w=require("./lyra189.cjs"),q=require("./lyra256.cjs"),S=require("./lyra158.cjs"),P=require("./lyra215.cjs");function V({protectedKeys:t,needsAnimating:o},e){const i=t.hasOwnProperty(e)&&o[e]!==!0;return o[e]=!1,i}function b(t,o,{delay:e=0,transitionOverride:i,type:u}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...f}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in f){const n=t.getValue(a),g=f[a];if(!n||g===void 0||p&&V(p,a))continue;const l={delay:e,elapsed:0,...d};if(window.HandoffAppearAnimations&&!n.hasAnimated){const h=t.getProps()[w.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,n,T.frame))}n.start(q.animateMotionValue(a,n,g,t.shouldReduceMotion&&A.transformProps.has(a)?{type:!1}:l));const m=n.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&P.setTarget(t,r)}),c}exports.animateTarget=b;

package/dist/lyra134.js

@@ -1,13 +1,35 @@
-import { AnimationFeature as t } from "./lyra229.js";
-import { ExitAnimationFeature as i } from "./lyra230.js";
-const o = {
-  animation: {
-    Feature: t
-  },
-  exit: {
-    Feature: i
+import { frame as A } from "./lyra151.js";
+import { transformProps as w } from "./lyra159.js";
+import { optimizedAppearDataAttribute as T } from "./lyra189.js";
+import { animateMotionValue as P } from "./lyra256.js";
+import { isWillChangeMotionValue as S } from "./lyra158.js";
+import { setTarget as V } from "./lyra215.js";
+function C({ protectedKeys: t, needsAnimating: i }, n) {
+  const e = t.hasOwnProperty(n) && i[n] !== !0;
+  return i[n] = !1, e;
+}
+function x(t, i, { delay: n = 0, transitionOverride: e, type: p } = {}) {
+  let { transition: m = t.getDefaultTransition(), transitionEnd: r, ...c } = t.makeTargetAnimatable(i);
+  const f = t.getValue("willChange");
+  e && (m = e);
+  const s = [], d = p && t.animationState && t.animationState.getState()[p];
+  for (const o in c) {
+    const a = t.getValue(o), u = c[o];
+    if (!a || u === void 0 || d && C(d, o))
+      continue;
+    const g = { delay: n, elapsed: 0, ...m };
+    if (window.HandoffAppearAnimations && !a.hasAnimated) {
+      const l = t.getProps()[T];
+      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, A));
+    }
+    a.start(P(o, a, u, t.shouldReduceMotion && w.has(o) ? { type: !1 } : g));
+    const h = a.animation;
+    S(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
   }
-};
+  return r && Promise.all(s).then(() => {
+    r && V(t, r);
+  }), s;
+}
 export {
-  o as animations
+  x as animateTarget
 };

package/dist/lyra135.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra255.cjs"),r=require("./lyra256.cjs"),o=require("./lyra257.cjs"),t=require("./lyra258.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra133.cjs"),y=require("./lyra134.cjs");function m(r,t,n={}){const i=g.resolveVariant(r,t,n.custom);let{transition:o=r.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(o=n.transitionOverride);const s=i?()=>Promise.all(y.animateTarget(r,i,n)):()=>Promise.resolve(),a=r.variantChildren&&r.variantChildren.size?(c=0)=>{const{delayChildren:e=0,staggerChildren:d,staggerDirection:u}=o;return h(r,t,e+c,d,u,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[c,e]=l==="beforeChildren"?[s,a]:[a,s];return c().then(()=>e())}else return Promise.all([s(),a(n.delay)])}function h(r,t,n=0,i=0,o=1,s){const a=[],l=(r.variantChildren.size-1)*i,c=o===1?(e=0)=>e*i:(e=0)=>l-e*i;return Array.from(r.variantChildren).sort(f).forEach((e,d)=>{e.notify("AnimationStart",t),a.push(m(e,t,{...s,delay:n+c(d)}).then(()=>e.notify("AnimationComplete",t)))}),Promise.all(a)}function f(r,t){return r.sortNodePosition(t)}exports.animateVariant=m;exports.sortByTreeOrder=f;

package/dist/lyra135.js

@@ -1,17 +1,32 @@
-import { DragGesture as r } from "./lyra255.js";
-import { PanGesture as o } from "./lyra256.js";
-import { MeasureLayout as e } from "./lyra257.js";
-import { HTMLProjectionNode as t } from "./lyra258.js";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
-  }
-};
+import { resolveVariant as l } from "./lyra133.js";
+import { animateTarget as h } from "./lyra134.js";
+function g(r, e, n = {}) {
+  const i = l(r, e, n.custom);
+  let { transition: a = r.getDefaultTransition() || {} } = i || {};
+  n.transitionOverride && (a = n.transitionOverride);
+  const s = i ? () => Promise.all(h(r, i, n)) : () => Promise.resolve(), o = r.variantChildren && r.variantChildren.size ? (m = 0) => {
+    const { delayChildren: t = 0, staggerChildren: c, staggerDirection: d } = a;
+    return C(r, e, t + m, c, d, n);
+  } : () => Promise.resolve(), { when: f } = a;
+  if (f) {
+    const [m, t] = f === "beforeChildren" ? [s, o] : [o, s];
+    return m().then(() => t());
+  } else
+    return Promise.all([s(), o(n.delay)]);
+}
+function C(r, e, n = 0, i = 0, a = 1, s) {
+  const o = [], f = (r.variantChildren.size - 1) * i, m = a === 1 ? (t = 0) => t * i : (t = 0) => f - t * i;
+  return Array.from(r.variantChildren).sort(u).forEach((t, c) => {
+    t.notify("AnimationStart", e), o.push(g(t, e, {
+      ...s,
+      delay: n + m(c)
+    }).then(() => t.notify("AnimationComplete", e)));
+  }), Promise.all(o);
+}
+function u(r, e) {
+  return r.sortNodePosition(e);
+}
 export {
-  u as drag
+  g as animateVariant,
+  u as sortByTreeOrder
 };

package/dist/lyra136.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra259.cjs"),r=require("./lyra260.cjs"),l=require("./lyra247.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function n(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||o.has(t)}exports.isValidMotionProp=n;