@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra266.js

@@ -1,13 +1,72 @@
-import { createProjectionNode as t } from "./lyra265.js";
-import { addDomEvent as c } from "./lyra236.js";
-const l = t({
-  attachResizeListener: (o, e) => c(o, "resize", e),
-  measureScroll: () => ({
-    x: document.documentElement.scrollLeft || document.body.scrollLeft,
-    y: document.documentElement.scrollTop || document.body.scrollTop
-  }),
-  checkIsScrollRoot: () => !0
-});
+import d, { useContext as p } from "react";
+import { usePresence as m } from "./lyra160.js";
+import { LayoutGroupContext as c } from "./lyra148.js";
+import { SwitchLayoutGroupContext as f } from "./lyra171.js";
+import { globalProjectionState as l } from "./lyra308.js";
+import { correctBorderRadius as n } from "./lyra309.js";
+import { correctBoxShadow as h } from "./lyra310.js";
+import { addScaleCorrector as R } from "./lyra191.js";
+import { frame as g } from "./lyra190.js";
+class y extends d.Component {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
+    R(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), r.setOptions({
+      ...r.options,
+      onExitComplete: () => this.safeToRemove()
+    })), l.hasEverUpdated = !0;
+  }
+  getSnapshotBeforeUpdate(e) {
+    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
+    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || g.postRender(() => {
+      const u = s.getStack();
+      (!u || !u.members.length) && this.safeToRemove();
+    }))), null;
+  }
+  componentDidUpdate() {
+    const { projection: e } = this.props.visualElement;
+    e && (e.root.didUpdate(), queueMicrotask(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
+  }
+  componentWillUnmount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
+    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
+  }
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
+  }
+  render() {
+    return null;
+  }
+}
+function w(a) {
+  const [e, o] = m(), t = p(c);
+  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(f), isPresent: e, safeToRemove: o });
+}
+const v = {
+  borderRadius: {
+    ...n,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: n,
+  borderTopRightRadius: n,
+  borderBottomLeftRadius: n,
+  borderBottomRightRadius: n,
+  boxShadow: h
+};
 export {
-  l as DocumentProjectionNode
+  w as MeasureLayout
 };

package/dist/lyra267.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra170.cjs"),r=require("./lyra169.cjs");function l(e,a){if(r.isControllingVariants(e)){const{initial:i,animate:n}=e;return{initial:i===!1||t.isVariantLabel(i)?i:void 0,animate:t.isVariantLabel(n)?n:void 0}}return e.inherit!==!1?a:{}}exports.getCurrentTreeVariants=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra276.cjs"),n=require("./lyra277.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;

package/dist/lyra267.js

@@ -1,15 +1,25 @@
-import { isVariantLabel as e } from "./lyra170.js";
-import { isControllingVariants as r } from "./lyra169.js";
-function o(i, a) {
-  if (r(i)) {
-    const { initial: n, animate: t } = i;
-    return {
-      initial: n === !1 || e(n) ? n : void 0,
-      animate: e(t) ? t : void 0
-    };
-  }
-  return i.inherit !== !1 ? a : {};
-}
+import { createProjectionNode as t } from "./lyra276.js";
+import { DocumentProjectionNode as n } from "./lyra277.js";
+const e = {
+  current: void 0
+}, i = t({
+  measureScroll: (o) => ({
+    x: o.scrollLeft,
+    y: o.scrollTop
+  }),
+  defaultParent: () => {
+    if (!e.current) {
+      const o = new n({});
+      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
+    }
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  o as getCurrentTreeVariants
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/lyra268.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra189.cjs"),p=(o,r)=>t=>!!(e.isString(t)&&e.singleColorRegex.test(t)&&t.startsWith(o)||r&&Object.prototype.hasOwnProperty.call(t,r)),c=(o,r,t)=>l=>{if(!e.isString(l))return l;const[s,i,n,a]=l.match(e.floatRegex);return{[o]:parseFloat(s),[r]:parseFloat(i),[t]:parseFloat(n),alpha:a!==void 0?parseFloat(a):1}};exports.isColorString=p;exports.splitColor=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra311.cjs"),u=require("./lyra208.cjs"),l=require("./lyra181.cjs"),a=require("./lyra302.cjs"),c=require("./lyra312.cjs"),d=require("./lyra291.cjs"),p=require("./lyra313.cjs"),m=require("./lyra314.cjs"),V=require("./lyra154.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;

package/dist/lyra268.js

@@ -1,16 +1,46 @@
-import { isString as l, singleColorRegex as i, floatRegex as c } from "./lyra189.js";
-const h = (r, o) => (t) => !!(l(t) && i.test(t) && t.startsWith(r) || o && Object.prototype.hasOwnProperty.call(t, o)), f = (r, o, t) => (a) => {
-  if (!l(a))
-    return a;
-  const [s, n, p, e] = a.match(c);
-  return {
-    [r]: parseFloat(s),
-    [o]: parseFloat(n),
-    [t]: parseFloat(p),
-    alpha: e !== void 0 ? parseFloat(e) : 1
-  };
-};
+import { buildHTMLStyles as n } from "./lyra311.js";
+import { isCSSVariableName as s } from "./lyra208.js";
+import { transformProps as l } from "./lyra181.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra302.js";
+import { renderHTML as u } from "./lyra312.js";
+import { getDefaultValueType as a } from "./lyra291.js";
+import { measureViewportBox as p } from "./lyra313.js";
+import { DOMVisualElement as c } from "./lyra314.js";
+import { isMotionValue as d } from "./lyra154.js";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+class w extends c {
+  readValueFromInstance(e, t) {
+    if (l.has(t)) {
+      const r = a(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
+  }
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
+  }
+  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}`);
+    }));
+  }
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
+  }
+}
 export {
-  h as isColorString,
-  f as splitColor
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra269.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=r=>Array.isArray(r)&&typeof r[0]!="number";exports.isEasingArray=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra298.cjs"),u=require("./lyra314.cjs"),o=require("./lyra300.cjs"),n=require("./lyra213.cjs"),i=require("./lyra315.cjs"),l=require("./lyra181.cjs"),c=require("./lyra297.cjs"),m=require("./lyra291.cjs"),V=require("./lyra174.cjs"),d=require("./lyra301.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;

package/dist/lyra269.js

@@ -1,4 +1,43 @@
-const n = (r) => Array.isArray(r) && typeof r[0] != "number";
+import { scrapeMotionValuesFromProps as s } from "./lyra298.js";
+import { DOMVisualElement as a } from "./lyra314.js";
+import { buildSVGAttrs as m } from "./lyra300.js";
+import { camelToDash as i } from "./lyra213.js";
+import { camelCaseAttributes as u } from "./lyra315.js";
+import { transformProps as n } from "./lyra181.js";
+import { renderSVG as p } from "./lyra297.js";
+import { getDefaultValueType as l } from "./lyra291.js";
+import { createBox as f } from "./lyra174.js";
+import { isSVGTag as V } from "./lyra301.js";
+class A extends a {
+  constructor() {
+    super(...arguments), this.isSVGTag = !1;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (n.has(r)) {
+      const e = l(r);
+      return e && e.default || 0;
+    }
+    return r = u.has(r) ? r : i(r), t.getAttribute(r);
+  }
+  measureInstanceViewportBox() {
+    return f();
+  }
+  scrapeMotionValuesFromProps(t, r) {
+    return s(t, r);
+  }
+  build(t, r, e, o) {
+    m(t, r, e, this.isSVGTag, o.transformTemplate);
+  }
+  renderInstance(t, r, e, o) {
+    p(t, r, e, o);
+  }
+  mount(t) {
+    this.isSVGTag = V(t.tagName), super.mount(t);
+  }
+}
 export {
-  n as isEasingArray
+  A as SVGVisualElement
 };

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra37.cjs"),s=require("./lyra28.cjs"),i=require("./lyra38.cjs");function u({className:e,color:r,size:t}){return n.jsxRuntimeExports.jsx("div",{className:i.twMerge(s.spinnerStyles({color:r,size:t,className:e})),role:"status"})}exports.Spinner=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra39.cjs"),x=require("./lyra79.cjs"),n=require("./lyra28.cjs"),b=require("./lyra85.cjs"),f=require("./lyra32.cjs"),c=require("./lyra33.cjs"),u=require("./lyra40.cjs"),d=require("./lyra83.cjs"),g=require("./lyra38.cjs"),S=({label:a,showValueText:m,valueTextClassName:j,valueTextVariant:y="body-small",valueTextColor:p,labelVariant:w="body-medium",labelColor:v,labelClassName:h,height:s,color:r,...R})=>{const[q,t]=b.default(),{direction:i}=g.useLocale(),o=t.width/3;return e.jsxRuntimeExports.jsx(x.ProgressBar,{...R,children:({percentage:E,valueText:l,isIndeterminate:N})=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[a?e.jsxRuntimeExports.jsx(x.Label,{className:u.twMerge(c.textStyles({color:v,variant:w,className:h})),children:a}):e.jsxRuntimeExports.jsx("div",{}),m&&l?e.jsxRuntimeExports.jsx(f.Text,{className:u.twMerge(c.textStyles({color:p,variant:y,className:j})),children:l}):null]}),e.jsxRuntimeExports.jsx("div",{ref:q,className:n.barStyles({height:s,color:r}),children:N?e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),style:{width:o},initial:{x:i==="rtl"?t.width+400:-400},animate:{direction:i,x:i==="rtl"?-t.width:t.width+o},transition:{repeat:1/0,duration:2,type:"tween"}}):e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),layout:!0,initial:{width:"0%",zIndex:1},animate:{width:`${E}%`},transition:{duration:.5,type:"tween"}})})]})})};exports.ProgressBar=S;

package/dist/lyra27.js

@@ -1,15 +1,112 @@
-import { j as o } from "./lyra37.js";
-import { spinnerStyles as s } from "./lyra28.js";
-import { twMerge as i } from "./lyra38.js";
-function a({ className: r, color: t, size: e }) {
-  return /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      className: i(s({ color: t, size: e, className: r })),
-      role: "status"
-    }
-  );
-}
+import { j as e } from "./lyra39.js";
+import { ProgressBar as N, Label as S } from "./lyra79.js";
+import { barStyles as g, barActiveStyles as n } from "./lyra28.js";
+import A from "./lyra85.js";
+import { Text as B } from "./lyra32.js";
+import { textStyles as l } from "./lyra33.js";
+import { twMerge as d } from "./lyra40.js";
+import { motion as c } from "./lyra83.js";
+import { useLocale as I } from "./lyra38.js";
+const q = ({
+  label: a,
+  showValueText: f,
+  valueTextClassName: x,
+  valueTextVariant: p = "body-small",
+  valueTextColor: b,
+  labelVariant: j = "body-medium",
+  labelColor: u,
+  labelClassName: w,
+  height: i,
+  color: r,
+  ...y
+}) => {
+  const [h, t] = A(), { direction: s } = I(), o = t.width / 3;
+  return /* @__PURE__ */ e.jsx(N, { ...y, children: ({ percentage: $, valueText: m, isIndeterminate: v }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      a ? /* @__PURE__ */ e.jsx(
+        S,
+        {
+          className: d(
+            l({
+              color: u,
+              variant: j,
+              className: w
+            })
+          ),
+          children: a
+        }
+      ) : /* @__PURE__ */ e.jsx("div", {}),
+      f && m ? /* @__PURE__ */ e.jsx(
+        B,
+        {
+          className: d(
+            l({
+              color: b,
+              variant: p,
+              className: x
+            })
+          ),
+          children: m
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: h,
+        className: g({
+          height: i,
+          color: r
+          // className: "relative overflow-hidden",
+        }),
+        children: v ? /* @__PURE__ */ e.jsx(
+          c.div,
+          {
+            className: n({
+              height: i,
+              color: r
+            }),
+            style: {
+              width: o
+            },
+            initial: {
+              x: s === "rtl" ? t.width + 400 : -400
+            },
+            animate: {
+              direction: s,
+              x: s === "rtl" ? -t.width : t.width + o
+            },
+            transition: {
+              repeat: 1 / 0,
+              duration: 2,
+              type: "tween"
+            }
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          c.div,
+          {
+            className: n({
+              height: i,
+              color: r
+            }),
+            layout: !0,
+            initial: {
+              width: "0%",
+              zIndex: 1
+            },
+            animate: {
+              width: `${$}%`
+            },
+            transition: {
+              duration: 0.5,
+              type: "tween"
+            }
+          }
+        )
+      }
+    )
+  ] }) });
+};
 export {
-  a as Spinner
+  q as ProgressBar
 };

package/dist/lyra270.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra137.cjs"),b=require("./lyra212.cjs"),I=require("./lyra195.cjs"),r=require("./lyra216.cjs"),c=require("./lyra215.cjs"),n=require("./lyra211.cjs"),O=require("./lyra210.cjs"),a={linear:I.noop,easeIn:r.easeIn,easeInOut:r.easeInOut,easeOut:r.easeOut,circIn:c.circIn,circInOut:c.circInOut,circOut:c.circOut,backIn:n.backIn,backInOut:n.backInOut,backOut:n.backOut,anticipate:O.anticipate},l=e=>{if(Array.isArray(e)){t.invariant(e.length===4,"Cubic bezier arrays must contain four numerical values.");const[u,i,s,o]=e;return b.cubicBezier(u,i,s,o)}else if(typeof e=="string")return t.invariant(a[e]!==void 0,`Invalid easing type '${e}'`),a[e];return e};exports.easingDefinitionToFunction=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${l}px !important;
+            left: ${f}px !important;
+          }
+        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;

package/dist/lyra270.js

@@ -1,31 +1,49 @@
-import { invariant as t } from "./lyra137.js";
-import { cubicBezier as u } from "./lyra212.js";
-import { noop as m } from "./lyra195.js";
-import { easeIn as s, easeInOut as i, easeOut as p } from "./lyra216.js";
-import { circIn as y, circInOut as I, circOut as b } from "./lyra215.js";
-import { backIn as f, backInOut as l, backOut as O } from "./lyra211.js";
-import { anticipate as g } from "./lyra210.js";
-const a = {
-  linear: m,
-  easeIn: s,
-  easeInOut: i,
-  easeOut: p,
-  circIn: y,
-  circInOut: I,
-  circOut: b,
-  backIn: f,
-  backInOut: l,
-  backOut: O,
-  anticipate: g
-}, C = (r) => {
-  if (Array.isArray(r)) {
-    t(r.length === 4, "Cubic bezier arrays must contain four numerical values.");
-    const [e, o, c, n] = r;
-    return u(e, o, c, n);
-  } else if (typeof r == "string")
-    return t(a[r] !== void 0, `Invalid easing type '${r}'`), a[r];
-  return r;
-};
+import * as r from "react";
+import { useId as l, useRef as h, useInsertionEffect as a } from "react";
+class u extends r.Component {
+  getSnapshotBeforeUpdate(o) {
+    const e = this.props.childRef.current;
+    if (e && o.isPresent && !this.props.isPresent) {
+      const t = this.props.sizeRef.current;
+      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
+    }
+    return null;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function $({ children: i, isPresent: o }) {
+  const e = l(), t = h(null), s = h({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  });
+  return a(() => {
+    const { width: p, height: d, top: f, left: c } = s.current;
+    if (o || !t.current || !p || !d)
+      return;
+    t.current.dataset.motionPopId = e;
+    const n = document.createElement("style");
+    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${f}px !important;
+            left: ${c}px !important;
+          }
+        `), () => {
+      document.head.removeChild(n);
+    };
+  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
+}
 export {
-  C as easingDefinitionToFunction
+  $ as PopChild
 };

package/dist/lyra271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra327.cjs");function l(t){const e=[0];return f.fillOffset(e,t.length-1),e}exports.defaultOffset=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra271.js

@@ -1,8 +1,4 @@
-import { fillOffset as e } from "./lyra327.js";
-function n(t) {
-  const f = [0];
-  return e(f, t.length - 1), f;
-}
+const e = (r) => Array.isArray(r);
 export {
-  n as defaultOffset
+  e as isKeyframesTarget
 };

package/dist/lyra272.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,t){return e.map(o=>o*t)}exports.convertOffsetToTimes=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra151.cjs"),d=require("./lyra200.cjs"),b=require("./lyra275.cjs"),q=require("./lyra316.cjs"),M=require("./lyra317.cjs"),$=require("./lyra318.cjs"),y=require("./lyra319.cjs"),D=require("./lyra320.cjs"),f=require("./lyra321.cjs"),V=require("./lyra193.cjs"),w=(n,i,p,s={})=>g=>{const t=f.getValueTransition(s,n)||{},A=t.delay||s.delay||0;let{elapsed:c=0}=s;c=c-d.secondsToMilliseconds(A);const a=D.getKeyframes(i,n,p,t),r=a[0],l=a[a.length-1],m=y.isAnimatable(n,r),u=y.isAnimatable(n,l);T.warning(m===u,`You are trying to animate ${n} from "${r}" to "${l}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${l} via the \`style\` property.`);let e={keyframes:a,velocity:i.getVelocity(),ease:"easeOut",...t,delay:-c,onUpdate:o=>{i.set(o),t.onUpdate&&t.onUpdate(o)},onComplete:()=>{g(),t.onComplete&&t.onComplete()}};if(f.isTransitionDefined(t)||(e={...e,...$.getDefaultTransition(n,e)}),e.duration&&(e.duration=d.secondsToMilliseconds(e.duration)),e.repeatDelay&&(e.repeatDelay=d.secondsToMilliseconds(e.repeatDelay)),!m||!u||b.instantAnimationState.current||t.type===!1)return M.createInstantAnimation(e);if(i.owner&&i.owner.current instanceof HTMLElement&&!i.owner.getProps().onUpdate){const o=q.createAcceleratedAnimation(i,n,e);if(o)return o}return V.animateValue(e)};exports.animateMotionValue=w;

package/dist/lyra272.js

@@ -1,6 +1,44 @@
-function o(e, t) {
-  return e.map((n) => n * t);
-}
+import { warning as T } from "./lyra151.js";
+import { secondsToMilliseconds as f } from "./lyra200.js";
+import { instantAnimationState as b } from "./lyra275.js";
+import { createAcceleratedAnimation as u } from "./lyra316.js";
+import { createInstantAnimation as $ } from "./lyra317.js";
+import { getDefaultTransition as D } from "./lyra318.js";
+import { isAnimatable as d } from "./lyra319.js";
+import { getKeyframes as w } from "./lyra320.js";
+import { getValueTransition as U, isTransitionDefined as V } from "./lyra321.js";
+import { animateValue as h } from "./lyra193.js";
+const P = (o, n, y, m = {}) => (g) => {
+  const e = U(m, o) || {}, A = e.delay || m.delay || 0;
+  let { elapsed: s = 0 } = m;
+  s = s - f(A);
+  const r = w(n, o, y, e), a = r[0], p = r[r.length - 1], l = d(o, a), c = d(o, p);
+  T(l === c, `You are trying to animate ${o} from "${a}" to "${p}". ${a} is not an animatable value - to enable this animation set ${a} to a value animatable to ${p} via the \`style\` property.`);
+  let t = {
+    keyframes: r,
+    velocity: n.getVelocity(),
+    ease: "easeOut",
+    ...e,
+    delay: -s,
+    onUpdate: (i) => {
+      n.set(i), e.onUpdate && e.onUpdate(i);
+    },
+    onComplete: () => {
+      g(), e.onComplete && e.onComplete();
+    }
+  };
+  if (V(e) || (t = {
+    ...t,
+    ...D(o, t)
+  }), t.duration && (t.duration = f(t.duration)), t.repeatDelay && (t.repeatDelay = f(t.repeatDelay)), !l || !c || b.current || e.type === !1)
+    return $(t);
+  if (n.owner && n.owner.current instanceof HTMLElement && !n.owner.getProps().onUpdate) {
+    const i = u(n, o, t);
+    if (i)
+      return i;
+  }
+  return h(t);
+};
 export {
-  o as convertOffsetToTimes
+  P as animateMotionValue
 };

package/dist/lyra273.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra274.cjs");function c(r,t,n,{delay:o=0,duration:s,repeat:l=0,repeatType:y="loop",ease:f,times:i}={}){const a={[t]:n};i&&(a.offset=i);const e=g.mapEasingToNativeEasing(f);return Array.isArray(e)&&(a.easing=e),r.animate(a,{delay:o,duration:s,easing:Array.isArray(e)?"linear":e,fill:"both",iterations:l+1,direction:y==="reverse"?"alternate":"normal"})}exports.animateStyle=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra183.cjs"),r=require("./lyra182.cjs");function l(e,a){if(r.isControllingVariants(e)){const{initial:i,animate:n}=e;return{initial:i===!1||t.isVariantLabel(i)?i:void 0,animate:t.isVariantLabel(n)?n:void 0}}return e.inherit!==!1?a:{}}exports.getCurrentTreeVariants=l;

package/dist/lyra273.js

@@ -1,17 +1,15 @@
-import { mapEasingToNativeEasing as y } from "./lyra274.js";
-function p(e, n, t, { delay: o = 0, duration: s, repeat: f = 0, repeatType: l = "loop", ease: m, times: i } = {}) {
-  const r = { [n]: t };
-  i && (r.offset = i);
-  const a = y(m);
-  return Array.isArray(a) && (r.easing = a), e.animate(r, {
-    delay: o,
-    duration: s,
-    easing: Array.isArray(a) ? "linear" : a,
-    fill: "both",
-    iterations: f + 1,
-    direction: l === "reverse" ? "alternate" : "normal"
-  });
+import { isVariantLabel as e } from "./lyra183.js";
+import { isControllingVariants as r } from "./lyra182.js";
+function o(i, a) {
+  if (r(i)) {
+    const { initial: n, animate: t } = i;
+    return {
+      initial: n === !1 || e(n) ? n : void 0,
+      animate: e(t) ? t : void 0
+    };
+  }
+  return i.inherit !== !1 ? a : {};
 }
 export {
-  p as animateStyle
+  o as getCurrentTreeVariants
 };

package/dist/lyra274.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra328.cjs");function a(e){return!!(!e||typeof e=="string"&&r[e]||t.isBezierDefinition(e)||Array.isArray(e)&&e.every(a))}const i=([e,o,s,u])=>`cubic-bezier(${e}, ${o}, ${s}, ${u})`,r={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:i([0,.65,.55,1]),circOut:i([.55,0,1,.45]),backIn:i([.31,.01,.66,-.59]),backOut:i([.33,1.53,.69,.99])};function n(e){if(e)return t.isBezierDefinition(e)?i(e):Array.isArray(e)?e.map(n):r[e]}exports.cubicBezierAsString=i;exports.isWaapiSupportedEasing=a;exports.mapEasingToNativeEasing=n;exports.supportedWaapiEasing=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra274.js

@@ -1,25 +1,4 @@
-import { isBezierDefinition as i } from "./lyra328.js";
-function u(r) {
-  return !!(!r || typeof r == "string" && t[r] || i(r) || Array.isArray(r) && r.every(u));
-}
-const e = ([r, a, n, o]) => `cubic-bezier(${r}, ${a}, ${n}, ${o})`, t = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: e([0, 0.65, 0.55, 1]),
-  circOut: e([0.55, 0, 1, 0.45]),
-  backIn: e([0.31, 0.01, 0.66, -0.59]),
-  backOut: e([0.33, 1.53, 0.69, 0.99])
-};
-function c(r) {
-  if (r)
-    return i(r) ? e(r) : Array.isArray(r) ? r.map(c) : t[r];
-}
+const a = "";
 export {
-  e as cubicBezierAsString,
-  u as isWaapiSupportedEasing,
-  c as mapEasingToNativeEasing,
-  t as supportedWaapiEasing
+  a as default
 };

package/dist/lyra275.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={current:!1};exports.instantAnimationState=t;