@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra155.js

@@ -1,13 +1,50 @@
-import { isAnimationControls as o } from "./lyra218.js";
-import { isVariantLabel as r } from "./lyra156.js";
-import { variantProps as t } from "./lyra161.js";
-function a(i) {
-  return o(i.animate) || t.some((n) => r(i[n]));
+import * as f from "react";
+import { forwardRef as d, useContext as r } from "react";
+import { MotionConfigContext as y } from "./lyra156.js";
+import { MotionContext as M } from "./lyra157.js";
+import { useVisualElement as L } from "./lyra158.js";
+import { useMotionRef as G } from "./lyra159.js";
+import { useCreateMotionContext as S } from "./lyra160.js";
+import { loadFeatures as w } from "./lyra161.js";
+import { isBrowser as g } from "./lyra162.js";
+import { LayoutGroupContext as R } from "./lyra141.js";
+import { LazyContext as P } from "./lyra163.js";
+import { SwitchLayoutGroupContext as $ } from "./lyra164.js";
+import { motionComponentSymbol as b } from "./lyra165.js";
+function K({ preloadedFeatures: o, createVisualElement: n, useRender: c, useVisualState: C, Component: m }) {
+  o && w(o);
+  function E(e, p) {
+    let u;
+    const i = {
+      ...r(y),
+      ...e,
+      layoutId: h(e)
+    }, { isStatic: a } = i, t = S(e), l = C(e, a);
+    if (!a && g) {
+      t.visualElement = L(m, l, i, n);
+      const v = r($), x = r(P).strict;
+      t.visualElement && (u = t.visualElement.loadFeatures(
+        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
+        i,
+        x,
+        o,
+        v
+      ));
+    }
+    return f.createElement(
+      M.Provider,
+      { value: t },
+      u && t.visualElement ? f.createElement(u, { visualElement: t.visualElement, ...i }) : null,
+      c(m, e, G(l, t.visualElement, p), l, a, t.visualElement)
+    );
+  }
+  const s = d(E);
+  return s[b] = m, s;
 }
-function f(i) {
-  return !!(a(i) || i.variants);
+function h({ layoutId: o }) {
+  const n = r(R).id;
+  return n && o !== void 0 ? n + "-" + o : o;
 }
 export {
-  a as isControllingVariants,
-  f as isVariantNode
+  K as createMotionComponent
 };

package/dist/lyra156.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});exports.MotionConfigContext=o;

package/dist/lyra156.js

@@ -1,6 +1,9 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  t as isVariantLabel
+  n as MotionConfigContext
 };

package/dist/lyra157.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra153.cjs"),d=require("./lyra159.cjs"),l=require("./lyra152.cjs"),V=require("./lyra126.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.12.16",`Attempting to mix Framer Motion versions ${i.version} with 10.12.16 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra157.js

@@ -1,28 +1,5 @@
-import { isWillChangeMotionValue as u } from "./lyra153.js";
-import { warnOnce as l } from "./lyra159.js";
-import { motionValue as f } from "./lyra152.js";
-import { isMotionValue as d } from "./lyra126.js";
-function v(i, e, t) {
-  const { willChange: s } = e;
-  for (const o in e) {
-    const a = e[o], n = t[o];
-    if (d(a))
-      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.12.16", `Attempting to mix Framer Motion versions ${a.version} with 10.12.16 may not work as expected.`);
-    else if (d(n))
-      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
-    else if (n !== a)
-      if (i.hasValue(o)) {
-        const r = i.getValue(o);
-        !r.hasAnimated && r.set(a);
-      } else {
-        const r = i.getStaticValue(o);
-        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
-      }
-  }
-  for (const o in t)
-    e[o] === void 0 && i.removeValue(o);
-  return e;
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  v as updateMotionValuesFromProps
+  e as MotionContext
 };

package/dist/lyra158.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("./lyra154.cjs"),x=require("./lyra157.cjs"),r=require("./lyra142.cjs"),l=require("./lyra163.cjs"),m=require("./lyra156.cjs");function E(u,c,i,n){const{visualElement:a}=t.useContext(x.MotionContext),f=t.useContext(l.LazyContext),o=t.useContext(d.PresenceContext),C=t.useContext(m.MotionConfigContext).reducedMotion,s=t.useRef();n=n||f.renderer,!s.current&&n&&(s.current=n(u,{visualState:c,parent:a,props:i,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:C}));const e=s.current;return t.useInsertionEffect(()=>{e&&e.update(i,o)}),r.useIsomorphicLayoutEffect(()=>{e&&e.render()}),t.useEffect(()=>{e&&e.updateFeatures()}),(window.HandoffAppearAnimations?r.useIsomorphicLayoutEffect:t.useEffect)(()=>{e&&e.animationState&&e.animationState.animateChanges()}),e}exports.useVisualElement=E;

package/dist/lyra158.js

@@ -1,6 +1,30 @@
-function y(r, a, v, f = {}, u = {}) {
-  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
+import { useContext as o, useRef as C, useInsertionEffect as d, useEffect as f } from "react";
+import { PresenceContext as l } from "./lyra154.js";
+import { MotionContext as x } from "./lyra157.js";
+import { useIsomorphicLayoutEffect as a } from "./lyra142.js";
+import { LazyContext as E } from "./lyra163.js";
+import { MotionConfigContext as g } from "./lyra156.js";
+function z(s, m, r, e) {
+  const { visualElement: u } = o(x), c = o(E), n = o(l), p = o(g).reducedMotion, i = C();
+  e = e || c.renderer, !i.current && e && (i.current = e(s, {
+    visualState: m,
+    parent: u,
+    props: r,
+    presenceContext: n,
+    blockInitialAnimation: n ? n.initial === !1 : !1,
+    reducedMotionConfig: p
+  }));
+  const t = i.current;
+  return d(() => {
+    t && t.update(r, n);
+  }), a(() => {
+    t && t.render();
+  }), f(() => {
+    t && t.updateFeatures();
+  }), (window.HandoffAppearAnimations ? a : f)(() => {
+    t && t.animationState && t.animationState.animateChanges();
+  }), t;
 }
 export {
-  y as resolveVariantFromProps
+  z as useVisualElement
 };

package/dist/lyra159.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra169.cjs");function i(f,r,u){return t.useCallback(o=>{o&&f.mount&&f.mount(o),r&&(o?r.mount(o):r.unmount()),u&&(typeof u=="function"?u(o):c.isRefObject(u)&&(u.current=o))},[r])}exports.useMotionRef=i;

package/dist/lyra159.js

@@ -1,7 +1,18 @@
-const r = /* @__PURE__ */ new Set();
-function w(c, n, o) {
-  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra169.js";
+function j(m, u, f) {
+  return r(
+    (o) => {
+      o && m.mount && m.mount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : p(f) && (f.current = o));
+    },
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [u]
+  );
 }
 export {
-  w as warnOnce
+  j as useMotionRef
 };

package/dist/lyra16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra32.cjs"),n=require("react"),a=require("./lyra53.cjs"),m=require("./lyra26.cjs"),p=require("./lyra43.cjs");require("./lyra50.cjs");const s=require("./lyra15.cjs");require("./lyra55.cjs");const g=require("./lyra33.cjs"),S=n.forwardRef(({label:t,description:i,errorMessage:o,className:f,fullWidth:j=!1,isDisabled:r=!1,isRequired:l=!1,validationState:c,startSlot:u,endSlot:d,size:y,hint:x,...h},F)=>{const[v,E]=n.useState(!1),[I,N]=n.useState(!1);return e.jsxRuntimeExports.jsxs(a.TextField,{className:s.sharedInputFieldWrapperStyles({className:f}),isDisabled:r,isRequired:l,validationState:c,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(a.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[t,l&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(s.sharedInputFieldStyles({fullWidth:j,isFocused:v,isHovered:I,isDisabled:r,validationState:c})),children:[u,e.jsxRuntimeExports.jsx(a.Input,{className:({isFocused:q,isHovered:R})=>(E(q),N(R),s.sharedInputStyles({size:y,className:p.cx(!!u&&"ps-2",!!d&&"pe-2")})),required:l,disabled:r,style:{fontFamily:"var(--input-font-family)"}}),d]}),i&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),o&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.TextField=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),u=require("react"),o=require("./lyra74.cjs"),x=require("./lyra29.cjs"),q=require("./lyra30.cjs"),E=require("./lyra71.cjs"),d=require("./lyra115.cjs");require("./lyra10.cjs");require("./lyra114.cjs");require("./lyra19.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra75.cjs");require("./lyra17.cjs");const c=require("./lyra18.cjs"),m=require("./lyra37.cjs"),v=u.forwardRef(({label:i,labelClassName:t,hint:r,description:a,errorMessage:s,children:l,orientation:j="vertical",color:p,className:y,...R},f)=>e.jsxRuntimeExports.jsx(o.RadioGroup,{...R,ref:f,children:n=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:E.cx("mx-1 flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?e.jsxRuntimeExports.jsxs(o.Label,{className:c.sharedInputlabelStyles({className:t}),style:{fontFamily:"var(--input-label-font-family)"},children:[i,n.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,r?e.jsxRuntimeExports.jsx("span",{className:c.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioGroupStyles({orientation:j,color:p,className:y})),children:typeof l=="function"?l(n):l}),a&&e.jsxRuntimeExports.jsx(x.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),s&&e.jsxRuntimeExports.jsx(x.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:s})]})})),h=u.forwardRef(({className:i,children:t,...r},a)=>e.jsxRuntimeExports.jsx(o.Radio,{...r,ref:a,children:s=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioStyles({className:i,isDisabled:s.isDisabled,isSelected:s.isSelected,isFocusVisible:s.isFocusVisible,isHovered:s.isHovered,isPressed:s.isPressed})),children:s.isSelected&&e.jsxRuntimeExports.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",children:e.jsxRuntimeExports.jsx("circle",{cx:"5",cy:"5",r:"5",fill:"currentColor"})})}),t&&e.jsxRuntimeExports.jsx("div",{className:q.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof t=="function"?t(s):t})]})})}));exports.Radio=h;exports.RadioGroup=v;

package/dist/lyra16.js

@@ -1,124 +1,128 @@
-import { j as e } from "./lyra32.js";
-import { forwardRef as $, useState as d } from "react";
-import { TextField as g, Label as H, Input as w } from "./lyra53.js";
-import { Text as f } from "./lyra26.js";
-import { cx as i } from "./lyra43.js";
-import "./lyra50.js";
-import { sharedInputFieldWrapperStyles as S, sharedInputlabelStyles as T, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra15.js";
-import "./lyra55.js";
-import { twMerge as W } from "./lyra33.js";
-const P = $(
+import { j as s } from "./lyra36.js";
+import { forwardRef as c } from "react";
+import { RadioGroup as y, Label as j, Radio as b } from "./lyra74.js";
+import { Text as m } from "./lyra29.js";
+import { textStyles as v } from "./lyra30.js";
+import { cx as h } from "./lyra71.js";
+import { radioGroupStyles as N, radioStyles as g } from "./lyra115.js";
+import "./lyra10.js";
+import "./lyra114.js";
+import "./lyra19.js";
+import "./lyra14.js";
+import "./lyra8.js";
+import "./lyra75.js";
+import "./lyra17.js";
+import { sharedInputlabelStyles as $, sharedInputHintStyles as S } from "./lyra18.js";
+import { twMerge as d } from "./lyra37.js";
+const z = c(
   ({
-    label: s,
+    label: a,
+    labelClassName: e,
+    hint: t,
     description: l,
-    errorMessage: r,
-    className: p,
-    fullWidth: x = !1,
-    isDisabled: a = !1,
-    isRequired: t = !1,
-    validationState: o,
-    startSlot: n,
-    endSlot: m,
-    size: u,
-    hint: c,
-    ...y
-  }, h) => {
-    const [j, F] = d(!1), [b, I] = d(!1);
-    return /* @__PURE__ */ e.jsxs(
-      g,
+    errorMessage: i,
+    children: o,
+    orientation: n = "vertical",
+    color: f,
+    className: x,
+    ...p
+  }, u) => /* @__PURE__ */ s.jsx(y, { ...p, ref: u, children: (r) => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-y-1", children: [
+    /* @__PURE__ */ s.jsxs(
+      "div",
       {
-        className: S({ className: p }),
-        isDisabled: a,
-        isRequired: t,
-        validationState: o,
-        ...y,
-        ref: h,
+        className: h(
+          "mx-1 flex items-center gap-3",
+          a ? "justify-between" : "justify-end"
+        ),
         children: [
-          /* @__PURE__ */ e.jsxs(
-            "div",
+          a ? /* @__PURE__ */ s.jsxs(
+            j,
             {
-              className: i(
-                "flex items-center gap-3",
-                s ? "justify-between" : "justify-end"
-              ),
+              className: $({
+                className: e
+              }),
+              style: { fontFamily: "var(--input-label-font-family)" },
               children: [
-                s ? /* @__PURE__ */ e.jsxs(
-                  H,
-                  {
-                    className: T(),
-                    style: { fontFamily: "var(--input-label-font-family)" },
-                    children: [
-                      s,
-                      t && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
-                    ]
-                  }
-                ) : null,
-                c ? /* @__PURE__ */ e.jsx(
-                  "span",
-                  {
-                    className: E(),
-                    style: { fontFamily: "var(--input-hint-font-family)" },
-                    children: c
-                  }
-                ) : null
+                a,
+                r.isRequired && /* @__PURE__ */ s.jsx("span", { className: "text-danger", children: " *" })
               ]
             }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            "div",
+          ) : null,
+          t ? /* @__PURE__ */ s.jsx(
+            "span",
             {
-              className: W(
-                L({
-                  fullWidth: x,
-                  isFocused: j,
-                  isHovered: b,
-                  isDisabled: a,
-                  validationState: o
-                })
-              ),
-              children: [
-                n,
-                /* @__PURE__ */ e.jsx(
-                  w,
-                  {
-                    className: ({ isFocused: N, isHovered: v }) => (F(N), I(v), M({
-                      size: u,
-                      className: i(!!n && "ps-2", !!m && "pe-2")
-                    })),
-                    required: t,
-                    disabled: a,
-                    style: { fontFamily: "var(--input-font-family)" }
-                  }
-                ),
-                m
-              ]
-            }
-          ),
-          l && /* @__PURE__ */ e.jsx(
-            f,
-            {
-              className: "ml-1 mt-1.5",
-              variant: "body-small",
-              color: "secondary",
-              slot: "description",
-              children: l
+              className: S(),
+              style: { fontFamily: "var(--input-hint-font-family)" },
+              children: t
             }
-          ),
-          r && /* @__PURE__ */ e.jsx(
-            f,
-            {
-              className: "ml-1 mt-1.5",
-              variant: "body-small",
-              color: "accent-danger",
-              slot: "errorMessage",
-              children: r
-            }
-          )
+          ) : null
         ]
       }
-    );
-  }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: d(
+          N({ orientation: n, color: f, className: x })
+        ),
+        children: typeof o == "function" ? o(r) : o
+      }
+    ),
+    l && /* @__PURE__ */ s.jsx(
+      m,
+      {
+        className: "ms-1 mt-1.5",
+        variant: "body-small",
+        color: "secondary",
+        slot: "description",
+        children: l
+      }
+    ),
+    i && /* @__PURE__ */ s.jsx(
+      m,
+      {
+        className: "ms-1 mt-1.5",
+        variant: "body-small",
+        color: "accent-danger",
+        slot: "errorMessage",
+        children: i
+      }
+    )
+  ] }) })
+), A = c(
+  ({ className: a, children: e, ...t }, l) => /* @__PURE__ */ s.jsx(b, { ...t, ref: l, children: (i) => /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-start gap-x-[--radio-gap-x]", children: [
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: d(
+          g({
+            className: a,
+            isDisabled: i.isDisabled,
+            isSelected: i.isSelected,
+            isFocusVisible: i.isFocusVisible,
+            isHovered: i.isHovered,
+            isPressed: i.isPressed
+          })
+        ),
+        children: i.isSelected && /* @__PURE__ */ s.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ s.jsx("circle", { cx: "5", cy: "5", r: "5", fill: "currentColor" }) })
+      }
+    ),
+    e && /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: v({
+          variant: "body-medium",
+          className: [
+            "leading-5",
+            i.isDisabled ? "cursor-not-allowed opacity-50" : ""
+          ]
+        }),
+        children: typeof e == "function" ? e(i) : e
+      }
+    )
+  ] }) }) })
 );
 export {
-  P as TextField
+  A as Radio,
+  z as RadioGroup
 };

package/dist/lyra160.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra157.cjs"),u=require("./lyra264.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;

package/dist/lyra160.js

@@ -1,27 +1,13 @@
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-}, t = {};
-for (const e in n)
-  t[e] = {
-    isEnabled: (o) => n[e].some((a) => !!o[a])
-  };
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./lyra157.js";
+import { getCurrentTreeVariants as m } from "./lyra264.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
+}
 export {
-  t as featureDefinitions
+  C as useCreateMotionContext
 };

package/dist/lyra161.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra181.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;

package/dist/lyra161.js

@@ -1,13 +1,11 @@
-const i = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], e = ["initial", ...i];
+import { featureDefinitions as n } from "./lyra181.js";
+function e(i) {
+  for (const o in i)
+    n[o] = {
+      ...n[o],
+      ...i[o]
+    };
+}
 export {
-  i as variantPriorityOrder,
-  e as variantProps
+  e as loadFeatures
 };

package/dist/lyra162.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new WeakMap;exports.visualElementStore=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;

package/dist/lyra162.js

@@ -1,4 +1,4 @@
-const e = /* @__PURE__ */ new WeakMap();
+const e = typeof document < "u";
 export {
-  e as visualElementStore
+  e as isBrowser
 };

package/dist/lyra163.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};function o(r){Object.assign(e,r)}exports.addScaleCorrector=o;exports.scaleCorrectors=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;

package/dist/lyra163.js

@@ -1,8 +1,5 @@
-const o = {};
-function r(c) {
-  Object.assign(o, c);
-}
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
 export {
-  r as addScaleCorrector,
-  o as scaleCorrectors
+  o as LazyContext
 };

package/dist/lyra164.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra154.cjs"),u={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},c=o.transformPropOrder.length;function d(e,{enableHardwareAcceleration:a=!0,allowTransformNone:l=!0},s,i){let r="";for(let n=0;n<c;n++){const t=o.transformPropOrder[n];if(e[t]!==void 0){const f=u[t]||t;r+=`${f}(${e[t]}) `}}return a&&!e.z&&(r+="translateZ(0)"),r=r.trim(),i?r=i(e,s?"":r):l&&s&&(r="none"),r}exports.buildTransform=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;

package/dist/lyra164.js

@@ -1,21 +1,5 @@
-import { transformPropOrder as o } from "./lyra154.js";
-const c = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, u = o.length;
-function p(e, { enableHardwareAcceleration: a = !0, allowTransformNone: l = !0 }, i, s) {
-  let t = "";
-  for (let n = 0; n < u; n++) {
-    const r = o[n];
-    if (e[r] !== void 0) {
-      const f = c[r] || r;
-      t += `${f}(${e[r]}) `;
-    }
-  }
-  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  p as buildTransform
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra165.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra166.cjs"),ee=require("./lyra167.cjs"),Q=require("./lyra168.cjs"),te=require("./lyra169.cjs"),ne=require("./lyra170.cjs"),ie=require("./lyra171.cjs"),D=require("./lyra172.cjs"),R=require("./lyra173.cjs"),re={decay:Q.inertia,inertia:Q.inertia,tween:q.keyframes,keyframes:q.keyframes,spring:ee.spring};function le({autoplay:X=!0,delay:Y=0,driver:Z=te.frameloopDriver,keyframes:u,type:_="keyframes",repeat:d=0,repeatDelay:m=0,repeatType:h="loop",onPlay:x,onStop:T,onComplete:A,onUpdate:O,...k}){let o=1,V=!1,F,j;const M=()=>{F&&F(),j=new Promise(e=>{F=e})};M();let r;const P=re[_]||q.keyframes;let I;P!==q.keyframes&&typeof u[0]!="number"&&(I=ne.interpolate([0,100],u,{clamp:!1}),u=[0,100]);const s=P({...k,keyframes:u});let B;h==="mirror"&&(B=P({...k,keyframes:[...u].reverse(),velocity:-(k.velocity||0)}));let n="idle",l=null,i=null,v=null;s.calculatedDuration===null&&d&&(s.calculatedDuration=R.calcGeneratorDuration(s));const{calculatedDuration:S}=s;let c=1/0,g=1/0;S!==null&&(c=S+m,g=c*(d+1)-m);let t=0;const b=e=>{if(i===null)return;o>0&&(i=Math.min(i,e)),l!==null?t=l:t=(e-i)*o;const p=t-Y,z=p<0;t=Math.max(p,0),n==="finished"&&l===null&&(t=g);let C=t,E=s;if(d){const G=t/c;let y=Math.floor(G),a=G%1;!a&&G>=1&&(a=1),a===1&&y--,y=Math.min(y,d+1);const J=!!(y%2);J&&(h==="reverse"?(a=1-a,m&&(a-=m/c)):h==="mirror"&&(E=B));let L=ie.clamp(0,1,a);t>g&&(L=h==="reverse"&&J?1:0),C=L*c}const f=z?{done:!1,value:u[0]}:E.next(C);I&&(f.value=I(f.value));let{done:H}=f;!z&&S!==null&&(H=t>=g);const $=l===null&&(n==="finished"||n==="running"&&H||o<0&&t<=0);return O&&O(f.value),$&&U(),f},K=()=>{r&&r.stop(),r=void 0},N=()=>{n="idle",K(),M(),i=v=null},U=()=>{n="finished",A&&A(),K(),M()},W=()=>{if(V)return;r||(r=Z(b));const e=r.now();x&&x(),l!==null?i=e-l:(!i||n==="finished")&&(i=e),v=i,l=null,n="running",r.start()};X&&W();const w={then(e,p){return j.then(e,p)},get time(){return D.millisecondsToSeconds(t)},set time(e){e=D.secondsToMilliseconds(e),t=e,l!==null||!r||o===0?l=e:i=r.now()-e/o},get duration(){const e=s.calculatedDuration===null?R.calcGeneratorDuration(s):s.calculatedDuration;return D.millisecondsToSeconds(e)},get speed(){return o},set speed(e){e===o||!r||(o=e,w.time=D.millisecondsToSeconds(t))},get state(){return n},play:W,pause:()=>{n="paused",l=t},stop:()=>{V=!0,n!=="idle"&&(n="idle",T&&T(),N())},cancel:()=>{v!==null&&b(v),N()},complete:()=>{n="finished"},sample:e=>(i=0,b(e))};return w}exports.animateValue=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;