@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra198.js

@@ -1,12 +1,29 @@
-import { isString as o } from "./lyra199.js";
-import { hex as s } from "./lyra200.js";
-import { hsla as t } from "./lyra201.js";
-import { rgba as e } from "./lyra202.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 { addUniqueItem as e, removeItem as u } from "./lyra237.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 {
-  f as color
+  h as SubscriptionManager
 };

package/dist/lyra198.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/value/types/color/index.mjs"],"sourcesContent":["import { isString } from '../utils.mjs';\nimport { hex } from './hex.mjs';\nimport { hsla } from './hsla.mjs';\nimport { rgba } from './rgba.mjs';\n\nconst color = {\n    test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v) => {\n        if (rgba.test(v)) {\n            return rgba.parse(v);\n        }\n        else if (hsla.test(v)) {\n            return hsla.parse(v);\n        }\n        else {\n            return hex.parse(v);\n        }\n    },\n    transform: (v) => {\n        return isString(v)\n            ? v\n            : v.hasOwnProperty(\"red\")\n                ? rgba.transform(v)\n                : hsla.transform(v);\n    },\n};\n\nexport { color };\n"],"names":["color","v","rgba","hex","hsla","isString"],"mappings":";;;;AAKK,MAACA,IAAQ;AAAA,EACV,MAAM,CAACC,MAAMC,EAAK,KAAKD,CAAC,KAAKE,EAAI,KAAKF,CAAC,KAAKG,EAAK,KAAKH,CAAC;AAAA,EACvD,OAAO,CAACA,MACAC,EAAK,KAAKD,CAAC,IACJC,EAAK,MAAMD,CAAC,IAEdG,EAAK,KAAKH,CAAC,IACTG,EAAK,MAAMH,CAAC,IAGZE,EAAI,MAAMF,CAAC;AAAA,EAG1B,WAAW,CAACA,MACDI,EAASJ,CAAC,IACXA,IACAA,EAAE,eAAe,KAAK,IAClBC,EAAK,UAAUD,CAAC,IAChBG,EAAK,UAAUH,CAAC;AAElC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/utils/subscription-manager.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n"],"names":["SubscriptionManager","handler","addUniqueItem","removeItem","a","b","c","numSubscriptions","i"],"mappings":";AAEA,MAAMA,EAAoB;AAAA,EACtB,cAAc;AACV,SAAK,gBAAgB;EACxB;AAAA,EACD,IAAIC,GAAS;AACT,WAAAC,EAAc,KAAK,eAAeD,CAAO,GAClC,MAAME,EAAW,KAAK,eAAeF,CAAO;AAAA,EACtD;AAAA,EACD,OAAOG,GAAGC,GAAGC,GAAG;AACZ,UAAMC,IAAmB,KAAK,cAAc;AAC5C,QAAKA;AAEL,UAAIA,MAAqB;AAIrB,aAAK,cAAc,CAAC,EAAEH,GAAGC,GAAGC,CAAC;AAAA;AAG7B,iBAASE,IAAI,GAAGA,IAAID,GAAkBC,KAAK;AAKvC,gBAAMP,IAAU,KAAK,cAAcO,CAAC;AACpC,UAAAP,KAAWA,EAAQG,GAAGC,GAAGC,CAAC;AAAA,QAC7B;AAAA,EAER;AAAA,EACD,UAAU;AACN,WAAO,KAAK,cAAc;AAAA,EAC7B;AAAA,EACD,QAAQ;AACJ,SAAK,cAAc,SAAS;AAAA,EAC/B;AACL;","x_google_ignoreList":[0]}

package/dist/lyra199.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 c=require("./lyra198.cjs"),l=require("./lyra239.cjs"),f=require("./lyra206.cjs"),n=require("./lyra210.cjs"),u=s=>!isNaN(parseFloat(s));class r{constructor(t,e={}){this.version="10.15.2",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}=n.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=u(this.current),this.owner=e.owner}onChange(t){return process.env.NODE_ENV!=="production"&&f.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 c.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?l.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 v(s,t){return new r(s,t)}exports.MotionValue=r;exports.motionValue=v;

package/dist/lyra199.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/value/types/utils.mjs"],"sourcesContent":["/**\n * TODO: When we move from string as a source of truth to data models\n * everything in this folder should probably be referred to as models vs types\n */\n// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nconst sanitize = (v) => Math.round(v * 100000) / 100000;\nconst floatRegex = /(-)?([\\d]*\\.?[\\d])+/g;\nconst colorRegex = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2}(-?[\\d\\.]+%?)\\s*[\\,\\/]?\\s*[\\d\\.]*%?\\))/gi;\nconst singleColorRegex = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2}(-?[\\d\\.]+%?)\\s*[\\,\\/]?\\s*[\\d\\.]*%?\\))$/i;\nfunction isString(v) {\n    return typeof v === \"string\";\n}\n\nexport { colorRegex, floatRegex, isString, sanitize, singleColorRegex };\n"],"names":["sanitize","v","floatRegex","colorRegex","singleColorRegex","isString"],"mappings":"gFAMK,MAACA,EAAYC,GAAM,KAAK,MAAMA,EAAI,GAAM,EAAI,IAC3CC,EAAa,uBACbC,EAAa,8FACbC,EAAmB,+FACzB,SAASC,EAASJ,EAAG,CACjB,OAAO,OAAOA,GAAM,QACxB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/value/index.mjs"],"sourcesContent":["import { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { velocityPerSecond } from '../utils/velocity-per-second.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { frame, frameData } from '../frameloop/frame.mjs';\n\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     *\n     * @internal\n     */\n    constructor(init, options = {}) {\n        /**\n         * This will be replaced by the build step with the latest version number.\n         * When MotionValues are provided to motion components, warn if versions are mixed.\n         */\n        this.version = \"10.15.2\";\n        /**\n         * Duration, in milliseconds, since last updating frame.\n         *\n         * @internal\n         */\n        this.timeDelta = 0;\n        /**\n         * Timestamp of the last time this `MotionValue` was updated.\n         *\n         * @internal\n         */\n        this.lastUpdated = 0;\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = false;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v, render = true) => {\n            this.prev = this.current;\n            this.current = v;\n            // Update timestamp\n            const { delta, timestamp } = frameData;\n            if (this.lastUpdated !== timestamp) {\n                this.timeDelta = delta;\n                this.lastUpdated = timestamp;\n                frame.postRender(this.scheduleVelocityCheck);\n            }\n            // Update update subscribers\n            if (this.prev !== this.current && this.events.change) {\n                this.events.change.notify(this.current);\n            }\n            // Update velocity subscribers\n            if (this.events.velocityChange) {\n                this.events.velocityChange.notify(this.getVelocity());\n            }\n            // Update render subscribers\n            if (render && this.events.renderRequest) {\n                this.events.renderRequest.notify(this.current);\n            }\n        };\n        /**\n         * Schedule a velocity check for the next frame.\n         *\n         * This is an instanced and bound function to prevent generating a new\n         * function once per frame.\n         *\n         * @internal\n         */\n        this.scheduleVelocityCheck = () => frame.postRender(this.velocityCheck);\n        /**\n         * Updates `prev` with `current` if the value hasn't been updated this frame.\n         * This ensures velocity calculations return `0`.\n         *\n         * This is an instanced and bound function to prevent generating a new\n         * function once per frame.\n         *\n         * @internal\n         */\n        this.velocityCheck = ({ timestamp }) => {\n            if (timestamp !== this.lastUpdated) {\n                this.prev = this.current;\n                if (this.events.velocityChange) {\n                    this.events.velocityChange.notify(this.getVelocity());\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.prev = this.current = init;\n        this.canTrackVelocity = isFloat(this.current);\n        this.owner = options.owner;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     *\n     * @internal\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v, render = true) {\n        if (!render || !this.passiveEffect) {\n            this.updateAndNotify(v, render);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = prev;\n        this.timeDelta = delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        // This could be isFloat(this.prev) && isFloat(this.current), but that would be wasteful\n        return this.canTrackVelocity\n            ? // These casts could be avoided if parseFloat would be typed better\n                velocityPerSecond(parseFloat(this.current) -\n                    parseFloat(this.prev), this.timeDelta)\n            : 0;\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     *\n     * @internal\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, motionValue };\n"],"names":["isFloat","value","MotionValue","init","options","v","render","delta","timestamp","frameData","frame","subscription","warnOnce","eventName","callback","SubscriptionManager","unsubscribe","eventManagers","passiveEffect","stopPassiveEffect","prev","current","velocityPerSecond","startAnimation","resolve","motionValue"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra199.js

@@ -1,11 +1,202 @@
-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";
+import { SubscriptionManager as o } from "./lyra198.js";
+import { velocityPerSecond as c } from "./lyra239.js";
+import { warnOnce as f } from "./lyra206.js";
+import { frame as n, frameData as l } from "./lyra210.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.15.2", 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 } = l;
+      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" && f(!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 o());
+    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
+      c(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 g(s, t) {
+  return new v(s, t);
 }
 export {
-  n as colorRegex,
-  t as floatRegex,
-  g as isString,
-  o as sanitize,
-  e as singleColorRegex
+  v as MotionValue,
+  g as motionValue
 };

package/dist/lyra199.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/value/types/utils.mjs"],"sourcesContent":["/**\n * TODO: When we move from string as a source of truth to data models\n * everything in this folder should probably be referred to as models vs types\n */\n// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nconst sanitize = (v) => Math.round(v * 100000) / 100000;\nconst floatRegex = /(-)?([\\d]*\\.?[\\d])+/g;\nconst colorRegex = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2}(-?[\\d\\.]+%?)\\s*[\\,\\/]?\\s*[\\d\\.]*%?\\))/gi;\nconst singleColorRegex = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2}(-?[\\d\\.]+%?)\\s*[\\,\\/]?\\s*[\\d\\.]*%?\\))$/i;\nfunction isString(v) {\n    return typeof v === \"string\";\n}\n\nexport { colorRegex, floatRegex, isString, sanitize, singleColorRegex };\n"],"names":["sanitize","v","floatRegex","colorRegex","singleColorRegex","isString"],"mappings":"AAMK,MAACA,IAAW,CAACC,MAAM,KAAK,MAAMA,IAAI,GAAM,IAAI,KAC3CC,IAAa,wBACbC,IAAa,+FACbC,IAAmB;AACzB,SAASC,EAASJ,GAAG;AACjB,SAAO,OAAOA,KAAM;AACxB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/value/index.mjs"],"sourcesContent":["import { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { velocityPerSecond } from '../utils/velocity-per-second.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { frame, frameData } from '../frameloop/frame.mjs';\n\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     *\n     * @internal\n     */\n    constructor(init, options = {}) {\n        /**\n         * This will be replaced by the build step with the latest version number.\n         * When MotionValues are provided to motion components, warn if versions are mixed.\n         */\n        this.version = \"10.15.2\";\n        /**\n         * Duration, in milliseconds, since last updating frame.\n         *\n         * @internal\n         */\n        this.timeDelta = 0;\n        /**\n         * Timestamp of the last time this `MotionValue` was updated.\n         *\n         * @internal\n         */\n        this.lastUpdated = 0;\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = false;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v, render = true) => {\n            this.prev = this.current;\n            this.current = v;\n            // Update timestamp\n            const { delta, timestamp } = frameData;\n            if (this.lastUpdated !== timestamp) {\n                this.timeDelta = delta;\n                this.lastUpdated = timestamp;\n                frame.postRender(this.scheduleVelocityCheck);\n            }\n            // Update update subscribers\n            if (this.prev !== this.current && this.events.change) {\n                this.events.change.notify(this.current);\n            }\n            // Update velocity subscribers\n            if (this.events.velocityChange) {\n                this.events.velocityChange.notify(this.getVelocity());\n            }\n            // Update render subscribers\n            if (render && this.events.renderRequest) {\n                this.events.renderRequest.notify(this.current);\n            }\n        };\n        /**\n         * Schedule a velocity check for the next frame.\n         *\n         * This is an instanced and bound function to prevent generating a new\n         * function once per frame.\n         *\n         * @internal\n         */\n        this.scheduleVelocityCheck = () => frame.postRender(this.velocityCheck);\n        /**\n         * Updates `prev` with `current` if the value hasn't been updated this frame.\n         * This ensures velocity calculations return `0`.\n         *\n         * This is an instanced and bound function to prevent generating a new\n         * function once per frame.\n         *\n         * @internal\n         */\n        this.velocityCheck = ({ timestamp }) => {\n            if (timestamp !== this.lastUpdated) {\n                this.prev = this.current;\n                if (this.events.velocityChange) {\n                    this.events.velocityChange.notify(this.getVelocity());\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.prev = this.current = init;\n        this.canTrackVelocity = isFloat(this.current);\n        this.owner = options.owner;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     *\n     * @internal\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v, render = true) {\n        if (!render || !this.passiveEffect) {\n            this.updateAndNotify(v, render);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = prev;\n        this.timeDelta = delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        // This could be isFloat(this.prev) && isFloat(this.current), but that would be wasteful\n        return this.canTrackVelocity\n            ? // These casts could be avoided if parseFloat would be typed better\n                velocityPerSecond(parseFloat(this.current) -\n                    parseFloat(this.prev), this.timeDelta)\n            : 0;\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     *\n     * @internal\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, motionValue };\n"],"names":["isFloat","value","MotionValue","init","options","v","render","delta","timestamp","frameData","frame","subscription","warnOnce","eventName","callback","SubscriptionManager","unsubscribe","eventManagers","passiveEffect","stopPassiveEffect","prev","current","velocityPerSecond","startAnimation","resolve","motionValue"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra44.cjs"),e=require("react"),A=require("./lyra43.cjs"),g=require("./lyra3.cjs"),S=require("./lyra33.cjs"),E=require("./lyra50.cjs"),R=require("./lyra51.cjs"),C=require("./lyra52.cjs"),h=require("./lyra45.cjs"),P=require("./lyra53.cjs"),N=require("./lyra54.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra53.cjs"),e=require("react"),A=require("./lyra52.cjs"),g=require("./lyra3.cjs"),S=require("./lyra38.cjs"),E=require("./lyra62.cjs"),R=require("./lyra63.cjs"),C=require("./lyra64.cjs"),h=require("./lyra54.cjs"),P=require("./lyra65.cjs"),N=require("./lyra66.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;

package/dist/lyra2.js

@@ -1,14 +1,14 @@
-import { j as t } from "./lyra44.js";
+import { j as t } from "./lyra53.js";
 import { createContext as S, useState as E, useCallback as N, useContext as P, useId as x, useRef as $, useMemo as R, useEffect as F } from "react";
-import { Button as k } from "./lyra43.js";
+import { Button as k } from "./lyra52.js";
 import { accordionItemStyles as D, accordionItemButtonStyles as B, accordionItemContentStyles as K } from "./lyra3.js";
-import { SvgIcon as M } from "./lyra33.js";
-import { cx as y } from "./lyra50.js";
-import { fixedForwardRef as j } from "./lyra51.js";
-import { useFocusRing as T } from "./lyra52.js";
-import { twMerge as h } from "./lyra45.js";
-import { AnimatePresence as _ } from "./lyra53.js";
-import { motion as z } from "./lyra54.js";
+import { SvgIcon as M } from "./lyra38.js";
+import { cx as y } from "./lyra62.js";
+import { fixedForwardRef as j } from "./lyra63.js";
+import { useFocusRing as T } from "./lyra64.js";
+import { twMerge as h } from "./lyra54.js";
+import { AnimatePresence as _ } from "./lyra65.js";
+import { motion as z } from "./lyra66.js";
 const w = S(
   void 0
 ), O = ({ children: m, mode: a = "multiple", className: l, ...f }, p) => {

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra50.cjs");require("./lyra123.cjs");const r=e.cva(["flex","flex-col","w-full"],{variants:{fullWidth:{false:"max-w-[--slider-base-width]"}}}),s=e.cva(["relative","h-[--slider-track-base-height]","rounded-[--slider-track-base-radius]","w-full","px-2.5"],{variants:{isDisabled:{true:"opacity-50"}}}),l=e.cva(["absolute","top-0.5","h-6","w-6","rounded-full","border","border-solid","border-[--slider-thumb-border-color]","bg-[--slider-thumb-bg]","transition-all","duration-100","ease-out"],{variants:{isHovered:{true:""},isFocusVisible:{true:["border-[length:var(--slider-thumb-border-width-focus)]","!border-[--slider-thumb-border-color-focus]","!bg-[--slider-thumb-bg-focus]"]}},compoundVariants:[{isHovered:!0,isFocusVisible:!1,className:"!bg-[--slider-thumb-bg-hover]"}]});exports.sliderStyles=r;exports.sliderThumbStyles=l;exports.sliderTrackStyles=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),s=require("./lyra52.cjs");require("./lyra2.cjs");require("./lyra67.cjs");const t=require("./lyra42.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("react");require("./lyra17.cjs");require("./lyra18.cjs");const y=require("./lyra19.cjs"),u=require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra73.cjs");require("./lyra29.cjs");require("./lyra31.cjs");require("./lyra149.cjs");require("./lyra75.cjs");require("./lyra39.cjs");require("./lyra77.cjs");require("./lyra41.cjs");require("./lyra79.cjs");require("./lyra48.cjs");require("./lyra57.cjs");const h=require("./lyra63.cjs"),R=require("./lyra51.cjs"),E=({label:x,description:a,errorMessage:o,className:d,fullWidth:m=!0,hideOutputLabel:q=!1,name:n,...j},p)=>{const{direction:c}=R.useLocale(),b=(r,i)=>r.length===1?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-neutral-4)))`:r.length===2?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(1)*100}%, rgb(var(--color-neutral-4)) ${i(1)*100}%, rgb(var(--color-neutral-4)))`:"rgb(var(--color-neutral-4))";return e.jsxRuntimeExports.jsxs(s.Slider,{...j,className:u.sliderStyles({fullWidth:m,className:d}),ref:p,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between pb-3",children:[e.jsxRuntimeExports.jsx(s.Label,{className:y.sharedInputlabelStyles(),children:x}),q?null:e.jsxRuntimeExports.jsx(s.SliderOutput,{children:({state:r})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Text,{variant:"body-medium",children:r==null?void 0:r.values.map((i,l)=>r.getThumbValueLabel(l)).join(" - ")})})})]}),e.jsxRuntimeExports.jsx(s.SliderTrack,{className:({isDisabled:r})=>u.sliderTrackStyles({isDisabled:r}),style:({state:r})=>({background:b(r.values,r.getThumbPercent)}),children:({state:r})=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full px-0",children:r.values.map((i,l)=>e.jsxRuntimeExports.jsx(s.SliderThumb,{className:({isFocusVisible:v,isHovered:g})=>u.sliderThumbStyles({isFocusVisible:v,isHovered:g,className:"relative"}),index:l,label:i,children:n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:n,value:i},l):null},l))})}),a&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",children:a}),o&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",color:"accent-danger",children:o})]})},S=h.fixedForwardRef(E);exports.Slider=S;

package/dist/lyra20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/slider/slider.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\nimport \"./slider.vars.css\";\n\nexport const sliderStyles = cva([\"flex\", \"flex-col\", \"w-full\"], {\n  variants: {\n    fullWidth: {\n      false: \"max-w-[--slider-base-width]\",\n    },\n  },\n});\n\nexport const sliderTrackStyles = cva(\n  [\n    \"relative\",\n    \"h-[--slider-track-base-height]\",\n    \"rounded-[--slider-track-base-radius]\",\n    \"w-full\",\n    \"px-2.5\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: \"opacity-50\",\n      },\n    },\n  }\n);\n\nexport const sliderThumbStyles = cva(\n  [\n    \"absolute\",\n    \"top-0.5\",\n    \"h-6\",\n    \"w-6\",\n    \"rounded-full\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--slider-thumb-border-color]\",\n    \"bg-[--slider-thumb-bg]\",\n    \"transition-all\",\n    \"duration-100\",\n    \"ease-out\",\n  ],\n  {\n    variants: {\n      isHovered: {\n        true: \"\",\n      },\n      isFocusVisible: {\n        true: [\n          \"border-[length:var(--slider-thumb-border-width-focus)]\",\n          \"!border-[--slider-thumb-border-color-focus]\",\n          \"!bg-[--slider-thumb-bg-focus]\",\n        ],\n      },\n    },\n    compoundVariants: [\n      {\n        isHovered: true,\n        isFocusVisible: false,\n        className: \"!bg-[--slider-thumb-bg-hover]\",\n      },\n    ],\n  }\n);\n"],"names":["sliderStyles","cva","sliderTrackStyles","sliderThumbStyles"],"mappings":"yIAGO,MAAMA,EAAeC,EAAAA,IAAI,CAAC,OAAQ,WAAY,QAAQ,EAAG,CAC9D,SAAU,CACR,UAAW,CACT,MAAO,6BACT,CACF,CACF,CAAC,EAEYC,EAAoBD,EAAA,IAC/B,CACE,WACA,iCACA,uCACA,SACA,QACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,YACR,CACF,CACF,CACF,EAEaE,EAAoBF,EAAA,IAC/B,CACE,WACA,UACA,MACA,MACA,eACA,SACA,eACA,uCACA,yBACA,iBACA,eACA,UACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,EACR,EACA,eAAgB,CACd,KAAM,CACJ,yDACA,8CACA,+BACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,eAAgB,GAChB,UAAW,+BACb,CACF,CACF,CACF"}
+{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":"+/BA4BMA,EAAU,CACd,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,gBAAAC,EAAkB,GAClB,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAAmB,CAACC,EAAkBC,IACtCD,EAAO,SAAW,EACb,mBACLH,IAAc,MAAQ,UAAY,UACpC,+FACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACjDD,EAAO,SAAW,EACpB,mBACLH,IAAc,MAAQ,UAAY,UACpC,8DACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACxDA,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCAEnD,8BAIT,OAAAC,yBAACC,EAAAA,OAAY,CAAA,GAAGR,EAAO,UAAWS,eAAa,CAAE,UAAAZ,EAAW,UAAAD,CAAA,CAAW,EAAG,IAAAK,EACxE,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAM,MAAA,CAAA,UAAWC,EAAuB,uBAAA,EAAI,SAAMnB,EAAA,EACjDK,EAUE,KATDY,EAAAA,kBAAAA,IAAAG,EAAAA,aAAA,CACE,SAAC,CAAA,CAAE,MAAAC,CAAM,IAENJ,EAAAA,kBAAAA,IAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAK,KAAA,CAAA,QAAQ,cACX,SAAAF,GAAA,YAAAA,EAAO,OAAO,IAAI,CAACG,EAAGC,IAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,MACrE,CAAA,CACF,CAAA,CAEJ,CAAA,CACE,EACN,EACAR,EAAA,kBAAA,IAACS,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA,kBAAkB,CAAE,WAAAD,EAAY,EAC/D,MAAO,CAAC,CAAE,MAAAN,MAAa,CACrB,WAAYV,EAAiBU,EAAM,OAAQA,EAAM,eAAe,CAAA,GAGjE,SAAC,CAAA,CAAE,MAAAA,CAAM,IACPJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uBACZ,SAAMI,EAAA,OAAO,IAAI,CAACQ,EAAOC,IACxBb,EAAA,kBAAA,IAACc,EAAA,YAAA,CAEC,UAAW,CAAC,CAAE,eAAAC,EAAgB,UAAAC,CAAA,IAC5BC,EAAAA,kBAAkB,CAChB,eAAAF,EACA,UAAAC,EACA,UAAW,UAAA,CACZ,EAEH,MAAAH,EACA,MAAOD,EAEN,SAAAvB,0BAAQ,QAAM,CAAA,KAAK,SAAqB,KAAAA,EAAY,MAAAuB,GAAnBC,CAAiC,EAAK,IAAA,EAXnEA,CAuBR,CAAA,EACH,CAAA,CAEJ,EACC7B,GACEgB,EAAAA,kBAAAA,IAAAM,EAAA,KAAA,CAAK,UAAU,OAAO,QAAQ,aAC5B,SACHtB,EAAA,EAEDC,2BACEqB,OAAK,CAAA,UAAU,OAAO,QAAQ,aAAa,MAAM,gBAC/C,SACHrB,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EAEaiC,EAASC,kBAAgBrC,CAAO"}

package/dist/lyra20.js

@@ -1,65 +1,84 @@
-import { cva as r } from "./lyra50.js";
-import "./lyra123.js";
-const l = r(["flex", "flex-col", "w-full"], {
-  variants: {
-    fullWidth: {
-      false: "max-w-[--slider-base-width]"
-    }
-  }
-}), i = r(
-  [
-    "relative",
-    "h-[--slider-track-base-height]",
-    "rounded-[--slider-track-base-radius]",
-    "w-full",
-    "px-2.5"
-  ],
-  {
-    variants: {
-      isDisabled: {
-        true: "opacity-50"
-      }
-    }
-  }
-), o = r(
-  [
-    "absolute",
-    "top-0.5",
-    "h-6",
-    "w-6",
-    "rounded-full",
-    "border",
-    "border-solid",
-    "border-[--slider-thumb-border-color]",
-    "bg-[--slider-thumb-bg]",
-    "transition-all",
-    "duration-100",
-    "ease-out"
-  ],
-  {
-    variants: {
-      isHovered: {
-        true: ""
-      },
-      isFocusVisible: {
-        true: [
-          "border-[length:var(--slider-thumb-border-width-focus)]",
-          "!border-[--slider-thumb-border-color-focus]",
-          "!bg-[--slider-thumb-bg-focus]"
-        ]
-      }
-    },
-    compoundVariants: [
+import { j as o } from "./lyra53.js";
+import { Slider as v, Label as g, SliderOutput as h, SliderTrack as j, SliderThumb as y } from "./lyra52.js";
+import "./lyra2.js";
+import "./lyra67.js";
+import { Text as i } from "./lyra42.js";
+import "./lyra68.js";
+import "./lyra69.js";
+import "./lyra70.js";
+import "./lyra8.js";
+import "./lyra72.js";
+import "./lyra10.js";
+import "./lyra11.js";
+import "./lyra147.js";
+import "./lyra24.js";
+import "./lyra15.js";
+import "react";
+import "./lyra17.js";
+import "./lyra18.js";
+import { sharedInputlabelStyles as S } from "./lyra19.js";
+import { sliderStyles as N, sliderTrackStyles as k, sliderThumbStyles as w } from "./lyra21.js";
+import "./lyra22.js";
+import "./lyra23.js";
+import "./lyra25.js";
+import "./lyra26.js";
+import "./lyra27.js";
+import "./lyra73.js";
+import "./lyra29.js";
+import "./lyra31.js";
+import "./lyra149.js";
+import "./lyra75.js";
+import "./lyra39.js";
+import "./lyra77.js";
+import "./lyra41.js";
+import "./lyra79.js";
+import "./lyra48.js";
+import "./lyra57.js";
+import { fixedForwardRef as L } from "./lyra63.js";
+import { useLocale as T } from "./lyra51.js";
+const F = ({
+  label: s,
+  description: t,
+  errorMessage: a,
+  className: c,
+  fullWidth: d = !0,
+  hideOutputLabel: n = !1,
+  name: m,
+  ...f
+}, b) => {
+  const { direction: p } = T(), $ = (r, l) => r.length === 1 ? `linear-gradient(${p === "rtl" ? "to left" : "to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${l(0) * 100}%, rgb(var(--color-neutral-4)) ${l(0) * 100}%, rgb(var(--color-neutral-4)))` : r.length === 2 ? `linear-gradient(${p === "rtl" ? "to left" : "to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${l(0) * 100}%, rgb(var(--color-primary-3)) ${l(0) * 100}%, rgb(var(--color-primary-3)) ${l(1) * 100}%, rgb(var(--color-neutral-4)) ${l(1) * 100}%, rgb(var(--color-neutral-4)))` : "rgb(var(--color-neutral-4))";
+  return /* @__PURE__ */ o.jsxs(v, { ...f, className: N({ fullWidth: d, className: c }), ref: b, children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between pb-3", children: [
+      /* @__PURE__ */ o.jsx(g, { className: S(), children: s }),
+      n ? null : /* @__PURE__ */ o.jsx(h, { children: ({ state: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(i, { variant: "body-medium", children: r == null ? void 0 : r.values.map((l, e) => r.getThumbValueLabel(e)).join(" - ") }) }) })
+    ] }),
+    /* @__PURE__ */ o.jsx(
+      j,
       {
-        isHovered: !0,
-        isFocusVisible: !1,
-        className: "!bg-[--slider-thumb-bg-hover]"
+        className: ({ isDisabled: r }) => k({ isDisabled: r }),
+        style: ({ state: r }) => ({
+          background: $(r.values, r.getThumbPercent)
+        }),
+        children: ({ state: r }) => /* @__PURE__ */ o.jsx("div", { className: "relative w-full px-0", children: r.values.map((l, e) => /* @__PURE__ */ o.jsx(
+          y,
+          {
+            className: ({ isFocusVisible: u, isHovered: x }) => w({
+              isFocusVisible: u,
+              isHovered: x,
+              className: "relative"
+            }),
+            index: e,
+            label: l,
+            children: m ? /* @__PURE__ */ o.jsx("input", { type: "hidden", name: m, value: l }, e) : null
+          },
+          e
+        )) })
       }
-    ]
-  }
-);
+    ),
+    t && /* @__PURE__ */ o.jsx(i, { className: "mt-3", variant: "body-small", children: t }),
+    a && /* @__PURE__ */ o.jsx(i, { className: "mt-3", variant: "body-small", color: "accent-danger", children: a })
+  ] });
+}, br = L(F);
 export {
-  l as sliderStyles,
-  o as sliderThumbStyles,
-  i as sliderTrackStyles
+  br as Slider
 };