@new-black/lyra 0.1.15 → 0.1.16

package/dist/lyra208.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra208.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n"],"names":["isControllingVariants","props","isAnimationControls","variantProps","name","isVariantLabel","isVariantNode"],"mappings":";;;AAIA,SAASA,EAAsBC,GAAO;AAClC,SAAQC,EAAoBD,EAAM,OAAO,KACrCE,EAAa,KAAK,CAACC,MAASC,EAAeJ,EAAMG,CAAI,CAAC,CAAC;AAC/D;AACA,SAASE,EAAcL,GAAO;AAC1B,SAAO,GAAQD,EAAsBC,CAAK,KAAKA,EAAM;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra208.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};\nconst collectMotionValues = {\n    current: undefined,\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.16.4\";\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        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this);\n        }\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, collectMotionValues, 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/lyra209.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra183.cjs");function i(e){return!!(o.isMotionValue(e)&&e.add)}exports.isWillChangeMotionValue=i;

package/dist/lyra209.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra209.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"gFAGA,SAASA,EAAeC,EAAG,CACvB,OAAO,OAAOA,GAAM,UAAY,MAAM,QAAQA,CAAC,CACnD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra209.cjs","sources":["../node_modules/framer-motion/dist/es/value/use-will-change/is.mjs"],"sourcesContent":["import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n"],"names":["isWillChangeMotionValue","value","isMotionValue"],"mappings":"iHAEA,SAASA,EAAwBC,EAAO,CACpC,MAAO,GAAQC,EAAAA,cAAcD,CAAK,GAAKA,EAAM,IACjD","x_google_ignoreList":[0]}

package/dist/lyra209.js

@@ -1,6 +1,7 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
+import { isMotionValue as i } from "./lyra183.js";
+function t(o) {
+  return !!(i(o) && o.add);
 }
 export {
-  t as isVariantLabel
+  t as isWillChangeMotionValue
 };

package/dist/lyra209.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra209.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra209.js","sources":["../node_modules/framer-motion/dist/es/value/use-will-change/is.mjs"],"sourcesContent":["import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n"],"names":["isWillChangeMotionValue","value","isMotionValue"],"mappings":";AAEA,SAASA,EAAwBC,GAAO;AACpC,SAAO,GAAQC,EAAcD,CAAK,KAAKA,EAAM;AACjD;","x_google_ignoreList":[0]}

package/dist/lyra21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),h=require("react"),W=require("./lyra53.cjs");require("./lyra2.cjs");const w=require("./lyra60.cjs");require("./lyra66.cjs");const b=require("./lyra43.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra61.cjs");require("./lyra8.cjs");const A=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra77.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const F=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const J=require("./lyra29.cjs"),Q=require("./lyra160.cjs"),X=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra78.cjs");const f=require("./lyra22.cjs"),T=require("./lyra161.cjs");require("./lyra23.cjs");require("./lyra79.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra74.cjs");require("./lyra40.cjs");require("./lyra76.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const v=require("./lyra162.cjs"),V=require("./lyra55.cjs"),D=require("./lyra52.cjs"),_=s=>w.cx(s==="small"&&"min-h-[42px]",s==="medium"&&"min-h-[50px]",s==="large"&&"min-h-[58px]"),$=({label:s,optionalLabel:r,isRequired:n})=>e.jsxRuntimeExports.jsxs("div",{className:w.cx("flex items-center gap-3",s?"justify-between":"justify-end"),children:[s?e.jsxRuntimeExports.jsx(W.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:s}):null,n===!1?e.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),G=({description:s,errorMessage:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]}),Y=({item:s,state:r,renderItem:n,itemLabelKey:a})=>{const u=s==null?void 0:s[a];return n?n(s,r):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[r.selected?e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),u]})},U=({direction:s,disabledItemIdKeys:r,itemIdKey:n,itemLabelKey:a,items:u,open:E,renderItem:R,triggerRef:l})=>{var m;return e.jsxRuntimeExports.jsx(X.Popover,{className:"!max-h-96 pb-2",isOpen:E,triggerRef:l,showPopoverInBottomDrawerOnSmallScreens:!0,shouldUpdatePosition:!0,style:{"--trigger-width":((m=l.current)==null?void 0:m.offsetWidth)+"px",direction:s},children:u&&u.length?e.jsxRuntimeExports.jsx(v.Listbox.Options,{static:!0,className:J.listBoxStyles(),children:u.map(t=>e.jsxRuntimeExports.jsx(v.Listbox.Option,{className:({active:o,selected:x,disabled:i})=>V.twMerge(Q.listBoxItemStyles({active:o,disabled:i,selected:x})),value:t,disabled:r==null?void 0:r.includes(t==null?void 0:t[n]),children:o=>e.jsxRuntimeExports.jsx(Y,{item:t,state:o,renderItem:R,itemLabelKey:a})},t[n]))}):null})},Z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,placeholder:R,size:l="medium",startSlot:m,value:t,onChange:o})=>{const[x,i]=h.useState(!1),[q,j]=h.useState(!1),S=c=>{(c.key==="Escape"||c.key==="Backspace")&&(o==null||o(void 0))};return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:q,isFocused:x,isInvalid:a,size:l,className:_(l)}),onPointerEnter:()=>j(!0),onPointerLeave:()=>j(!1),onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),onFocus:()=>{i(!0)},onBlur:()=>{i(!1)},onKeyDown:S,children:[m,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t!=null&&t[E]?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t==null?void 0:t[E]}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:R})}),s,e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:V.twMerge(A.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:n})),onClick:c=>{c.stopPropagation(),o==null||o(void 0)},children:e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 transition duration-150",u&&"rotate-180")})]})]})},z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,itemIdKey:R,placeholder:l,size:m="medium",label:t,startSlot:o,onChange:x,value:i})=>{const[q,j]=h.useState(!1),[S,c]=h.useState(!1);return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:S,isFocused:q,isInvalid:a,size:m,className:_(m)}),as:"div",role:"button",tabIndex:0,onPointerEnter:()=>c(!0),onPointerLeave:()=>c(!1),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>{j(!0)},onBlur:()=>{j(!1)},children:[o,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:i&&i.length?e.jsxRuntimeExports.jsx(T.TagGroup,{"aria-label":t??"Selected items",onRemove:p=>{i&&x(i.filter(N=>!p.has(N[R])))},children:i.map(p=>e.jsxRuntimeExports.jsx(T.TagItem,{...p,children:p==null?void 0:p[E]},p[R]))}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:l})}),s,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 min-w-[16px] transition duration-150",u&&"rotate-180")})]})},C=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,value:I??"",children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(Z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})},K=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,multiple:!0,value:I??[],children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})};exports.MultiSelect=K;exports.Select=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),h=require("react"),W=require("./lyra53.cjs");require("./lyra2.cjs");const w=require("./lyra100.cjs");require("./lyra104.cjs");const b=require("./lyra43.cjs");require("./lyra105.cjs");require("./lyra106.cjs");require("./lyra108.cjs");require("./lyra8.cjs");const A=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra116.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const F=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const J=require("./lyra29.cjs"),Q=require("./lyra155.cjs"),X=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra117.cjs");const f=require("./lyra22.cjs"),T=require("./lyra156.cjs");require("./lyra23.cjs");require("./lyra118.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra112.cjs");require("./lyra40.cjs");require("./lyra114.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const v=require("./lyra158.cjs"),V=require("./lyra55.cjs"),D=require("./lyra52.cjs"),_=s=>w.cx(s==="small"&&"min-h-[42px]",s==="medium"&&"min-h-[50px]",s==="large"&&"min-h-[58px]"),$=({label:s,optionalLabel:r,isRequired:n})=>e.jsxRuntimeExports.jsxs("div",{className:w.cx("flex items-center gap-3",s?"justify-between":"justify-end"),children:[s?e.jsxRuntimeExports.jsx(W.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:s}):null,n===!1?e.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),G=({description:s,errorMessage:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(b.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]}),Y=({item:s,state:r,renderItem:n,itemLabelKey:a})=>{const u=s==null?void 0:s[a];return n?n(s,r):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[r.selected?e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),u]})},U=({direction:s,disabledItemIdKeys:r,itemIdKey:n,itemLabelKey:a,items:u,open:E,renderItem:R,triggerRef:l})=>{var m;return e.jsxRuntimeExports.jsx(X.Popover,{className:"!max-h-96 pb-2",isOpen:E,triggerRef:l,showPopoverInBottomDrawerOnSmallScreens:!0,shouldUpdatePosition:!0,style:{"--trigger-width":((m=l.current)==null?void 0:m.offsetWidth)+"px",direction:s},children:u&&u.length?e.jsxRuntimeExports.jsx(v.Listbox.Options,{static:!0,className:J.listBoxStyles(),children:u.map(t=>e.jsxRuntimeExports.jsx(v.Listbox.Option,{className:({active:o,selected:x,disabled:i})=>V.twMerge(Q.listBoxItemStyles({active:o,disabled:i,selected:x})),value:t,disabled:r==null?void 0:r.includes(t==null?void 0:t[n]),children:o=>e.jsxRuntimeExports.jsx(Y,{item:t,state:o,renderItem:R,itemLabelKey:a})},t[n]))}):null})},Z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,placeholder:R,size:l="medium",startSlot:m,value:t,onChange:o})=>{const[x,i]=h.useState(!1),[q,j]=h.useState(!1),S=c=>{(c.key==="Escape"||c.key==="Backspace")&&(o==null||o(void 0))};return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:q,isFocused:x,isInvalid:a,size:l,className:_(l)}),onPointerEnter:()=>j(!0),onPointerLeave:()=>j(!1),onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),onFocus:()=>{i(!0)},onBlur:()=>{i(!1)},onKeyDown:S,children:[m,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t!=null&&t[E]?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t==null?void 0:t[E]}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:R})}),s,e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:V.twMerge(A.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:n})),onClick:c=>{c.stopPropagation(),o==null||o(void 0)},children:e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 transition duration-150",u&&"rotate-180")})]})]})},z=({endSlot:s,fullWidth:r,isDisabled:n,isInvalid:a,open:u,itemLabelKey:E,itemIdKey:R,placeholder:l,size:m="medium",label:t,startSlot:o,onChange:x,value:i})=>{const[q,j]=h.useState(!1),[S,c]=h.useState(!1);return e.jsxRuntimeExports.jsxs(v.Listbox.Button,{className:f.sharedInputFieldStyles({fullWidth:r,isDisabled:n,isHovered:S,isFocused:q,isInvalid:a,size:m,className:_(m)}),as:"div",role:"button",tabIndex:0,onPointerEnter:()=>c(!0),onPointerLeave:()=>c(!1),onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onFocus:()=>{j(!0)},onBlur:()=>{j(!1)},children:[o,e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:i&&i.length?e.jsxRuntimeExports.jsx(T.TagGroup,{"aria-label":t??"Selected items",onRemove:p=>{i&&x(i.filter(N=>!p.has(N[R])))},children:i.map(p=>e.jsxRuntimeExports.jsx(T.TagItem,{...p,children:p==null?void 0:p[E]},p[R]))}):e.jsxRuntimeExports.jsx(b.Text,{color:"secondary",children:l})}),s,e.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:w.cx("h-4 w-4 min-w-[16px] transition duration-150",u&&"rotate-180")})]})},C=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,value:I??"",children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(Z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})},K=({isDisabled:s,isRequired:r,label:n,optionalLabel:a="Optional",description:u,errorMessage:E,isInvalid:R,fullWidth:l=!0,by:m,defaultValue:t,name:o,onChange:x,itemLabelKey:i,itemIdKey:q,value:j,size:S="medium",startSlot:c,items:p,endSlot:N,disabledItemIdKeys:M,placeholder:B,renderItem:L})=>{const[I,P]=h.useState(j??t),g=h.useRef(null),{direction:k}=D.useLocale(),y=h.useCallback(d=>{P(d),x==null||x(d)},[x]);return e.jsxRuntimeExports.jsx(v.Listbox,{disabled:s,name:o,by:m,onChange:y,multiple:!0,value:I??[],children:({open:d,disabled:H,value:O})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:l}),children:[e.jsxRuntimeExports.jsx($,{label:n,optionalLabel:a,isRequired:r}),e.jsxRuntimeExports.jsx("div",{ref:g,children:e.jsxRuntimeExports.jsx(z,{endSlot:N,fullWidth:l,isDisabled:H,isInvalid:R,open:d,placeholder:B,size:S,startSlot:c,value:O,itemLabelKey:i,itemIdKey:q,onChange:y})}),e.jsxRuntimeExports.jsx(G,{description:u,errorMessage:E})]}),e.jsxRuntimeExports.jsx(U,{triggerRef:g,itemIdKey:q,itemLabelKey:i,items:p,open:d,renderItem:L,disabledItemIdKeys:M,direction:k})]})})};exports.MultiSelect=K;exports.Select=C;

package/dist/lyra21.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra21.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SelectHeader = ({ label, optionalLabel, isRequired }: SelectHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SelectItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SelectItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"!max-h-96 pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {items && items.length ? (\n        <Listbox.Options static className={listBoxStyles()}>\n          {items.map((item) => (\n            <Listbox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </Listbox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      as=\"div\"\n      role=\"button\"\n      tabIndex={0}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </Listbox.Button>\n  );\n};\n\nexport const Select = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","label","optionalLabel","isRequired","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","state","renderItem","itemLabelKey","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","triggerRef","Popover","_a","Listbox","listBoxStyles","active","selected","disabled","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","placeholder","startSlot","value","onChange","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra21.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, Key, useCallback, useRef, useState } from \"react\";\nimport { Label } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useLocale } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSelectProps,\n  SelectFooterProps,\n  SelectHeaderProps,\n  SelectItemProps,\n  SelectItemsProps,\n  SelectProps,\n  ValueButton,\n} from \"./select.types\";\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SelectHeader = ({ label, optionalLabel, isRequired }: SelectHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SelectFooter = ({ description, errorMessage }: SelectFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SelectItem = <T extends object>({\n  item,\n  state,\n  renderItem,\n  itemLabelKey,\n}: SelectItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  open,\n  renderItem,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"!max-h-96 pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInBottomDrawerOnSmallScreens\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {items && items.length ? (\n        <Listbox.Options static className={listBoxStyles()}>\n          {items.map((item) => (\n            <Listbox.Option\n              key={item[itemIdKey] as Key}\n              className={({ active, selected, disabled }) =>\n                twMerge(\n                  listBoxItemStyles({\n                    active,\n                    disabled,\n                    selected,\n                  }),\n                )\n              }\n              value={item}\n              disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n            >\n              {(renderItemState) => (\n                <SelectItem\n                  item={item}\n                  state={renderItemState}\n                  renderItem={renderItem}\n                  itemLabelKey={itemLabelKey}\n                />\n              )}\n            </Listbox.Option>\n          ))}\n        </Listbox.Options>\n      ) : null}\n    </Popover>\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  onChange,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </Listbox.Button>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  open,\n  itemLabelKey,\n  itemIdKey,\n  placeholder,\n  size = \"medium\",\n  label,\n  startSlot,\n  onChange,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    <Listbox.Button\n      className={sharedInputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        size,\n        className: minHeightClasses(size),\n      })}\n      as=\"div\"\n      role=\"button\"\n      tabIndex={0}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </Listbox.Button>\n  );\n};\n\nexport const Select = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n}: SelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={internalValue ?? \"\"}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  isDisabled,\n  isRequired,\n  label,\n  optionalLabel = \"Optional\",\n  description,\n  errorMessage,\n  isInvalid,\n  fullWidth = true,\n  by,\n  defaultValue,\n  name,\n  onChange,\n  itemLabelKey,\n  itemIdKey,\n  value,\n  size = \"medium\",\n  startSlot,\n  items,\n  endSlot,\n  disabledItemIdKeys,\n  placeholder,\n  renderItem,\n}: MultiSelectProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  return (\n    <Listbox\n      disabled={isDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={internalValue ?? []}\n    >\n      {({ open, disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SelectHeader label={label} optionalLabel={optionalLabel} isRequired={isRequired} />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={open}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultipleChange}\n              />\n            </div>\n            <SelectFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={open}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["minHeightClasses","size","cx","SelectHeader","label","optionalLabel","isRequired","jsxs","jsx","Label","sharedInputlabelStyles","sharedInputHintStyles","SelectFooter","description","errorMessage","Fragment","Text","SelectItem","item","state","renderItem","itemLabelKey","SvgIcon","SelectItems","direction","disabledItemIdKeys","itemIdKey","items","open","triggerRef","Popover","_a","Listbox","listBoxStyles","active","selected","disabled","twMerge","listBoxItemStyles","renderItemState","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","placeholder","startSlot","value","onChange","isFocused","setIsFocused","useState","isHovered","setIsHovered","onKeyDown","e","sharedInputFieldStyles","buttonStyles","MultipleValuesButton","TagGroup","keys","TagItem","Select","by","defaultValue","name","internalValue","setInternalValue","useRef","useLocale","onSingleChange","useCallback","newValue","sharedInputFieldWrapperStyles","MultiSelect","onMultipleChange"],"mappings":"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"}

package/dist/lyra21.js

@@ -2,17 +2,17 @@ import { j as s } from "./lyra54.js";
 import { useState as S, useRef as R, useCallback as V } from "react";
 import { Label as W } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as M } from "./lyra60.js";
-import "./lyra66.js";
+import { cx as M } from "./lyra100.js";
+import "./lyra104.js";
 import { Text as y } from "./lyra43.js";
-import "./lyra71.js";
-import "./lyra72.js";
-import "./lyra61.js";
+import "./lyra105.js";
+import "./lyra106.js";
+import "./lyra108.js";
 import "./lyra8.js";
 import { buttonStyles as X } from "./lyra9.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra77.js";
+import "./lyra116.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import { SvgIcon as B } from "./lyra39.js";
@@ -21,25 +21,25 @@ import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
 import { listBoxStyles as Y } from "./lyra29.js";
-import { listBoxItemStyles as Z } from "./lyra160.js";
+import { listBoxItemStyles as Z } from "./lyra155.js";
 import { Popover as _ } from "./lyra30.js";
 import "./lyra32.js";
-import "./lyra78.js";
+import "./lyra117.js";
 import { sharedInputFieldWrapperStyles as D, sharedInputlabelStyles as z, sharedInputHintStyles as C, sharedInputFieldStyles as T } from "./lyra22.js";
-import { TagGroup as K, TagItem as ss } from "./lyra161.js";
+import { TagGroup as K, TagItem as ss } from "./lyra156.js";
 import "./lyra23.js";
-import "./lyra79.js";
+import "./lyra118.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra74.js";
+import "./lyra112.js";
 import "./lyra40.js";
-import "./lyra76.js";
+import "./lyra114.js";
 import "./lyra42.js";
 import "./lyra151.js";
 import "./lyra49.js";
 import "./lyra58.js";
 import "./lyra51.js";
-import { Listbox as b } from "./lyra162.js";
+import { Listbox as b } from "./lyra158.js";
 import { twMerge as G } from "./lyra55.js";
 import { useLocale as U } from "./lyra52.js";
 const q = (r) => M(

package/dist/lyra210.cjs

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

@@ -1 +1 @@
-{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.16.4\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.16.4 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":"kMAKA,SAASA,EAA4BC,EAASC,EAAMC,EAAM,CACtD,KAAM,CAAE,WAAAC,CAAY,EAAGF,EACvB,UAAWG,KAAOH,EAAM,CACpB,MAAMI,EAAYJ,EAAKG,CAAG,EACpBE,EAAYJ,EAAKE,CAAG,EAC1B,GAAIG,EAAAA,cAAcF,CAAS,EAKvBL,EAAQ,SAASI,EAAKC,CAAS,EAC3BG,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,IAAIC,CAAG,EAMlB,QAAQ,IAAI,WAAa,eACzBK,WAASJ,EAAU,UAAY,UAAW,4CAA4CA,EAAU,OAAO,yCAAyC,UAG/IE,EAAAA,cAAcD,CAAS,EAK5BN,EAAQ,SAASI,EAAKM,EAAW,YAACL,EAAW,CAAE,MAAOL,CAAS,CAAA,CAAC,EAC5DQ,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,OAAOC,CAAG,UAGpBE,IAAcD,EAMnB,GAAIL,EAAQ,SAASI,CAAG,EAAG,CACvB,MAAMO,EAAgBX,EAAQ,SAASI,CAAG,EAE1C,CAACO,EAAc,aAAeA,EAAc,IAAIN,CAAS,CAC5D,KACI,CACD,MAAMO,EAAcZ,EAAQ,eAAeI,CAAG,EAC9CJ,EAAQ,SAASI,EAAKM,EAAAA,YAAYE,IAAgB,OAAYA,EAAcP,EAAW,CAAE,MAAOL,CAAO,CAAE,CAAC,CAC7G,CAER,CAED,UAAWI,KAAOF,EACVD,EAAKG,CAAG,IAAM,QACdJ,EAAQ,YAAYI,CAAG,EAE/B,OAAOH,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = new Set(transformPropOrder);\n\nexport { transformPropOrder, transformProps };\n"],"names":["transformPropOrder","transformProps"],"mappings":"gFAGK,MAACA,EAAqB,CACvB,uBACA,IACA,IACA,IACA,aACA,aACA,aACA,QACA,SACA,SACA,SACA,UACA,UACA,UACA,OACA,QACA,OACJ,EAIMC,EAAiB,IAAI,IAAID,CAAkB","x_google_ignoreList":[0]}

package/dist/lyra210.js

@@ -1,28 +1,23 @@
-import { isWillChangeMotionValue as u } from "./lyra206.js";
-import { warnOnce as l } from "./lyra212.js";
-import { motionValue as f } from "./lyra205.js";
-import { isMotionValue as d } from "./lyra180.js";
-function v(i, e, t) {
-  const { willChange: s } = e;
-  for (const o in e) {
-    const a = e[o], n = t[o];
-    if (d(a))
-      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.16.4", `Attempting to mix Framer Motion versions ${a.version} with 10.16.4 may not work as expected.`);
-    else if (d(n))
-      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
-    else if (n !== a)
-      if (i.hasValue(o)) {
-        const r = i.getValue(o);
-        !r.hasAnimated && r.set(a);
-      } else {
-        const r = i.getStaticValue(o);
-        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
-      }
-  }
-  for (const o in t)
-    e[o] === void 0 && i.removeValue(o);
-  return e;
-}
+const t = [
+  "transformPerspective",
+  "x",
+  "y",
+  "z",
+  "translateX",
+  "translateY",
+  "translateZ",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "rotateZ",
+  "skew",
+  "skewX",
+  "skewY"
+], e = new Set(t);
 export {
-  v as updateMotionValuesFromProps
+  t as transformPropOrder,
+  e as transformProps
 };

package/dist/lyra210.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra210.js","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.16.4\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.16.4 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":";;;;AAKA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,QAAM,EAAE,YAAAC,EAAY,IAAGF;AACvB,aAAWG,KAAOH,GAAM;AACpB,UAAMI,IAAYJ,EAAKG,CAAG,GACpBE,IAAYJ,EAAKE,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAL,EAAQ,SAASI,GAAKC,CAAS,GAC3BG,EAAwBL,CAAU,KAClCA,EAAW,IAAIC,CAAG,GAMlB,QAAQ,IAAI,aAAa,iBACzBK,EAASJ,EAAU,YAAY,WAAW,4CAA4CA,EAAU,OAAO,yCAAyC;AAAA,aAG/IE,EAAcD,CAAS;AAK5B,MAAAN,EAAQ,SAASI,GAAKM,EAAYL,GAAW,EAAE,OAAOL,EAAS,CAAA,CAAC,GAC5DQ,EAAwBL,CAAU,KAClCA,EAAW,OAAOC,CAAG;AAAA,aAGpBE,MAAcD;AAMnB,UAAIL,EAAQ,SAASI,CAAG,GAAG;AACvB,cAAMO,IAAgBX,EAAQ,SAASI,CAAG;AAE1C,SAACO,EAAc,eAAeA,EAAc,IAAIN,CAAS;AAAA,MAC5D,OACI;AACD,cAAMO,IAAcZ,EAAQ,eAAeI,CAAG;AAC9C,QAAAJ,EAAQ,SAASI,GAAKM,EAAYE,MAAgB,SAAYA,IAAcP,GAAW,EAAE,OAAOL,EAAO,CAAE,CAAC;AAAA,MAC7G;AAAA,EAER;AAED,aAAWI,KAAOF;AACd,IAAID,EAAKG,CAAG,MAAM,UACdJ,EAAQ,YAAYI,CAAG;AAE/B,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra210.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = new Set(transformPropOrder);\n\nexport { transformPropOrder, transformProps };\n"],"names":["transformPropOrder","transformProps"],"mappings":"AAGK,MAACA,IAAqB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIMC,IAAiB,IAAI,IAAID,CAAkB;","x_google_ignoreList":[0]}

package/dist/lyra211.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra274.cjs"),r=require("./lyra212.cjs"),o=require("./lyra217.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/lyra211.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra211.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs"],"sourcesContent":["function resolveVariantFromProps(props, definition, custom, currentValues = {}, currentVelocity = {}) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n"],"names":["resolveVariantFromProps","props","definition","custom","currentValues","currentVelocity"],"mappings":"gFAAA,SAASA,EAAwBC,EAAOC,EAAYC,EAAQC,EAAgB,CAAE,EAAEC,EAAkB,GAAI,CAIlG,OAAI,OAAOH,GAAe,aACtBA,EAAaA,EAAWC,IAAW,OAAYA,EAASF,EAAM,OAAQG,EAAeC,CAAe,GAMpG,OAAOH,GAAe,WACtBA,EAAaD,EAAM,UAAYA,EAAM,SAASC,CAAU,GAOxD,OAAOA,GAAe,aACtBA,EAAaA,EAAWC,IAAW,OAAYA,EAASF,EAAM,OAAQG,EAAeC,CAAe,GAEjGH,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra211.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n"],"names":["isControllingVariants","props","isAnimationControls","variantProps","name","isVariantLabel","isVariantNode"],"mappings":"uKAIA,SAASA,EAAsBC,EAAO,CAClC,OAAQC,EAAmB,oBAACD,EAAM,OAAO,GACrCE,EAAY,aAAC,KAAMC,GAASC,EAAc,eAACJ,EAAMG,CAAI,CAAC,CAAC,CAC/D,CACA,SAASE,EAAcL,EAAO,CAC1B,MAAO,GAAQD,EAAsBC,CAAK,GAAKA,EAAM,SACzD","x_google_ignoreList":[0]}

package/dist/lyra211.js

@@ -1,6 +1,13 @@
-function y(r, a, v, f = {}, u = {}) {
-  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
+import { isAnimationControls as o } from "./lyra274.js";
+import { isVariantLabel as r } from "./lyra212.js";
+import { variantProps as t } from "./lyra217.js";
+function a(i) {
+  return o(i.animate) || t.some((n) => r(i[n]));
+}
+function f(i) {
+  return !!(a(i) || i.variants);
 }
 export {
-  y as resolveVariantFromProps
+  a as isControllingVariants,
+  f as isVariantNode
 };

package/dist/lyra211.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra211.js","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs"],"sourcesContent":["function resolveVariantFromProps(props, definition, custom, currentValues = {}, currentVelocity = {}) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n"],"names":["resolveVariantFromProps","props","definition","custom","currentValues","currentVelocity"],"mappings":"AAAA,SAASA,EAAwBC,GAAOC,GAAYC,GAAQC,IAAgB,CAAE,GAAEC,IAAkB,IAAI;AAIlG,SAAI,OAAOH,KAAe,eACtBA,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAAeC,CAAe,IAMpG,OAAOH,KAAe,aACtBA,IAAaD,EAAM,YAAYA,EAAM,SAASC,CAAU,IAOxD,OAAOA,KAAe,eACtBA,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAAeC,CAAe,IAEjGH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra211.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-controlling-variants.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nfunction isControllingVariants(props) {\n    return (isAnimationControls(props.animate) ||\n        variantProps.some((name) => isVariantLabel(props[name])));\n}\nfunction isVariantNode(props) {\n    return Boolean(isControllingVariants(props) || props.variants);\n}\n\nexport { isControllingVariants, isVariantNode };\n"],"names":["isControllingVariants","props","isAnimationControls","variantProps","name","isVariantLabel","isVariantNode"],"mappings":";;;AAIA,SAASA,EAAsBC,GAAO;AAClC,SAAQC,EAAoBD,EAAM,OAAO,KACrCE,EAAa,KAAK,CAACC,MAASC,EAAeJ,EAAMG,CAAI,CAAC,CAAC;AAC/D;AACA,SAASE,EAAcL,GAAO;AAC1B,SAAO,GAAQD,EAAsBC,CAAK,KAAKA,EAAM;AACzD;","x_google_ignoreList":[0]}

package/dist/lyra212.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||Array.isArray(r)}exports.isVariantLabel=t;

package/dist/lyra212.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra212.cjs","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"gFAAA,MAAMA,EAAS,IAAI,IACnB,SAASC,EAASC,EAAWC,EAASC,EAAS,CACvCF,GAAaF,EAAO,IAAIG,CAAO,IAEnC,QAAQ,KAAKA,CAAO,EAChBC,GACA,QAAQ,KAAKA,CAAO,EACxBJ,EAAO,IAAIG,CAAO,EACtB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra212.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"gFAGA,SAASA,EAAeC,EAAG,CACvB,OAAO,OAAOA,GAAM,UAAY,MAAM,QAAQA,CAAC,CACnD","x_google_ignoreList":[0]}

package/dist/lyra212.js

@@ -1,7 +1,6 @@
-const r = /* @__PURE__ */ new Set();
-function w(c, n, o) {
-  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+function t(r) {
+  return typeof r == "string" || Array.isArray(r);
 }
 export {
-  w as warnOnce
+  t as isVariantLabel
 };

package/dist/lyra212.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra212.js","sources":["../node_modules/framer-motion/dist/es/utils/warn-once.mjs"],"sourcesContent":["const warned = new Set();\nfunction warnOnce(condition, message, element) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(message);\n    if (element)\n        console.warn(element);\n    warned.add(message);\n}\n\nexport { warnOnce };\n"],"names":["warned","warnOnce","condition","message","element"],"mappings":"AAAA,MAAMA,IAAS,oBAAI;AACnB,SAASC,EAASC,GAAWC,GAASC,GAAS;AAC3C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKA,CAAO,GAChBC,KACA,QAAQ,KAAKA,CAAO,GACxBJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra212.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","x_google_ignoreList":[0]}

package/dist/lyra213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra209.cjs"),d=require("./lyra215.cjs"),l=require("./lyra208.cjs"),V=require("./lyra183.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.16.4",`Attempting to mix Framer Motion versions ${i.version} with 10.16.4 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;

package/dist/lyra213.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra213.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["const featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nconst featureDefinitions = {};\nfor (const key in featureProps) {\n    featureDefinitions[key] = {\n        isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n    };\n}\n\nexport { featureDefinitions };\n"],"names":["featureProps","featureDefinitions","key","props","name"],"mappings":"gFAAA,MAAMA,EAAe,CACjB,UAAW,CACP,UACA,WACA,aACA,WACA,OACA,cACA,aACA,WACH,EACD,KAAM,CAAC,MAAM,EACb,KAAM,CAAC,OAAQ,cAAc,EAC7B,MAAO,CAAC,YAAY,EACpB,MAAO,CAAC,aAAc,eAAgB,YAAY,EAClD,IAAK,CAAC,WAAY,QAAS,aAAc,aAAa,EACtD,IAAK,CAAC,QAAS,aAAc,oBAAqB,UAAU,EAC5D,OAAQ,CAAC,cAAe,kBAAmB,iBAAiB,EAC5D,OAAQ,CAAC,SAAU,UAAU,CACjC,EACMC,EAAqB,CAAG,EAC9B,UAAWC,KAAOF,EACdC,EAAmBC,CAAG,EAAI,CACtB,UAAYC,GAAUH,EAAaE,CAAG,EAAE,KAAME,GAAS,CAAC,CAACD,EAAMC,CAAI,CAAC,CAC5E","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra213.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.16.4\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.16.4 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":"kMAKA,SAASA,EAA4BC,EAASC,EAAMC,EAAM,CACtD,KAAM,CAAE,WAAAC,CAAY,EAAGF,EACvB,UAAWG,KAAOH,EAAM,CACpB,MAAMI,EAAYJ,EAAKG,CAAG,EACpBE,EAAYJ,EAAKE,CAAG,EAC1B,GAAIG,EAAAA,cAAcF,CAAS,EAKvBL,EAAQ,SAASI,EAAKC,CAAS,EAC3BG,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,IAAIC,CAAG,EAMlB,QAAQ,IAAI,WAAa,eACzBK,WAASJ,EAAU,UAAY,UAAW,4CAA4CA,EAAU,OAAO,yCAAyC,UAG/IE,EAAAA,cAAcD,CAAS,EAK5BN,EAAQ,SAASI,EAAKM,EAAW,YAACL,EAAW,CAAE,MAAOL,CAAS,CAAA,CAAC,EAC5DQ,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,OAAOC,CAAG,UAGpBE,IAAcD,EAMnB,GAAIL,EAAQ,SAASI,CAAG,EAAG,CACvB,MAAMO,EAAgBX,EAAQ,SAASI,CAAG,EAE1C,CAACO,EAAc,aAAeA,EAAc,IAAIN,CAAS,CAC5D,KACI,CACD,MAAMO,EAAcZ,EAAQ,eAAeI,CAAG,EAC9CJ,EAAQ,SAASI,EAAKM,EAAAA,YAAYE,IAAgB,OAAYA,EAAcP,EAAW,CAAE,MAAOL,CAAO,CAAE,CAAC,CAC7G,CAER,CAED,UAAWI,KAAOF,EACVD,EAAKG,CAAG,IAAM,QACdJ,EAAQ,YAAYI,CAAG,EAE/B,OAAOH,CACX","x_google_ignoreList":[0]}

package/dist/lyra213.js

@@ -1,27 +1,28 @@
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-}, t = {};
-for (const e in n)
-  t[e] = {
-    isEnabled: (o) => n[e].some((a) => !!o[a])
-  };
+import { isWillChangeMotionValue as u } from "./lyra209.js";
+import { warnOnce as l } from "./lyra215.js";
+import { motionValue as f } from "./lyra208.js";
+import { isMotionValue as d } from "./lyra183.js";
+function v(i, e, t) {
+  const { willChange: s } = e;
+  for (const o in e) {
+    const a = e[o], n = t[o];
+    if (d(a))
+      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.16.4", `Attempting to mix Framer Motion versions ${a.version} with 10.16.4 may not work as expected.`);
+    else if (d(n))
+      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
+    else if (n !== a)
+      if (i.hasValue(o)) {
+        const r = i.getValue(o);
+        !r.hasAnimated && r.set(a);
+      } else {
+        const r = i.getStaticValue(o);
+        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
+      }
+  }
+  for (const o in t)
+    e[o] === void 0 && i.removeValue(o);
+  return e;
+}
 export {
-  t as featureDefinitions
+  v as updateMotionValuesFromProps
 };