@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra237.js

@@ -1,140 +1,52 @@
-import { cva as o } from "./lyra73.js";
-import "./lyra320.js";
-const i = o(
-  ["flex", "gap-x-[--radio-group-gap-x]", "gap-y-[--radio-group-gap-y]"],
-  {
-    variants: {
-      orientation: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
-      },
-      color: {
-        monochrome: [
-          "[--radio-color:--radio-color-monochrome]",
-          "[--radio-color-light:--radio-color-monochrome-light]",
-          "[--radio-color-dark:--radio-color-monochrome-dark]",
-          "[--radio-color-foreground:--radio-color-monochrome-foreground]",
-          "[--radio-color-opacity-1:--radio-color-monochrome-opacity]",
-          "[--radio-color-opacity-2:--radio-color-monochrome-opacity-2]"
-        ],
-        primary: [
-          "[--radio-color:--radio-color-primary]",
-          "[--radio-color-light:--radio-color-primary-light]",
-          "[--radio-color-dark:--radio-color-primary-dark]",
-          "[--radio-color-foreground:--radio-color-primary-foreground]",
-          "[--radio-color-opacity-1:--radio-color-primary-opacity-1]",
-          "[--radio-color-opacity-2:--radio-color-primary-opacity-2]"
-        ],
-        success: [
-          "[--radio-color:--radio-color-success]",
-          "[--radio-color-light:--radio-color-success-light]",
-          "[--radio-color-dark:--radio-color-success-dark]",
-          "[--radio-color-foreground:--radio-color-success-foreground]",
-          "[--radio-color-opacity-1:--radio-color-success-opacity-1]",
-          "[--radio-color-opacity-2:--radio-color-success-opacity-2]"
-        ],
-        danger: [
-          "[--radio-color:--radio-color-danger]",
-          "[--radio-color-light:--radio-color-danger-light]",
-          "[--radio-color-dark:--radio-color-danger-dark]",
-          "[--radio-color-foreground:--radio-color-danger-foreground]",
-          "[--radio-color-opacity-1:--radio-color-danger-opacity-1]",
-          "[--radio-color-opacity-2:--radio-color-danger-opacity-2]"
-        ],
-        warning: [
-          "[--radio-color:--radio-color-warning]",
-          "[--radio-color-light:--radio-color-warning-light]",
-          "[--radio-color-dark:--radio-color-warning-dark]",
-          "[--radio-color-foreground:--radio-color-warning-foreground]",
-          "[--radio-color-opacity-1:--radio-color-warning-opacity-1]",
-          "[--radio-color-opacity-2:--radio-color-warning-opacity-2]"
-        ]
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical",
-      color: "primary"
-    }
+import { isNumericalString as m } from "./lyra238.js";
+import { isZeroValueString as d } from "./lyra239.js";
+import { resolveFinalValueInKeyframes as V } from "./lyra153.js";
+import { motionValue as c } from "./lyra179.js";
+import { complex as g } from "./lyra207.js";
+import { getAnimatableNone as p } from "./lyra240.js";
+import { findValueType as y } from "./lyra241.js";
+import { resolveVariant as T } from "./lyra156.js";
+function b(e, n, t) {
+  e.hasValue(n) ? e.getValue(n).set(t) : e.addValue(n, c(t));
+}
+function K(e, n) {
+  const t = T(e, n);
+  let { transitionEnd: i = {}, transition: a = {}, ...o } = t ? e.makeTargetAnimatable(t, !1) : {};
+  o = { ...o, ...i };
+  for (const l in o) {
+    const u = V(o[l]);
+    b(e, l, u);
   }
-), c = o(
-  [
-    "flex",
-    "items-center",
-    "justify-center",
-    "w-5",
-    "h-5",
-    "rounded-[--radio-radius]",
-    "outline-none",
-    "transition-all",
-    "ease-out",
-    "duration-100"
-  ],
-  {
-    variants: {
-      isSelected: {
-        true: [
-          "bg-[--radio-color]",
-          "border-[--radio-color]",
-          "text-[--radio-color-foreground]"
-        ],
-        false: [
-          "bg-transparent",
-          "border-solid",
-          "border-2",
-          "border-neutral-4"
-        ]
-      },
-      isDisabled: {
-        true: ["cursor-not-allowed", "opacity-25"]
-      },
-      isHovered: {
-        true: ""
-      },
-      isPressed: {
-        true: ""
-      },
-      isFocusVisible: {
-        true: ["ring ring-[--radio-color-opacity-2]", "border-[--radio-color]"]
-      }
-    },
-    compoundVariants: [
-      {
-        isHovered: !0,
-        isSelected: !1,
-        isDisabled: !1,
-        isPressed: !1,
-        className: [
-          "!bg-[--radio-color-opacity-1]",
-          "!border-[var(--radio-color)]"
-        ]
-      },
-      {
-        isHovered: !0,
-        isSelected: !0,
-        isDisabled: !1,
-        className: [
-          "bg-[--radio-color-light]",
-          "border-[var(--radio-color-light)]"
-        ]
-      },
-      {
-        isPressed: !0,
-        isSelected: !1,
-        isDisabled: !1,
-        className: [
-          ["bg-[--radio-color-opacity-2]", "!border-[var(--radio-color)]"]
-        ]
-      },
-      {
-        isPressed: !0,
-        isSelected: !0,
-        isDisabled: !1,
-        className: [["!bg-[--radio-color-dark]"]]
-      }
-    ]
+}
+function S(e, n, t) {
+  var i, a;
+  const o = Object.keys(n).filter((u) => !e.hasValue(u)), l = o.length;
+  if (l)
+    for (let u = 0; u < l; u++) {
+      const f = o[u], s = n[f];
+      let r = null;
+      Array.isArray(s) && (r = s[0]), r === null && (r = (a = (i = t[f]) !== null && i !== void 0 ? i : e.readValue(f)) !== null && a !== void 0 ? a : n[f]), r != null && (typeof r == "string" && (m(r) || d(r)) ? r = parseFloat(r) : !y(r) && g.test(s) && (r = p(f, s)), e.addValue(f, c(r, { owner: e })), t[f] === void 0 && (t[f] = r), r !== null && e.setBaseTarget(f, r));
+    }
+}
+function h(e, n) {
+  return n ? (n[e] || n.default || n).from : void 0;
+}
+function _(e, n, t) {
+  const i = {};
+  for (const a in e) {
+    const o = h(a, n);
+    if (o !== void 0)
+      i[a] = o;
+    else {
+      const l = t.getValue(a);
+      l && (i[a] = l.get());
+    }
   }
-);
+  return i;
+}
 export {
-  i as radioGroupStyles,
-  c as radioStyles
+  S as checkTargetForNewValues,
+  _ as getOrigin,
+  h as getOriginFromTransition,
+  K as setTarget
 };

package/dist/lyra238.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u",o=t?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>/^\-?\d*\.?\d+$/.test(t);exports.isNumericalString=e;

package/dist/lyra238.js

@@ -1,5 +1,4 @@
-import { useLayoutEffect as o, useEffect as e } from "react";
-const t = typeof window < "u", s = t ? o : e;
+const e = (t) => /^\-?\d*\.?\d+$/.test(t);
 export {
-  s as useIsomorphicLayoutEffect
+  e as isNumericalString
 };

package/dist/lyra239.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra280.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>/^0[^.\s]+$/.test(e);exports.isZeroValueString=t;

package/dist/lyra239.js

@@ -1,24 +1,4 @@
-import { lowercaseSVGElements as r } from "./lyra280.js";
-function s(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(r.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/.test(e))
-    )
-  );
-}
+const e = (t) => /^0[^.\s]+$/.test(t);
 export {
-  s as isSVGComponent
+  e as isZeroValueString
 };

package/dist/lyra24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),x=require("./lyra75.cjs"),n=require("./lyra25.cjs"),b=require("./lyra83.cjs"),f=require("./lyra29.cjs"),c=require("./lyra30.cjs"),u=require("./lyra37.cjs"),d=require("./lyra78.cjs"),g=require("./lyra35.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra74.cjs");require("./lyra89.cjs");const e=t.cva(["list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;

package/dist/lyra24.js

@@ -1,112 +1,76 @@
-import { j as e } from "./lyra36.js";
-import { ProgressBar as N, Label as S } from "./lyra75.js";
-import { barStyles as g, barActiveStyles as n } from "./lyra25.js";
-import A from "./lyra83.js";
-import { Text as B } from "./lyra29.js";
-import { textStyles as l } from "./lyra30.js";
-import { twMerge as d } from "./lyra37.js";
-import { motion as c } from "./lyra78.js";
-import { useLocale as I } from "./lyra35.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",
+import { cva as t } from "./lyra74.js";
+import "./lyra89.js";
+const i = t(
+  [
+    "list-box",
+    "flex",
+    "flex-col",
+    "gap-y-[--list-box-row-gap]",
+    "w-full",
+    "px-[--list-box-padding-x]",
+    "py-[--list-box-padding-y]",
+    "outline-none"
+  ],
+  {
+    variants: {}
+  }
+), s = t(
+  [
+    "transition",
+    "duration-300",
+    "ease-out",
+    "rounded-md",
+    "w-full",
+    "pe-[--list-box-item-padding-end]",
+    "ps-[--list-box-item-padding-start]",
+    "py-[--list-box-item-padding-y]",
+    "select-none",
+    "outline-none",
+    "text-[length:var(--list-box-item-text-size)]",
+    "font-sans",
+    "font-[--list-box-item-text-weight]",
+    "flex",
+    "items-center",
+    "gap-x-[--list-box-item-gap-x]",
+    "bg-[--list-box-item-background-color]",
+    "text-[--list-box-item-text-color]"
+  ],
+  {
+    variants: {
+      isDisabled: {
+        true: ["cursor-not-allowed", "opacity-50"]
+      },
+      isPressed: {
+        true: "!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"
+      },
+      isSelected: {
+        true: "!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"
+      },
+      isHovered: {
+        true: "!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"
+      },
+      isFocused: {
+        true: "!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"
+      }
+    },
+    compoundVariants: [
       {
-        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"
-            }
-          }
-        )
+        isFocused: !0,
+        isHovered: !0,
+        className: "!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"
       }
-    )
-  ] }) });
-};
+    ]
+  }
+), l = t([
+  "py-[--list-box-header-padding-y]",
+  "px-[--list-box-header-padding-x]",
+  "text-[--list-box-header-text-size]",
+  "font-sans",
+  "font-[--list-box-header-text-weight]",
+  "text-[--list-box-header-text-color]"
+]);
 export {
-  q as ProgressBar
+  l as listBoxHeaderStyles,
+  s as listBoxItemStyles,
+  i as listBoxStyles
 };

package/dist/lyra240.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra281.cjs"),a=require("./lyra224.cjs"),p=require("./lyra239.cjs"),f=require("./lyra282.cjs"),q=require("./lyra134.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra207.cjs"),l=require("./lyra290.cjs"),a=require("./lyra291.cjs");function r(t,n){let e=a.getDefaultValueType(t);return e!==l.filter&&(e=i.complex),e.getAnimatableNone?e.getAnimatableNone(n):void 0}exports.getAnimatableNone=r;

package/dist/lyra240.js

@@ -1,22 +1,10 @@
-import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra281.js";
-import { filterProps as d } from "./lyra224.js";
-import { isSVGComponent as P } from "./lyra239.js";
-import { useSVGProps as a } from "./lyra282.js";
-import { isMotionValue as V } from "./lyra134.js";
-function E(o = !1) {
-  return (e, s, t, { latestValues: i }, n) => {
-    const u = (P(e) ? a : p)(s, i, n, e), l = {
-      ...d(s, typeof e == "string", o),
-      ...u,
-      ref: t
-    }, { children: r } = s, m = c(() => V(r) ? r.get() : r, [r]);
-    return f(e, {
-      ...l,
-      children: m
-    });
-  };
+import { complex as n } from "./lyra207.js";
+import { filter as a } from "./lyra290.js";
+import { getDefaultValueType as i } from "./lyra291.js";
+function f(t, o) {
+  let e = i(t);
+  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
 }
 export {
-  E as createUseRender
+  f as getAnimatableNone
 };

package/dist/lyra241.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra283.cjs"),i=require("./lyra284.cjs"),a=require("./lyra225.cjs"),n=require("./lyra285.cjs"),u=require("./lyra286.cjs"),c=require("./lyra287.cjs"),g={useVisualState:a.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:n.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:r})=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}u.buildSVGAttrs(t,r,{enableHardwareAcceleration:!1},c.isSVGTag(e.tagName),o.transformTemplate),s.renderSVG(e,t)}})};exports.svgMotionConfig=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra202.cjs"),i=require("./lyra207.cjs"),t=require("./lyra292.cjs"),o=require("./lyra293.cjs"),s=[...t.dimensionValueTypes,n.color,i.complex],r=e=>s.find(o.testValueType(e));exports.findValueType=r;

package/dist/lyra241.js

@@ -1,28 +1,8 @@
-import { renderSVG as i } from "./lyra283.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra284.js";
-import { makeUseVisualState as a } from "./lyra225.js";
-import { createSvgRenderState as s } from "./lyra285.js";
-import { buildSVGAttrs as p } from "./lyra286.js";
-import { isSVGTag as f } from "./lyra287.js";
-const B = {
-  useVisualState: a({
-    scrapeMotionValuesFromProps: m,
-    createRenderState: s,
-    onMount: (e, o, { renderState: t, latestValues: r }) => {
-      try {
-        t.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
-      } catch {
-        t.dimensions = {
-          x: 0,
-          y: 0,
-          width: 0,
-          height: 0
-        };
-      }
-      p(t, r, { enableHardwareAcceleration: !1 }, f(o.tagName), e.transformTemplate), i(o, t);
-    }
-  })
-};
+import { color as e } from "./lyra202.js";
+import { complex as m } from "./lyra207.js";
+import { dimensionValueTypes as p } from "./lyra292.js";
+import { testValueType as r } from "./lyra293.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  B as svgMotionConfig
+  s as findValueType
 };

package/dist/lyra242.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra225.cjs"),t=require("./lyra288.cjs"),o=require("./lyra289.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra220.cjs");function x(i){return i.max-i.min}function a(i,n=0,c=.01){return Math.abs(i-n)<=c}function s(i,n,c,o=.5){i.origin=o,i.originPoint=e.mix(n.min,n.max,i.origin),i.scale=x(c)/x(n),(a(i.scale,1,1e-4)||isNaN(i.scale))&&(i.scale=1),i.translate=e.mix(c.min,c.max,i.origin)-i.originPoint,(a(i.translate)||isNaN(i.translate))&&(i.translate=0)}function f(i,n,c,o){s(i.x,n.x,c.x,o?o.originX:void 0),s(i.y,n.y,c.y,o?o.originY:void 0)}function l(i,n,c){i.min=c.min+n.min,i.max=i.min+x(n)}function u(i,n,c){l(i.x,n.x,c.x),l(i.y,n.y,c.y)}function m(i,n,c){i.min=n.min-c.min,i.max=i.min+x(n)}function t(i,n,c){m(i.x,n.x,c.x),m(i.y,n.y,c.y)}exports.calcAxisDelta=s;exports.calcBoxDelta=f;exports.calcLength=x;exports.calcRelativeAxis=l;exports.calcRelativeAxisPosition=m;exports.calcRelativeBox=u;exports.calcRelativePosition=t;exports.isNear=a;

package/dist/lyra242.js

@@ -1,12 +1,35 @@
-import { makeUseVisualState as t } from "./lyra225.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra288.js";
-import { createHtmlRenderState as o } from "./lyra289.js";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
-};
+import { mix as o } from "./lyra220.js";
+function m(i) {
+  return i.max - i.min;
+}
+function f(i, n = 0, c = 0.01) {
+  return Math.abs(i - n) <= c;
+}
+function s(i, n, c, x = 0.5) {
+  i.origin = x, i.originPoint = o(n.min, n.max, i.origin), i.scale = m(c) / m(n), (f(i.scale, 1, 1e-4) || isNaN(i.scale)) && (i.scale = 1), i.translate = o(c.min, c.max, i.origin) - i.originPoint, (f(i.translate) || isNaN(i.translate)) && (i.translate = 0);
+}
+function N(i, n, c, x) {
+  s(i.x, n.x, c.x, x ? x.originX : void 0), s(i.y, n.y, c.y, x ? x.originY : void 0);
+}
+function u(i, n, c) {
+  i.min = c.min + n.min, i.max = i.min + m(n);
+}
+function l(i, n, c) {
+  u(i.x, n.x, c.x), u(i.y, n.y, c.y);
+}
+function y(i, n, c) {
+  i.min = n.min - c.min, i.max = i.min + m(n);
+}
+function P(i, n, c) {
+  y(i.x, n.x, c.x), y(i.y, n.y, c.y);
+}
 export {
-  i as htmlMotionConfig
+  s as calcAxisDelta,
+  N as calcBoxDelta,
+  m as calcLength,
+  u as calcRelativeAxis,
+  y as calcRelativeAxisPosition,
+  l as calcRelativeBox,
+  P as calcRelativePosition,
+  f as isNear
 };

package/dist/lyra243.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra229.cjs"),p=require("./lyra202.cjs"),v=require("./lyra228.cjs"),l=require("./lyra271.cjs"),d=require("./lyra154.cjs");function i(e,t){const a="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,a,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(i(this.node,!0),i(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra159.cjs");let a=t=>!i.isValidMotionProp(t);function l(t){t&&(a=r=>r.startsWith("on")?!i.isValidMotionProp(r):t(r))}try{l(require("@emotion/is-prop-valid").default)}catch{}function s(t,r,n){const e={};for(const o in t)o==="values"&&typeof t.values=="object"||(a(o)||n===!0&&i.isValidMotionProp(o)||!r&&!i.isValidMotionProp(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}exports.filterProps=s;exports.loadExternalIsValidProp=l;

package/dist/lyra243.js

@@ -1,26 +1,20 @@
-import { addPointerEvent as p } from "./lyra229.js";
-import { pipe as u } from "./lyra202.js";
-import { isDragActive as f } from "./lyra228.js";
-import { Feature as c } from "./lyra271.js";
-import { frame as v } from "./lyra154.js";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
-    if (n.type === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
-  };
-  return p(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
+import { isValidMotionProp as e } from "./lyra159.js";
+let n = (t) => !e(t);
+function f(t) {
+  t && (n = (o) => o.startsWith("on") ? !e(o) : t(o));
 }
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
-  }
-  unmount() {
-  }
+try {
+  f(require("@emotion/is-prop-valid").default);
+} catch {
+}
+function u(t, o, a) {
+  const i = {};
+  for (const r in t)
+    r === "values" && typeof t.values == "object" || (n(r) || a === !0 && e(r) || !o && !e(r) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && r.startsWith("onDrag")) && (i[r] = t[r]);
+  return i;
 }
 export {
-  g as HoverGesture
+  u as filterProps,
+  f as loadExternalIsValidProp
 };

package/dist/lyra244.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra230.cjs"),s=require("./lyra271.cjs"),i=require("./lyra202.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),S=require("./lyra245.cjs"),x=require("./lyra161.cjs"),P=require("./lyra185.cjs"),$=require("./lyra246.cjs"),b=require("./lyra152.cjs"),h=require("./lyra164.cjs"),k=require("./lyra182.cjs");function E({scrapeMotionValuesFromProps:t,createRenderState:i,onMount:o},a,e,s){const n={latestValues:T(a,e,s,t),renderState:i()};return o&&(n.mount=c=>o(a,c,n)),n}const M=t=>(i,o)=>{const a=y.useContext(h.MotionContext),e=y.useContext(x.PresenceContext),s=()=>E(t,i,a,e);return o?s():$.useConstant(s)};function T(t,i,o,a){const e={},s=a(t,{});for(const d in s)e[d]=b.resolveMotionValue(s[d]);let{initial:n,animate:c}=t;const q=k.isControllingVariants(t),v=k.isVariantNode(t);i&&v&&!q&&t.inherit!==!1&&(n===void 0&&(n=i.initial),c===void 0&&(c=i.animate));let f=o?o.initial===!1:!1;f=f||n===!1;const r=f?c:n;return r&&typeof r!="boolean"&&!S.isAnimationControls(r)&&(Array.isArray(r)?r:[r]).forEach(g=>{const m=P.resolveVariantFromProps(t,g);if(!m)return;const{transitionEnd:V,transition:N,...C}=m;for(const u in C){let l=C[u];if(Array.isArray(l)){const A=f?l.length-1:0;l=l[A]}l!==null&&(e[u]=l)}for(const u in V)e[u]=V[u]}),e}exports.makeUseVisualState=M;