@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra17.js

@@ -1,67 +1,137 @@
-import { j as t } from "./lyra32.js";
-import { forwardRef as i } from "react";
-import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra53.js";
-import { Text as $ } from "./lyra26.js";
-import { listBoxStyles as B, listBoxItemStyles as S, listBoxHeaderStyles as u } from "./lyra18.js";
-import { SvgIcon as N } from "./lyra25.js";
-import { twMerge as m } from "./lyra33.js";
-const y = ({
-  className: s,
-  isEmptyLabel: e = "No options available",
-  renderEmptyState: a,
-  selectionMode: c = "single",
-  ...o
-}, r) => /* @__PURE__ */ t.jsx(
-  l,
-  {
-    ...o,
-    ref: r,
-    selectionMode: c,
-    className: m(B({ className: s })),
-    renderEmptyState: a || (() => /* @__PURE__ */ t.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ t.jsx($, { variant: "body-medium", children: e }) }))
-  }
-), L = ({ className: s, children: e, ...a }, c) => /* @__PURE__ */ t.jsx(
-  d,
-  {
-    ...a,
-    ref: c,
-    className: ({
-      isDisabled: o,
-      isPressed: r,
-      isSelected: x,
-      isFocused: n,
-      isHovered: f
-    }) => m(
-      S({
-        className: s,
-        isDisabled: o,
-        isPressed: r,
-        isSelected: x,
-        isFocused: n,
-        isHovered: f
-      })
-    ),
-    children: (o) => /* @__PURE__ */ t.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
-      /* @__PURE__ */ t.jsx("div", { className: o.isSelected ? "" : "me-5", children: typeof e == "function" ? e(o) : e }),
-      o.isSelected && /* @__PURE__ */ t.jsx(N, { name: "checkmark", className: "h-4 w-4" })
-    ] })
-  }
-), b = ({ className: s, ...e }, a) => /* @__PURE__ */ t.jsx(
-  p,
-  {
-    ...e,
-    ref: a,
-    className: u({ className: s })
-  }
-), v = (s, e) => /* @__PURE__ */ t.jsx(j, { ...s, ref: e }), I = i(y), h = i(L), w = i(v), H = i(b), q = {
-  Root: I,
-  Item: h,
-  Section: w,
-  Header: H
-};
+import { j as e } from "./lyra36.js";
+import { forwardRef as $ } from "react";
+import { useContextProps as b, Select as y, Label as N, Button as g, SelectValue as S, SelectContext as v } from "./lyra74.js";
+import { ListBox as w } from "./lyra20.js";
+import { cx as i } from "./lyra71.js";
+import "./lyra77.js";
+import { Text as c } from "./lyra29.js";
+import "./lyra70.js";
+import "./lyra10.js";
+import "./lyra114.js";
+import "./lyra19.js";
+import { SvgIcon as F } from "./lyra28.js";
+import "./lyra14.js";
+import "./lyra8.js";
+import "./lyra75.js";
+import "./lyra16.js";
+import { sharedInputFieldWrapperStyles as I, sharedInputlabelStyles as B, sharedInputHintStyles as C, sharedInputFieldStyles as L } from "./lyra18.js";
+import { Popover as M } from "./lyra22.js";
+import { twMerge as d } from "./lyra37.js";
+function P({
+  label: s,
+  hint: o,
+  size: a = "medium",
+  fullWidth: n,
+  validationState: f,
+  isRequired: p,
+  description: l,
+  errorMessage: m,
+  ...t
+}, r) {
+  return [t, r] = b(t, r, v), /* @__PURE__ */ e.jsx(
+    y,
+    {
+      ...t,
+      ref: r,
+      className: d(I({ fullWidth: n })),
+      children: ({ isOpen: x }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: i(
+              "mx-1 flex items-center gap-3",
+              s ? "justify-between" : "justify-end"
+            ),
+            children: [
+              s ? /* @__PURE__ */ e.jsxs(
+                N,
+                {
+                  className: B(),
+                  style: { fontFamily: "var(--input-label-font-family)" },
+                  children: [
+                    s,
+                    p && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                  ]
+                }
+              ) : null,
+              o ? /* @__PURE__ */ e.jsx(
+                "span",
+                {
+                  className: C(),
+                  style: { fontFamily: "var(--input-hint-font-family)" },
+                  children: o
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsxs(
+          g,
+          {
+            className: ({ isDisabled: u, isFocusVisible: h, isHovered: j }) => d(
+              L({
+                isDisabled: u,
+                isHovered: j,
+                isFocused: h,
+                fullWidth: n,
+                size: a,
+                validationState: f,
+                className: "w-full items-center justify-between gap-3"
+              })
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx(S, { className: "select-none truncate" }),
+              /* @__PURE__ */ e.jsx(
+                F,
+                {
+                  name: "chevron-down",
+                  "aria-hidden": "true",
+                  className: i(
+                    a === "large" && "h-5 w-5",
+                    a === "medium" && "h-4 w-4",
+                    a === "small" && "h-3 w-3",
+                    x ? "rotate-180" : "rotate-0",
+                    "transition duration-200 ease-out"
+                  )
+                }
+              )
+            ]
+          }
+        ) }),
+        l && /* @__PURE__ */ e.jsx(
+          c,
+          {
+            className: "ms-1 mt-1.5",
+            variant: "body-small",
+            color: "secondary",
+            slot: "description",
+            children: l
+          }
+        ),
+        m && /* @__PURE__ */ e.jsx(
+          c,
+          {
+            className: "ms-1 mt-1.5",
+            variant: "body-small",
+            color: "accent-danger",
+            slot: "errorMessage",
+            children: m
+          }
+        ),
+        /* @__PURE__ */ e.jsx(M, { children: /* @__PURE__ */ e.jsx(
+          w,
+          {
+            className: "outline-none",
+            "aria-label": s ?? `options on select ${t.name}`,
+            selectionMode: "single",
+            children: t.children
+          }
+        ) })
+      ] })
+    }
+  );
+}
+const Z = $(P);
 export {
-  b as Header,
-  L as Item,
-  q as ListBox,
-  v as Section
+  Z as Select
 };

package/dist/lyra170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra123.cjs"),y=require("./lyra174.cjs"),h=require("./lyra171.cjs"),q=require("./lyra193.cjs"),b=require("./lyra205.cjs"),x=require("./lyra206.cjs"),p=require("./lyra194.cjs"),d=require("./lyra195.cjs"),A=require("./lyra181.cjs"),f=(e,r)=>i=>q.mix(e,r,i);function M(e){return typeof e=="number"?f:typeof e=="string"?y.color.test(e)?b.mixColor:x.mixComplex:Array.isArray(e)?x.mixArray:typeof e=="object"?x.mixObject:f}function C(e,r,i){const c=[],a=i||M(e[0]),t=e.length-1;for(let n=0;n<t;n++){let s=a(e[n],e[n+1]);if(r){const l=Array.isArray(r)?r[n]||A.noop:r;s=p.pipe(l,s)}c.push(s)}return c}function j(e,r,{clamp:i=!0,ease:c,mixer:a}={}){const t=e.length;if(u.invariant(t===r.length,"Both input and output ranges must be the same length"),t===1)return()=>r[0];e[0]>e[t-1]&&(e=[...e].reverse(),r=[...r].reverse());const n=C(r,c,a),s=n.length,l=m=>{let o=0;if(s>1)for(;o<e.length-2&&!(m<e[o+1]);o++);const g=d.progress(e[o],e[o+1],m);return n[o](g)};return i?m=>l(h.clamp(e[0],e[t-1],m)):l}exports.interpolate=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra162.cjs"),e=require("./lyra171.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;

package/dist/lyra170.js

@@ -1,43 +1,13 @@
-import { invariant as g } from "./lyra123.js";
-import { color as h } from "./lyra174.js";
-import { clamp as p } from "./lyra171.js";
-import { mix as y } from "./lyra193.js";
-import { mixColor as b } from "./lyra205.js";
-import { mixComplex as A, mixArray as M, mixObject as F } from "./lyra206.js";
-import { pipe as d } from "./lyra194.js";
-import { progress as j } from "./lyra195.js";
-import { noop as C } from "./lyra181.js";
-const a = (r, e) => (i) => y(r, e, i);
-function k(r) {
-  return typeof r == "number" ? a : typeof r == "string" ? h.test(r) ? b : A : Array.isArray(r) ? M : typeof r == "object" ? F : a;
-}
-function B(r, e, i) {
-  const s = [], l = i || k(r[0]), t = r.length - 1;
-  for (let o = 0; o < t; o++) {
-    let m = l(r[o], r[o + 1]);
-    if (e) {
-      const f = Array.isArray(e) ? e[o] || C : e;
-      m = d(f, m);
-    }
-    s.push(m);
-  }
-  return s;
-}
-function D(r, e, { clamp: i = !0, ease: s, mixer: l } = {}) {
-  const t = r.length;
-  if (g(t === e.length, "Both input and output ranges must be the same length"), t === 1)
-    return () => e[0];
-  r[0] > r[t - 1] && (r = [...r].reverse(), e = [...e].reverse());
-  const o = B(e, s, l), m = o.length, f = (c) => {
-    let n = 0;
-    if (m > 1)
-      for (; n < r.length - 2 && !(c < r[n + 1]); n++)
-        ;
-    const x = j(r[n], r[n + 1], c);
-    return o[n](x);
-  };
-  return i ? (c) => f(p(r[0], r[t - 1], c)) : f;
+import { isBrowser as o } from "./lyra162.js";
+import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra171.js";
+function c() {
+  if (i.current = !0, !!o)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
+      e.addListener(r), r();
+    } else
+      t.current = !1;
 }
 export {
-  D as interpolate
+  c as initPrefersReducedMotion
 };

package/dist/lyra171.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(t,a,e)=>Math.min(Math.max(e,t),a);exports.clamp=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;

package/dist/lyra171.js

@@ -1,4 +1,5 @@
-const c = (a, t, m) => Math.min(Math.max(m, a), t);
+const e = { current: null }, n = { current: !1 };
 export {
-  c as clamp
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };

package/dist/lyra172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=o=>o*1e3,e=o=>o/1e3;exports.millisecondsToSeconds=e;exports.secondsToMilliseconds=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra210.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;

package/dist/lyra172.js

@@ -1,5 +1,29 @@
-const s = (o) => o * 1e3, c = (o) => o / 1e3;
+import { addUniqueItem as e, removeItem as u } from "./lyra210.js";
+class h {
+  constructor() {
+    this.subscriptions = [];
+  }
+  add(s) {
+    return e(this.subscriptions, s), () => u(this.subscriptions, s);
+  }
+  notify(s, r, n) {
+    const i = this.subscriptions.length;
+    if (i)
+      if (i === 1)
+        this.subscriptions[0](s, r, n);
+      else
+        for (let t = 0; t < i; t++) {
+          const o = this.subscriptions[t];
+          o && o(s, r, n);
+        }
+  }
+  getSize() {
+    return this.subscriptions.length;
+  }
+  clear() {
+    this.subscriptions.length = 0;
+  }
+}
 export {
-  c as millisecondsToSeconds,
-  s as secondsToMilliseconds
+  h as SubscriptionManager
 };

package/dist/lyra173.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=2e4;function a(n){let t=0;const o=50;let r=n.next(t);for(;!r.done&&t<e;)t+=o,r=n.next(t);return t>=e?1/0:t}exports.calcGeneratorDuration=a;exports.maxGeneratorDuration=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra212.cjs"),n=require("./lyra167.cjs"),l=require("./lyra172.cjs"),f=require("./lyra213.cjs"),u=require("./lyra180.cjs"),v=s=>!isNaN(parseFloat(s));class r{constructor(t,e={}){this.version="10.12.16",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(i,h=!0)=>{this.prev=this.current,this.current=i;const{delta:o,timestamp:a}=c.frameData;this.lastUpdated!==a&&(this.timeDelta=o,this.lastUpdated=a,n.frame.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),h&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>n.frame.postRender(this.velocityCheck),this.velocityCheck=({timestamp:i})=>{i!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=v(this.current),this.owner=e.owner}onChange(t){return process.env.NODE_ENV!=="production"&&u.warnOnce(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new l.SubscriptionManager);const i=this.events[t].add(e);return t==="change"?()=>{i(),n.frame.read(()=>{this.events.change.getSize()||this.stop()})}:i}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e=!0){!e||!this.passiveEffect?this.updateAndNotify(t,e):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,e,i){this.set(e),this.prev=t,this.timeDelta=i}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?f.velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function p(s,t){return new r(s,t)}exports.MotionValue=r;exports.motionValue=p;

package/dist/lyra173.js

@@ -1,13 +1,203 @@
-const a = 2e4;
-function o(n) {
-  let t = 0;
-  const r = 50;
-  let e = n.next(t);
-  for (; !e.done && t < 2e4; )
-    t += r, e = n.next(t);
-  return t >= 2e4 ? 1 / 0 : t;
+import { frameData as o } from "./lyra212.js";
+import { frame as n } from "./lyra167.js";
+import { SubscriptionManager as c } from "./lyra172.js";
+import { velocityPerSecond as f } from "./lyra213.js";
+import { warnOnce as l } from "./lyra180.js";
+const p = (s) => !isNaN(parseFloat(s));
+class v {
+  /**
+   * @param init - The initiating value
+   * @param config - Optional configuration options
+   *
+   * -  `transformer`: A function to transform incoming values with.
+   *
+   * @internal
+   */
+  constructor(t, e = {}) {
+    this.version = "10.12.16", this.timeDelta = 0, this.lastUpdated = 0, this.canTrackVelocity = !1, this.events = {}, this.updateAndNotify = (i, h = !0) => {
+      this.prev = this.current, this.current = i;
+      const { delta: r, timestamp: a } = o;
+      this.lastUpdated !== a && (this.timeDelta = r, this.lastUpdated = a, n.postRender(this.scheduleVelocityCheck)), this.prev !== this.current && this.events.change && this.events.change.notify(this.current), this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()), h && this.events.renderRequest && this.events.renderRequest.notify(this.current);
+    }, this.scheduleVelocityCheck = () => n.postRender(this.velocityCheck), this.velocityCheck = ({ timestamp: i }) => {
+      i !== this.lastUpdated && (this.prev = this.current, this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()));
+    }, this.hasAnimated = !1, this.prev = this.current = t, this.canTrackVelocity = p(this.current), this.owner = e.owner;
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   *
+   * When calling `onChange` inside a React component, it should be wrapped with the
+   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
+   * from the `useEffect` function to ensure you don't add duplicate subscribers..
+   *
+   * ```jsx
+   * export const MyComponent = () => {
+   *   const x = useMotionValue(0)
+   *   const y = useMotionValue(0)
+   *   const opacity = useMotionValue(1)
+   *
+   *   useEffect(() => {
+   *     function updateOpacity() {
+   *       const maxXY = Math.max(x.get(), y.get())
+   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
+   *       opacity.set(newOpacity)
+   *     }
+   *
+   *     const unsubscribeX = x.on("change", updateOpacity)
+   *     const unsubscribeY = y.on("change", updateOpacity)
+   *
+   *     return () => {
+   *       unsubscribeX()
+   *       unsubscribeY()
+   *     }
+   *   }, [])
+   *
+   *   return <motion.div style={{ x }} />
+   * }
+   * ```
+   *
+   * @param subscriber - A function that receives the latest value.
+   * @returns A function that, when called, will cancel this subscription.
+   *
+   * @deprecated
+   */
+  onChange(t) {
+    return process.env.NODE_ENV !== "production" && l(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+  }
+  on(t, e) {
+    this.events[t] || (this.events[t] = new c());
+    const i = this.events[t].add(e);
+    return t === "change" ? () => {
+      i(), n.read(() => {
+        this.events.change.getSize() || this.stop();
+      });
+    } : i;
+  }
+  clearListeners() {
+    for (const t in this.events)
+      this.events[t].clear();
+  }
+  /**
+   * Attaches a passive effect to the `MotionValue`.
+   *
+   * @internal
+   */
+  attach(t, e) {
+    this.passiveEffect = t, this.stopPassiveEffect = e;
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @remarks
+   *
+   * ```jsx
+   * const x = useMotionValue(0)
+   * x.set(10)
+   * ```
+   *
+   * @param latest - Latest value to set.
+   * @param render - Whether to notify render subscribers. Defaults to `true`
+   *
+   * @public
+   */
+  set(t, e = !0) {
+    !e || !this.passiveEffect ? this.updateAndNotify(t, e) : this.passiveEffect(t, this.updateAndNotify);
+  }
+  setWithVelocity(t, e, i) {
+    this.set(e), this.prev = t, this.timeDelta = i;
+  }
+  /**
+   * Set the state of the `MotionValue`, stopping any active animations,
+   * effects, and resets velocity to `0`.
+   */
+  jump(t) {
+    this.updateAndNotify(t), this.prev = t, this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   *
+   * @public
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * @public
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   *
+   * @public
+   */
+  getVelocity() {
+    return this.canTrackVelocity ? (
+      // These casts could be avoided if parseFloat would be typed better
+      f(parseFloat(this.current) - parseFloat(this.prev), this.timeDelta)
+    ) : 0;
+  }
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   *
+   * ```jsx
+   * value.start()
+   * ```
+   *
+   * @param animation - A function that starts the provided animation
+   *
+   * @internal
+   */
+  start(t) {
+    return this.stop(), new Promise((e) => {
+      this.hasAnimated = !0, this.animation = t(e), this.events.animationStart && this.events.animationStart.notify();
+    }).then(() => {
+      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
+    });
+  }
+  /**
+   * Stop the currently active animation.
+   *
+   * @public
+   */
+  stop() {
+    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   *
+   * @public
+   */
+  isAnimating() {
+    return !!this.animation;
+  }
+  clearAnimation() {
+    delete this.animation;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   *
+   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
+   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
+   * created a `MotionValue` via the `motionValue` function.
+   *
+   * @public
+   */
+  destroy() {
+    this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+}
+function C(s, t) {
+  return new v(s, t);
 }
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  v as MotionValue,
+  C as motionValue
 };

package/dist/lyra174.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra175.cjs"),s=require("./lyra176.cjs"),e=require("./lyra177.cjs"),t=require("./lyra178.cjs"),o={test:r=>t.rgba.test(r)||s.hex.test(r)||e.hsla.test(r),parse:r=>t.rgba.test(r)?t.rgba.parse(r):e.hsla.test(r)?e.hsla.parse(r):s.hex.parse(r),transform:r=>a.isString(r)?r:r.hasOwnProperty("red")?t.rgba.transform(r):e.hsla.transform(r)};exports.color=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra147.cjs");function i(e){return!!(o.isMotionValue(e)&&e.add)}exports.isWillChangeMotionValue=i;

package/dist/lyra174.js

@@ -1,12 +1,7 @@
-import { isString as o } from "./lyra175.js";
-import { hex as s } from "./lyra176.js";
-import { hsla as t } from "./lyra177.js";
-import { rgba as e } from "./lyra178.js";
-const f = {
-  test: (r) => e.test(r) || s.test(r) || t.test(r),
-  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : s.parse(r),
-  transform: (r) => o(r) ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r)
-};
+import { isMotionValue as i } from "./lyra147.js";
+function t(o) {
+  return !!(i(o) && o.add);
+}
 export {
-  f as color
+  t as isWillChangeMotionValue
 };

package/dist/lyra175.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>Math.round(e*1e5)/1e5,s=/(-)?([\d]*\.?[\d])+/g,t=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,g=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function i(e){return typeof e=="string"}exports.colorRegex=t;exports.floatRegex=s;exports.isString=i;exports.sanitize=o;exports.singleColorRegex=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],t=new Set(r);exports.transformPropOrder=r;exports.transformProps=t;

package/dist/lyra175.js

@@ -1,11 +1,23 @@
-const o = (s) => Math.round(s * 1e5) / 1e5, t = /(-)?([\d]*\.?[\d])+/g, n = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, e = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function g(s) {
-  return typeof s == "string";
-}
+const t = [
+  "transformPerspective",
+  "x",
+  "y",
+  "z",
+  "translateX",
+  "translateY",
+  "translateZ",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "rotateZ",
+  "skew",
+  "skewX",
+  "skewY"
+], e = new Set(t);
 export {
-  n as colorRegex,
-  t as floatRegex,
-  g as isString,
-  o as sanitize,
-  e as singleColorRegex
+  t as transformPropOrder,
+  e as transformProps
 };

package/dist/lyra176.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra178.cjs"),u=require("./lyra254.cjs");function g(r){let e="",s="",n="",t="";return r.length>5?(e=r.substring(1,3),s=r.substring(3,5),n=r.substring(5,7),t=r.substring(7,9)):(e=r.substring(1,2),s=r.substring(2,3),n=r.substring(3,4),t=r.substring(4,5),e+=e,s+=s,n+=n,t+=t),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:t?parseInt(t,16)/255:1}}const a={test:u.isColorString("#"),parse:g,transform:i.rgba.transform};exports.hex=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra239.cjs"),r=require("./lyra177.cjs"),o=require("./lyra182.cjs");function n(i){return a.isAnimationControls(i.animate)||o.variantProps.some(t=>r.isVariantLabel(i[t]))}function e(i){return!!(n(i)||i.variants)}exports.isControllingVariants=n;exports.isVariantNode=e;

package/dist/lyra176.js

@@ -1,19 +1,13 @@
-import { rgba as i } from "./lyra178.js";
-import { isColorString as g } from "./lyra254.js";
-function a(r) {
-  let t = "", e = "", n = "", s = "";
-  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
-    red: parseInt(t, 16),
-    green: parseInt(e, 16),
-    blue: parseInt(n, 16),
-    alpha: s ? parseInt(s, 16) / 255 : 1
-  };
+import { isAnimationControls as o } from "./lyra239.js";
+import { isVariantLabel as r } from "./lyra177.js";
+import { variantProps as t } from "./lyra182.js";
+function a(i) {
+  return o(i.animate) || t.some((n) => r(i[n]));
+}
+function f(i) {
+  return !!(a(i) || i.variants);
 }
-const u = {
-  test: g("#"),
-  parse: a,
-  transform: i.transform
-};
 export {
-  u as hex
+  a as isControllingVariants,
+  f as isVariantNode
 };

package/dist/lyra177.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra182.cjs"),r=require("./lyra183.cjs"),t=require("./lyra175.cjs"),e=require("./lyra254.cjs"),l={test:e.isColorString("hsl","hue"),parse:e.splitColor("hue","saturation","lightness"),transform:({hue:s,saturation:n,lightness:i,alpha:a=1})=>"hsla("+Math.round(s)+", "+r.percent.transform(t.sanitize(n))+", "+r.percent.transform(t.sanitize(i))+", "+t.sanitize(o.alpha.transform(a))+")"};exports.hsla=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;