@new-black/lyra 0.1.14 → 0.1.16

package/dist/lyra296.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra296.js","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":";;;;;;;;;AAUA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG,GAAG;AACzB,YAAME,IAAcC,EAAoBH,CAAG;AAC3C,aAAOE,KAAcA,EAAY,WAAW;AAAA,IAC/C,OACI;AACD,YAAME,IAAgBT,EAAiBI,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACrD;AAAA,EACJ;AAAA,EACD,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EACzD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASC,GAAO;AAC7C,IAAAC,EAAgBJ,GAAaC,GAAcC,GAASC,EAAM,iBAAiB;AAAA,EAC9E;AAAA,EACD,4BAA4BA,GAAOE,GAAW;AAC1C,WAAOC,EAA4BH,GAAOE,CAAS;AAAA,EACtD;AAAA,EACD,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAE,EAAQ,IAAK,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IACxD,CAAa;AAAA,EAER;AAAA,EACD,eAAenB,GAAUU,GAAaU,GAAWC,GAAY;AACzD,IAAAC,EAAWtB,GAAUU,GAAaU,GAAWC,CAAU;AAAA,EAC1D;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra296.js","sources":["../node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;AAMA,MAAMA,IAAe,CAACC,MAAY,CAACC,GAAOC,MAAS;AAC/C,EAAIF,KACAG,EAAM,OAAO,MAAMH,EAAQC,GAAOC,CAAI,CAAC;AAE/C;AACA,MAAME,UAAmBC,EAAQ;AAAA,EAC7B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,4BAA4BC;AAAA,EACpC;AAAA,EACD,cAAcC,GAAkB;AAC5B,SAAK,UAAU,IAAIC,EAAWD,GAAkB,KAAK,qBAAqB,EAAE,oBAAoB,KAAK,KAAK,sBAAqB,EAAI,CAAA;AAAA,EACtI;AAAA,EACD,oBAAoB;AAChB,UAAM,EAAE,mBAAAE,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK;AACrE,WAAO;AAAA,MACH,gBAAgBb,EAAaU,CAAiB;AAAA,MAC9C,SAASV,EAAaW,CAAU;AAAA,MAChC,QAAQC;AAAA,MACR,OAAO,CAACV,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRU,KACAT,EAAM,OAAO,MAAMS,EAASX,GAAOC,CAAI,CAAC;AAAA,MAE/C;AAAA,IACb;AAAA,EACK;AAAA,EACD,QAAQ;AACJ,SAAK,4BAA4BW,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACZ,MAAU,KAAK,cAAcA,CAAK,CAAC;AAAA,EAC1H;AAAA,EACD,SAAS;AACL,SAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,kBAAiB,CAAE;AAAA,EACvE;AAAA,EACD,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,WAAW,KAAK,QAAQ,IAAG;AAAA,EACnC;AACL;","x_google_ignoreList":[0]}

package/dist/lyra297.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra334.cjs"),u=require("./lyra345.cjs"),o=require("./lyra336.cjs"),n=require("./lyra239.cjs"),i=require("./lyra346.cjs"),l=require("./lyra207.cjs"),c=require("./lyra333.cjs"),m=require("./lyra317.cjs"),V=require("./lyra200.cjs"),d=require("./lyra337.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra189.cjs"),p=require("./lyra178.cjs"),l=require("./lyra200.cjs"),m=require("./lyra339.cjs"),n=require("./lyra340.cjs"),f=require("./lyra341.cjs"),R=require("./lyra220.cjs"),h=require("./lyra219.cjs");class y extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||h.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(y,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=g;

package/dist/lyra297.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra297.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":"oWAWA,MAAMA,UAAyBC,EAAAA,gBAAiB,CAC5C,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,SAAW,EACnB,CACD,uBAAuBC,EAAOC,EAAK,CAC/B,OAAOD,EAAMC,CAAG,CACnB,CACD,sBAAsBC,EAAUD,EAAK,CACjC,GAAIE,EAAc,eAAC,IAAIF,CAAG,EAAG,CACzB,MAAMG,EAAcC,sBAAoBJ,CAAG,EAC3C,OAAOG,GAAcA,EAAY,SAAW,CAC/C,CACD,OAAAH,EAAOK,EAAmB,oBAAC,IAAIL,CAAG,EAAuBA,EAAnBM,cAAYN,CAAG,EAC9CC,EAAS,aAAaD,CAAG,CACnC,CACD,4BAA6B,CACzB,OAAOO,EAAS,UAAA,CACnB,CACD,4BAA4BR,EAAOS,EAAW,CAC1C,OAAOC,EAA2B,4BAACV,EAAOS,CAAS,CACtD,CACD,MAAME,EAAaC,EAAcC,EAASb,EAAO,CAC7Cc,gBAAcH,EAAaC,EAAcC,EAAS,KAAK,SAAUb,EAAM,iBAAiB,CAC3F,CACD,eAAeE,EAAUS,EAAaI,EAAWC,EAAY,CACzDC,EAAAA,UAAUf,EAAUS,EAAaI,EAAWC,CAAU,CACzD,CACD,MAAMd,EAAU,CACZ,KAAK,SAAWgB,EAAAA,SAAShB,EAAS,OAAO,EACzC,MAAM,MAAMA,CAAQ,CACvB,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra297.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs"],"sourcesContent":["import React__default, { useContext } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\nimport { globalProjectionState } from '../../../projection/node/state.mjs';\nimport { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';\nimport { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';\nimport { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';\nimport { frame } from '../../../frameloop/frame.mjs';\n\nclass MeasureLayoutWithContext extends React__default.Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        addScaleCorrector(defaultScaleCorrectors);\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            projection.root.didUpdate();\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const projection = visualElement.projection;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement;\n        if (projection) {\n            projection.root.didUpdate();\n            queueMicrotask(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (React__default.createElement(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\nconst defaultScaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\n\nexport { MeasureLayout };\n"],"names":["MeasureLayoutWithContext","React__default","visualElement","layoutGroup","switchLayoutGroup","layoutId","projection","addScaleCorrector","defaultScaleCorrectors","globalProjectionState","prevProps","layoutDependency","drag","isPresent","frame","stack","promoteContext","safeToRemove","MeasureLayout","props","usePresence","useContext","LayoutGroupContext","SwitchLayoutGroupContext","correctBorderRadius","correctBoxShadow"],"mappings":"iUAUA,MAAMA,UAAiCC,EAAe,SAAU,CAM5D,mBAAoB,CAChB,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,kBAAAC,EAAmB,SAAAC,CAAU,EAAG,KAAK,MACnE,CAAE,WAAAC,CAAY,EAAGJ,EACvBK,EAAiB,kBAACC,CAAsB,EACpCF,IACIH,EAAY,OACZA,EAAY,MAAM,IAAIG,CAAU,EAChCF,GAAqBA,EAAkB,UAAYC,GACnDD,EAAkB,SAASE,CAAU,EAEzCA,EAAW,KAAK,YAChBA,EAAW,iBAAiB,oBAAqB,IAAM,CACnD,KAAK,aAAY,CACjC,CAAa,EACDA,EAAW,WAAW,CAClB,GAAGA,EAAW,QACd,eAAgB,IAAM,KAAK,aAAc,CACzD,CAAa,GAELG,EAAqB,sBAAC,eAAiB,EAC1C,CACD,wBAAwBC,EAAW,CAC/B,KAAM,CAAE,iBAAAC,EAAkB,cAAAT,EAAe,KAAAU,EAAM,UAAAC,CAAW,EAAG,KAAK,MAC5DP,EAAaJ,EAAc,WACjC,OAAKI,IASLA,EAAW,UAAYO,EACnBD,GACAF,EAAU,mBAAqBC,GAC/BA,IAAqB,OACrBL,EAAW,WAAU,EAGrB,KAAK,aAAY,EAEjBI,EAAU,YAAcG,IACpBA,EACAP,EAAW,QAAO,EAEZA,EAAW,YAMjBQ,EAAK,MAAC,WAAW,IAAM,CACnB,MAAMC,EAAQT,EAAW,YACrB,CAACS,GAAS,CAACA,EAAM,QAAQ,SACzB,KAAK,aAAY,CAEzC,CAAiB,IAGF,IACV,CACD,oBAAqB,CACjB,KAAM,CAAE,WAAAT,CAAY,EAAG,KAAK,MAAM,cAC9BA,IACAA,EAAW,KAAK,YAChB,eAAe,IAAM,CACb,CAACA,EAAW,kBAAoBA,EAAW,OAAM,GACjD,KAAK,aAAY,CAErC,CAAa,EAER,CACD,sBAAuB,CACnB,KAAM,CAAE,cAAAJ,EAAe,YAAAC,EAAa,kBAAmBa,CAAiB,EAAG,KAAK,MAC1E,CAAE,WAAAV,CAAY,EAAGJ,EACnBI,IACAA,EAAW,0BAAyB,EAChCH,GAAeA,EAAY,OAC3BA,EAAY,MAAM,OAAOG,CAAU,EACnCU,GAAkBA,EAAe,YACjCA,EAAe,WAAWV,CAAU,EAE/C,CACD,cAAe,CACX,KAAM,CAAE,aAAAW,CAAY,EAAK,KAAK,MAC9BA,GAAgBA,EAAY,CAC/B,CACD,QAAS,CACL,OAAO,IACV,CACL,CACA,SAASC,EAAcC,EAAO,CAC1B,KAAM,CAACN,EAAWI,CAAY,EAAIG,EAAW,YAAA,EACvCjB,EAAckB,aAAWC,EAAAA,kBAAkB,EACjD,OAAQrB,EAAe,cAAcD,EAA0B,CAAE,GAAGmB,EAAO,YAAahB,EAAa,kBAAmBkB,EAAU,WAACE,EAAwB,wBAAA,EAAG,UAAWV,EAAW,aAAcI,CAAY,CAAE,CACpN,CACA,MAAMT,EAAyB,CAC3B,aAAc,CACV,GAAGgB,EAAmB,oBACtB,QAAS,CACL,sBACA,uBACA,yBACA,yBACH,CACJ,EACD,oBAAqBA,EAAmB,oBACxC,qBAAsBA,EAAmB,oBACzC,uBAAwBA,EAAmB,oBAC3C,wBAAyBA,EAAmB,oBAC5C,UAAWC,EAAgB,gBAC/B","x_google_ignoreList":[0]}

package/dist/lyra297.js

@@ -1,43 +1,72 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra334.js";
-import { DOMVisualElement as a } from "./lyra345.js";
-import { buildSVGAttrs as m } from "./lyra336.js";
-import { camelToDash as i } from "./lyra239.js";
-import { camelCaseAttributes as u } from "./lyra346.js";
-import { transformProps as n } from "./lyra207.js";
-import { renderSVG as p } from "./lyra333.js";
-import { getDefaultValueType as l } from "./lyra317.js";
-import { createBox as f } from "./lyra200.js";
-import { isSVGTag as V } from "./lyra337.js";
-class A extends a {
-  constructor() {
-    super(...arguments), this.isSVGTag = !1;
+import d, { useContext as p } from "react";
+import { usePresence as m } from "./lyra189.js";
+import { LayoutGroupContext as c } from "./lyra178.js";
+import { SwitchLayoutGroupContext as f } from "./lyra200.js";
+import { globalProjectionState as l } from "./lyra339.js";
+import { correctBorderRadius as n } from "./lyra340.js";
+import { correctBoxShadow as h } from "./lyra341.js";
+import { addScaleCorrector as R } from "./lyra220.js";
+import { frame as g } from "./lyra219.js";
+class y extends d.Component {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
+    R(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), r.setOptions({
+      ...r.options,
+      onExitComplete: () => this.safeToRemove()
+    })), l.hasEverUpdated = !0;
   }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
+  getSnapshotBeforeUpdate(e) {
+    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
+    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || g.postRender(() => {
+      const u = s.getStack();
+      (!u || !u.members.length) && this.safeToRemove();
+    }))), null;
   }
-  readValueFromInstance(t, r) {
-    if (n.has(r)) {
-      const e = l(r);
-      return e && e.default || 0;
-    }
-    return r = u.has(r) ? r : i(r), t.getAttribute(r);
+  componentDidUpdate() {
+    const { projection: e } = this.props.visualElement;
+    e && (e.root.didUpdate(), queueMicrotask(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
   }
-  measureInstanceViewportBox() {
-    return f();
+  componentWillUnmount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
+    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
   }
-  scrapeMotionValuesFromProps(t, r) {
-    return s(t, r);
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
   }
-  build(t, r, e, o) {
-    m(t, r, e, this.isSVGTag, o.transformTemplate);
-  }
-  renderInstance(t, r, e, o) {
-    p(t, r, e, o);
-  }
-  mount(t) {
-    this.isSVGTag = V(t.tagName), super.mount(t);
+  render() {
+    return null;
   }
 }
+function w(a) {
+  const [e, o] = m(), t = p(c);
+  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(f), isPresent: e, safeToRemove: o });
+}
+const v = {
+  borderRadius: {
+    ...n,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: n,
+  borderTopRightRadius: n,
+  borderBottomLeftRadius: n,
+  borderBottomRightRadius: n,
+  boxShadow: h
+};
 export {
-  A as SVGVisualElement
+  w as MeasureLayout
 };

package/dist/lyra297.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra297.js","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":";;;;;;;;;;AAWA,MAAMA,UAAyBC,EAAiB;AAAA,EAC5C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,uBAAuBC,GAAOC,GAAK;AAC/B,WAAOD,EAAMC,CAAG;AAAA,EACnB;AAAA,EACD,sBAAsBC,GAAUD,GAAK;AACjC,QAAIE,EAAe,IAAIF,CAAG,GAAG;AACzB,YAAMG,IAAcC,EAAoBJ,CAAG;AAC3C,aAAOG,KAAcA,EAAY,WAAW;AAAA,IAC/C;AACD,WAAAH,IAAOK,EAAoB,IAAIL,CAAG,IAAuBA,IAAnBM,EAAYN,CAAG,GAC9CC,EAAS,aAAaD,CAAG;AAAA,EACnC;AAAA,EACD,6BAA6B;AACzB,WAAOO,EAAS;AAAA,EACnB;AAAA,EACD,4BAA4BR,GAAOS,GAAW;AAC1C,WAAOC,EAA4BV,GAAOS,CAAS;AAAA,EACtD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASb,GAAO;AAC7C,IAAAc,EAAcH,GAAaC,GAAcC,GAAS,KAAK,UAAUb,EAAM,iBAAiB;AAAA,EAC3F;AAAA,EACD,eAAeE,GAAUS,GAAaI,GAAWC,GAAY;AACzD,IAAAC,EAAUf,GAAUS,GAAaI,GAAWC,CAAU;AAAA,EACzD;AAAA,EACD,MAAMd,GAAU;AACZ,SAAK,WAAWgB,EAAShB,EAAS,OAAO,GACzC,MAAM,MAAMA,CAAQ;AAAA,EACvB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra297.js","sources":["../node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs"],"sourcesContent":["import React__default, { useContext } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\nimport { globalProjectionState } from '../../../projection/node/state.mjs';\nimport { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';\nimport { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';\nimport { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';\nimport { frame } from '../../../frameloop/frame.mjs';\n\nclass MeasureLayoutWithContext extends React__default.Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        addScaleCorrector(defaultScaleCorrectors);\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            projection.root.didUpdate();\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const projection = visualElement.projection;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement;\n        if (projection) {\n            projection.root.didUpdate();\n            queueMicrotask(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (React__default.createElement(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\nconst defaultScaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\n\nexport { MeasureLayout };\n"],"names":["MeasureLayoutWithContext","React__default","visualElement","layoutGroup","switchLayoutGroup","layoutId","projection","addScaleCorrector","defaultScaleCorrectors","globalProjectionState","prevProps","layoutDependency","drag","isPresent","frame","stack","promoteContext","safeToRemove","MeasureLayout","props","usePresence","useContext","LayoutGroupContext","SwitchLayoutGroupContext","correctBorderRadius","correctBoxShadow"],"mappings":";;;;;;;;;AAUA,MAAMA,UAAiCC,EAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM5D,oBAAoB;AAChB,UAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAU,IAAG,KAAK,OACnE,EAAE,YAAAC,EAAY,IAAGJ;AACvB,IAAAK,EAAkBC,CAAsB,GACpCF,MACIH,EAAY,SACZA,EAAY,MAAM,IAAIG,CAAU,GAChCF,KAAqBA,EAAkB,YAAYC,KACnDD,EAAkB,SAASE,CAAU,GAEzCA,EAAW,KAAK,aAChBA,EAAW,iBAAiB,qBAAqB,MAAM;AACnD,WAAK,aAAY;AAAA,IACjC,CAAa,GACDA,EAAW,WAAW;AAAA,MAClB,GAAGA,EAAW;AAAA,MACd,gBAAgB,MAAM,KAAK,aAAc;AAAA,IACzD,CAAa,IAELG,EAAsB,iBAAiB;AAAA,EAC1C;AAAA,EACD,wBAAwBC,GAAW;AAC/B,UAAM,EAAE,kBAAAC,GAAkB,eAAAT,GAAe,MAAAU,GAAM,WAAAC,EAAW,IAAG,KAAK,OAC5DP,IAAaJ,EAAc;AACjC,WAAKI,MASLA,EAAW,YAAYO,GACnBD,KACAF,EAAU,qBAAqBC,KAC/BA,MAAqB,SACrBL,EAAW,WAAU,IAGrB,KAAK,aAAY,GAEjBI,EAAU,cAAcG,MACpBA,IACAP,EAAW,QAAO,IAEZA,EAAW,cAMjBQ,EAAM,WAAW,MAAM;AACnB,YAAMC,IAAQT,EAAW;AACzB,OAAI,CAACS,KAAS,CAACA,EAAM,QAAQ,WACzB,KAAK,aAAY;AAAA,IAEzC,CAAiB,KAGF;AAAA,EACV;AAAA,EACD,qBAAqB;AACjB,UAAM,EAAE,YAAAT,EAAY,IAAG,KAAK,MAAM;AAClC,IAAIA,MACAA,EAAW,KAAK,aAChB,eAAe,MAAM;AACjB,MAAI,CAACA,EAAW,oBAAoBA,EAAW,OAAM,KACjD,KAAK,aAAY;AAAA,IAErC,CAAa;AAAA,EAER;AAAA,EACD,uBAAuB;AACnB,UAAM,EAAE,eAAAJ,GAAe,aAAAC,GAAa,mBAAmBa,EAAiB,IAAG,KAAK,OAC1E,EAAE,YAAAV,EAAY,IAAGJ;AACvB,IAAII,MACAA,EAAW,0BAAyB,GAChCH,KAAeA,EAAY,SAC3BA,EAAY,MAAM,OAAOG,CAAU,GACnCU,KAAkBA,EAAe,cACjCA,EAAe,WAAWV,CAAU;AAAA,EAE/C;AAAA,EACD,eAAe;AACX,UAAM,EAAE,cAAAW,EAAY,IAAK,KAAK;AAC9B,IAAAA,KAAgBA,EAAY;AAAA,EAC/B;AAAA,EACD,SAAS;AACL,WAAO;AAAA,EACV;AACL;AACA,SAASC,EAAcC,GAAO;AAC1B,QAAM,CAACN,GAAWI,CAAY,IAAIG,EAAW,GACvCjB,IAAckB,EAAWC,CAAkB;AACjD,SAAQrB,EAAe,cAAcD,GAA0B,EAAE,GAAGmB,GAAO,aAAahB,GAAa,mBAAmBkB,EAAWE,CAAwB,GAAG,WAAWV,GAAW,cAAcI,EAAY,CAAE;AACpN;AACA,MAAMT,IAAyB;AAAA,EAC3B,cAAc;AAAA,IACV,GAAGgB;AAAA,IACH,SAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACH;AAAA,EACJ;AAAA,EACD,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,wBAAwBA;AAAA,EACxB,yBAAyBA;AAAA,EACzB,WAAWC;AACf;","x_google_ignoreList":[0]}

package/dist/lyra298.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${l}px !important;
-            left: ${f}px !important;
-          }
-        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra306.cjs"),n=require("./lyra307.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;

package/dist/lyra298.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra298.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n"],"names":["PopChildMeasure","React","prevProps","element","size","PopChild","children","isPresent","id","useId","ref","useRef","useInsertionEffect","width","height","top","left","style"],"mappings":"mYAOA,MAAMA,UAAwBC,EAAM,SAAU,CAC1C,wBAAwBC,EAAW,CAC/B,MAAMC,EAAU,KAAK,MAAM,SAAS,QACpC,GAAIA,GAAWD,EAAU,WAAa,CAAC,KAAK,MAAM,UAAW,CACzD,MAAME,EAAO,KAAK,MAAM,QAAQ,QAChCA,EAAK,OAASD,EAAQ,cAAgB,EACtCC,EAAK,MAAQD,EAAQ,aAAe,EACpCC,EAAK,IAAMD,EAAQ,UACnBC,EAAK,KAAOD,EAAQ,UACvB,CACD,OAAO,IACV,CAID,oBAAqB,CAAG,CACxB,QAAS,CACL,OAAO,KAAK,MAAM,QACrB,CACL,CACA,SAASE,EAAS,CAAE,SAAAC,EAAU,UAAAC,GAAa,CACvC,MAAMC,EAAKC,EAAAA,QACLC,EAAMC,SAAO,IAAI,EACjBP,EAAOO,EAAAA,OAAO,CAChB,MAAO,EACP,OAAQ,EACR,IAAK,EACL,KAAM,CACd,CAAK,EAUDC,OAAAA,EAAAA,mBAAmB,IAAM,CACrB,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,IAAAC,EAAK,KAAAC,CAAM,EAAGZ,EAAK,QAC1C,GAAIG,GAAa,CAACG,EAAI,SAAW,CAACG,GAAS,CAACC,EACxC,OACJJ,EAAI,QAAQ,QAAQ,YAAcF,EAClC,MAAMS,EAAQ,SAAS,cAAc,OAAO,EAC5C,gBAAS,KAAK,YAAYA,CAAK,EAC3BA,EAAM,OACNA,EAAM,MAAM,WAAW;AAAA,iCACFT,CAAE;AAAA;AAAA,qBAEdK,CAAK;AAAA,sBACJC,CAAM;AAAA,mBACTC,CAAG;AAAA,oBACFC,CAAI;AAAA;AAAA,SAEf,EAEM,IAAM,CACT,SAAS,KAAK,YAAYC,CAAK,CAC3C,CACA,EAAO,CAACV,CAAS,CAAC,EACNN,EAAM,cAAcD,EAAiB,CAAE,UAAWO,EAAW,SAAUG,EAAK,QAASN,CAAI,EAAIH,EAAM,aAAaK,EAAU,CAAE,IAAAI,CAAK,CAAA,CAAC,CAC9I","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra298.cjs","sources":["../node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":"4IAGMA,EAAqB,CACvB,QAAS,MACb,EACMC,EAAqBC,EAAAA,qBAAqB,CAC5C,cAAgBC,IAAc,CAC1B,EAAGA,EAAS,WACZ,EAAGA,EAAS,SACpB,GACI,cAAe,IAAM,CACjB,GAAI,CAACH,EAAmB,QAAS,CAC7B,MAAMI,EAAe,IAAIC,yBAAuB,CAAA,CAAE,EAClDD,EAAa,MAAM,MAAM,EACzBA,EAAa,WAAW,CAAE,aAAc,EAAM,CAAA,EAC9CJ,EAAmB,QAAUI,CAChC,CACD,OAAOJ,EAAmB,OAC7B,EACD,eAAgB,CAACG,EAAUG,IAAU,CACjCH,EAAS,MAAM,UAAYG,IAAU,OAAYA,EAAQ,MAC5D,EACD,kBAAoBH,GAAqB,OAAO,iBAAiBA,CAAQ,EAAE,WAAa,OAC5F,CAAC","x_google_ignoreList":[0]}

package/dist/lyra298.js

@@ -1,49 +1,25 @@
-import * as r from "react";
-import { useId as l, useRef as h, useInsertionEffect as a } from "react";
-class u extends r.Component {
-  getSnapshotBeforeUpdate(o) {
-    const e = this.props.childRef.current;
-    if (e && o.isPresent && !this.props.isPresent) {
-      const t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
+import { createProjectionNode as t } from "./lyra306.js";
+import { DocumentProjectionNode as n } from "./lyra307.js";
+const e = {
+  current: void 0
+}, i = t({
+  measureScroll: (o) => ({
+    x: o.scrollLeft,
+    y: o.scrollTop
+  }),
+  defaultParent: () => {
+    if (!e.current) {
+      const o = new n({});
+      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
     }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function $({ children: i, isPresent: o }) {
-  const e = l(), t = h(null), s = h({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  });
-  return a(() => {
-    const { width: p, height: d, top: f, left: c } = s.current;
-    if (o || !t.current || !p || !d)
-      return;
-    t.current.dataset.motionPopId = e;
-    const n = document.createElement("style");
-    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${f}px !important;
-            left: ${c}px !important;
-          }
-        `), () => {
-      document.head.removeChild(n);
-    };
-  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
-}
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  $ as PopChild
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/lyra298.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra298.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n"],"names":["PopChildMeasure","React","prevProps","element","size","PopChild","children","isPresent","id","useId","ref","useRef","useInsertionEffect","width","height","top","left","style"],"mappings":";;AAOA,MAAMA,UAAwBC,EAAM,UAAU;AAAA,EAC1C,wBAAwBC,GAAW;AAC/B,UAAMC,IAAU,KAAK,MAAM,SAAS;AACpC,QAAIA,KAAWD,EAAU,aAAa,CAAC,KAAK,MAAM,WAAW;AACzD,YAAME,IAAO,KAAK,MAAM,QAAQ;AAChC,MAAAA,EAAK,SAASD,EAAQ,gBAAgB,GACtCC,EAAK,QAAQD,EAAQ,eAAe,GACpCC,EAAK,MAAMD,EAAQ,WACnBC,EAAK,OAAOD,EAAQ;AAAA,IACvB;AACD,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAID,qBAAqB;AAAA,EAAG;AAAA,EACxB,SAAS;AACL,WAAO,KAAK,MAAM;AAAA,EACrB;AACL;AACA,SAASE,EAAS,EAAE,UAAAC,GAAU,WAAAC,KAAa;AACvC,QAAMC,IAAKC,KACLC,IAAMC,EAAO,IAAI,GACjBP,IAAOO,EAAO;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,EACd,CAAK;AAUD,SAAAC,EAAmB,MAAM;AACrB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,EAAM,IAAGZ,EAAK;AAC1C,QAAIG,KAAa,CAACG,EAAI,WAAW,CAACG,KAAS,CAACC;AACxC;AACJ,IAAAJ,EAAI,QAAQ,QAAQ,cAAcF;AAClC,UAAMS,IAAQ,SAAS,cAAc,OAAO;AAC5C,oBAAS,KAAK,YAAYA,CAAK,GAC3BA,EAAM,SACNA,EAAM,MAAM,WAAW;AAAA,iCACFT,CAAE;AAAA;AAAA,qBAEdK,CAAK;AAAA,sBACJC,CAAM;AAAA,mBACTC,CAAG;AAAA,oBACFC,CAAI;AAAA;AAAA,SAEf,GAEM,MAAM;AACT,eAAS,KAAK,YAAYC,CAAK;AAAA,IAC3C;AAAA,EACA,GAAO,CAACV,CAAS,CAAC,GACNN,EAAM,cAAcD,GAAiB,EAAE,WAAWO,GAAW,UAAUG,GAAK,SAASN,EAAI,GAAIH,EAAM,aAAaK,GAAU,EAAE,KAAAI,EAAK,CAAA,CAAC;AAC9I;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra298.js","sources":["../node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,CAAA,CAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAM,CAAA,GAC9CJ,EAAmB,UAAUI;AAAA,IAChC;AACD,WAAOJ,EAAmB;AAAA,EAC7B;AAAA,EACD,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC5D;AAAA,EACD,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra299.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra342.cjs"),u=require("./lyra237.cjs"),l=require("./lyra210.cjs"),a=require("./lyra333.cjs"),c=require("./lyra343.cjs"),d=require("./lyra322.cjs"),p=require("./lyra344.cjs"),m=require("./lyra345.cjs"),V=require("./lyra183.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;

package/dist/lyra299.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra299.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"gFAAK,MAACA,EAAqBC,GAChB,MAAM,QAAQA,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra299.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":"yUAUA,SAASA,EAAiBC,EAAS,CAC/B,OAAO,OAAO,iBAAiBA,CAAO,CAC1C,CACA,MAAMC,UAA0BC,EAAAA,gBAAiB,CAC7C,sBAAsBC,EAAUC,EAAK,CACjC,GAAIC,EAAc,eAAC,IAAID,CAAG,EAAG,CACzB,MAAME,EAAcC,sBAAoBH,CAAG,EAC3C,OAAOE,GAAcA,EAAY,SAAW,CAC/C,KACI,CACD,MAAME,EAAgBT,EAAiBI,CAAQ,EACzCM,GAASC,EAAiB,kBAACN,CAAG,EAC9BI,EAAc,iBAAiBJ,CAAG,EAClCI,EAAcJ,CAAG,IAAM,EAC7B,OAAO,OAAOK,GAAU,SAAWA,EAAM,KAAI,EAAKA,CACrD,CACJ,CACD,2BAA2BN,EAAU,CAAE,mBAAAQ,GAAsB,CACzD,OAAOC,EAAkB,mBAACT,EAAUQ,CAAkB,CACzD,CACD,MAAME,EAAaC,EAAcC,EAASC,EAAO,CAC7CC,EAAe,gBAACJ,EAAaC,EAAcC,EAASC,EAAM,iBAAiB,CAC9E,CACD,4BAA4BA,EAAOE,EAAW,CAC1C,OAAOC,EAA2B,4BAACH,EAAOE,CAAS,CACtD,CACD,wBAAyB,CACjB,KAAK,oBACL,KAAK,kBAAiB,EACtB,OAAO,KAAK,mBAEhB,KAAM,CAAE,SAAAE,CAAQ,EAAK,KAAK,MACtBC,EAAAA,cAAcD,CAAQ,IACtB,KAAK,kBAAoBA,EAAS,GAAG,SAAWE,GAAW,CACnD,KAAK,UACL,KAAK,QAAQ,YAAc,GAAGA,CAAM,GACxD,CAAa,EAER,CACD,eAAenB,EAAUU,EAAaU,EAAWC,EAAY,CACzDC,EAAAA,WAAWtB,EAAUU,EAAaU,EAAWC,CAAU,CAC1D,CACL","x_google_ignoreList":[0]}

package/dist/lyra299.js

@@ -1,4 +1,46 @@
-const e = (r) => Array.isArray(r);
+import { buildHTMLStyles as n } from "./lyra342.js";
+import { isCSSVariableName as s } from "./lyra237.js";
+import { transformProps as l } from "./lyra210.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra333.js";
+import { renderHTML as u } from "./lyra343.js";
+import { getDefaultValueType as a } from "./lyra322.js";
+import { measureViewportBox as p } from "./lyra344.js";
+import { DOMVisualElement as c } from "./lyra345.js";
+import { isMotionValue as d } from "./lyra183.js";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+class w extends c {
+  readValueFromInstance(e, t) {
+    if (l.has(t)) {
+      const r = a(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
+  }
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    d(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
+  }
+}
 export {
-  e as isKeyframesTarget
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra299.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra299.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra299.js","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":";;;;;;;;;AAUA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG,GAAG;AACzB,YAAME,IAAcC,EAAoBH,CAAG;AAC3C,aAAOE,KAAcA,EAAY,WAAW;AAAA,IAC/C,OACI;AACD,YAAME,IAAgBT,EAAiBI,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACrD;AAAA,EACJ;AAAA,EACD,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EACzD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASC,GAAO;AAC7C,IAAAC,EAAgBJ,GAAaC,GAAcC,GAASC,EAAM,iBAAiB;AAAA,EAC9E;AAAA,EACD,4BAA4BA,GAAOE,GAAW;AAC1C,WAAOC,EAA4BH,GAAOE,CAAS;AAAA,EACtD;AAAA,EACD,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAE,EAAQ,IAAK,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IACxD,CAAa;AAAA,EAER;AAAA,EACD,eAAenB,GAAUU,GAAaU,GAAWC,GAAY;AACzD,IAAAC,EAAWtB,GAAUU,GAAaU,GAAWC,CAAU;AAAA,EAC1D;AACL;","x_google_ignoreList":[0]}

package/dist/lyra3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra63.cjs");require("./lyra68.cjs");const o=t.cva(["outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10","rounded-base"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","w-full","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra100.cjs");require("./lyra104.cjs");const o=t.cva(["outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10","rounded-base"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","w-full","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;

package/dist/lyra3.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra3.cjs","sources":["../src/components/accordion/accordion.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./accordion.vars.css\";\n\nexport const accordionItemStyles = cva([\"outline-none\"], {\n  variants: {\n    isFocusVisible: {\n      true: [\"ring-2\", \"ring-primary-1\", \"z-10\", \"rounded-base\"],\n      false: [\"border-b last:border-b-0 border-solid border-[--accordion-divider-color]\"],\n    },\n  },\n});\nexport const accordionItemButtonStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-between\",\n    \"gap-4\",\n    // \"rounded-base\",\n    \"w-full\",\n    \"px-[--accordion-title-padding-x]\",\n    \"py-[--accordion-title-padding-y]\",\n    \"text-[length:var(--accordion-title-font-size)]\",\n    \"font-[--accordion-title-font-weight]\",\n    \"outline-none\",\n    // \"focus:ring focus:ring-primary-3\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: [\"text-[--accordion-title-is-open-color]\"],\n        false: [\"text-[--accordion-title-color]\"],\n      },\n      isDisabled: {\n        true: [\"text-[--accordion-title-is-disabled-color]\", \"cursor-not-allowed\"],\n      },\n    },\n  },\n);\n\nexport const accordionItemContentStyles = cva(\n  [\n    \"text-[length:var(--accordion-content-font-size)]\",\n    \"font-[--accordion-content-font-weight]\",\n    \"text-[--accordion-content-color]\",\n  ],\n  {\n    variants: {\n      disableAccordionContentPadding: {\n        true: [\"p-0\"],\n        false: [\"px-[--accordion-content-padding-x]\", \"py-[--accordion-content-padding-y]\"],\n      },\n    },\n    defaultVariants: {\n      disableAccordionContentPadding: false,\n    },\n  },\n);\n"],"names":["accordionItemStyles","cva","accordionItemButtonStyles","accordionItemContentStyles"],"mappings":"wIAIO,MAAMA,EAAsBC,EAAAA,IAAI,CAAC,cAAc,EAAG,CACvD,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,SAAU,iBAAkB,OAAQ,cAAc,EACzD,MAAO,CAAC,0EAA0E,CACpF,CACF,CACF,CAAC,EACYC,EAA4BD,EAAA,IACvC,CACE,OACA,eACA,kBACA,QAEA,SACA,mCACA,mCACA,iDACA,uCACA,cAEF,EACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,CAAC,wCAAwC,EAC/C,MAAO,CAAC,gCAAgC,CAC1C,EACA,WAAY,CACV,KAAM,CAAC,6CAA8C,oBAAoB,CAC3E,CACF,CACF,CACF,EAEaE,EAA6BF,EAAA,IACxC,CACE,mDACA,yCACA,kCACF,EACA,CACE,SAAU,CACR,+BAAgC,CAC9B,KAAM,CAAC,KAAK,EACZ,MAAO,CAAC,qCAAsC,oCAAoC,CACpF,CACF,EACA,gBAAiB,CACf,+BAAgC,EAClC,CACF,CACF"}
+{"version":3,"file":"lyra3.cjs","sources":["../src/components/accordion/accordion.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./accordion.vars.css\";\n\nexport const accordionItemStyles = cva([\"outline-none\"], {\n  variants: {\n    isFocusVisible: {\n      true: [\"ring-2\", \"ring-primary-1\", \"z-10\", \"rounded-base\"],\n      false: [\"border-b last:border-b-0 border-solid border-[--accordion-divider-color]\"],\n    },\n  },\n});\nexport const accordionItemButtonStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-between\",\n    \"gap-4\",\n    // \"rounded-base\",\n    \"w-full\",\n    \"px-[--accordion-title-padding-x]\",\n    \"py-[--accordion-title-padding-y]\",\n    \"text-[length:var(--accordion-title-font-size)]\",\n    \"font-[--accordion-title-font-weight]\",\n    \"outline-none\",\n    // \"focus:ring focus:ring-primary-3\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: [\"text-[--accordion-title-is-open-color]\"],\n        false: [\"text-[--accordion-title-color]\"],\n      },\n      isDisabled: {\n        true: [\"text-[--accordion-title-is-disabled-color]\", \"cursor-not-allowed\"],\n      },\n    },\n  },\n);\n\nexport const accordionItemContentStyles = cva(\n  [\n    \"text-[length:var(--accordion-content-font-size)]\",\n    \"font-[--accordion-content-font-weight]\",\n    \"text-[--accordion-content-color]\",\n  ],\n  {\n    variants: {\n      disableAccordionContentPadding: {\n        true: [\"p-0\"],\n        false: [\"px-[--accordion-content-padding-x]\", \"py-[--accordion-content-padding-y]\"],\n      },\n    },\n    defaultVariants: {\n      disableAccordionContentPadding: false,\n    },\n  },\n);\n"],"names":["accordionItemStyles","cva","accordionItemButtonStyles","accordionItemContentStyles"],"mappings":"0IAIO,MAAMA,EAAsBC,EAAAA,IAAI,CAAC,cAAc,EAAG,CACvD,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,SAAU,iBAAkB,OAAQ,cAAc,EACzD,MAAO,CAAC,0EAA0E,CACpF,CACF,CACF,CAAC,EACYC,EAA4BD,EAAA,IACvC,CACE,OACA,eACA,kBACA,QAEA,SACA,mCACA,mCACA,iDACA,uCACA,cAEF,EACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,CAAC,wCAAwC,EAC/C,MAAO,CAAC,gCAAgC,CAC1C,EACA,WAAY,CACV,KAAM,CAAC,6CAA8C,oBAAoB,CAC3E,CACF,CACF,CACF,EAEaE,EAA6BF,EAAA,IACxC,CACE,mDACA,yCACA,kCACF,EACA,CACE,SAAU,CACR,+BAAgC,CAC9B,KAAM,CAAC,KAAK,EACZ,MAAO,CAAC,qCAAsC,oCAAoC,CACpF,CACF,EACA,gBAAiB,CACf,+BAAgC,EAClC,CACF,CACF"}

package/dist/lyra3.js

@@ -1,5 +1,5 @@
-import { cva as o } from "./lyra63.js";
-import "./lyra68.js";
+import { cva as o } from "./lyra100.js";
+import "./lyra104.js";
 const e = o(["outline-none"], {
   variants: {
     isFocusVisible: {

package/dist/lyra30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),x=require("react"),o=require("./lyra53.cjs");require("./lyra2.cjs");const v=require("./lyra63.cjs");require("./lyra68.cjs");require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra73.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra115.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra75.cjs");const a=require("./lyra31.cjs"),d=require("./lyra32.cjs");require("./lyra116.cjs");require("./lyra74.cjs");require("./lyra40.cjs");require("./lyra79.cjs");require("./lyra42.cjs");require("./lyra23.cjs");require("./lyra117.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra78.cjs");require("./lyra151.cjs");const g=require("./lyra47.cjs");require("./lyra49.cjs");require("./lyra58.cjs");const m=require("./lyra51.cjs"),h=({className:n,showPopoverInBottomDrawerOnSmallScreens:q=!1,screenWidthMobileBreakpoint:u=640,...e},r)=>{[e,r]=o.useContextProps(e,r,o.PopoverContext);const s=g.useIsMobileDevice(u),i=m.useTheme();return s&&q?t.jsxRuntimeExports.jsx(d.Dialog,{fullWidth:!0,position:"bottom",className:v.cx("max-h-[80vh] overflow-auto rounded-t-base",i,n),isDismissable:!0,ref:r,isOpen:e==null?void 0:e.isOpen,onOpenChange:e==null?void 0:e.onOpenChange,children:e.children}):t.jsxRuntimeExports.jsx("div",{className:i,children:t.jsxRuntimeExports.jsx(o.Popover,{...e,ref:r,offset:4,className:({isEntering:c,isExiting:l})=>a.popoverStyles({isEntering:c,isExiting:l,theme:i,className:n})})})},j=x.forwardRef(h),P=({initiallyOpen:n,children:q,onPress:u,...e})=>{const r=x.useRef(null),[s,i]=x.useState(n),c=l=>{u==null||u(l),i(!s)};return t.jsxRuntimeExports.jsx(o.ButtonContext.Provider,{value:{ref:r,onPress:c,...e},children:t.jsxRuntimeExports.jsx(o.PopoverContext.Provider,{value:{isOpen:s,onOpenChange:i,triggerRef:r},children:q})})};exports.Popover=j;exports.PopoverTrigger=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra54.cjs"),x=require("react"),o=require("./lyra53.cjs");require("./lyra2.cjs");const v=require("./lyra100.cjs");require("./lyra104.cjs");require("./lyra43.cjs");require("./lyra105.cjs");require("./lyra106.cjs");require("./lyra108.cjs");require("./lyra8.cjs");require("./lyra107.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra116.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra110.cjs");const a=require("./lyra31.cjs"),d=require("./lyra32.cjs");require("./lyra117.cjs");require("./lyra113.cjs");require("./lyra40.cjs");require("./lyra114.cjs");require("./lyra42.cjs");require("./lyra23.cjs");require("./lyra118.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra112.cjs");require("./lyra151.cjs");const g=require("./lyra47.cjs");require("./lyra49.cjs");require("./lyra58.cjs");const m=require("./lyra51.cjs"),h=({className:n,showPopoverInBottomDrawerOnSmallScreens:q=!1,screenWidthMobileBreakpoint:u=640,...e},r)=>{[e,r]=o.useContextProps(e,r,o.PopoverContext);const s=g.useIsMobileDevice(u),i=m.useTheme();return s&&q?t.jsxRuntimeExports.jsx(d.Dialog,{fullWidth:!0,position:"bottom",className:v.cx("max-h-[80vh] overflow-auto rounded-t-base",i,n),isDismissable:!0,ref:r,isOpen:e==null?void 0:e.isOpen,onOpenChange:e==null?void 0:e.onOpenChange,children:e.children}):t.jsxRuntimeExports.jsx("div",{className:i,children:t.jsxRuntimeExports.jsx(o.Popover,{...e,ref:r,offset:4,className:({isEntering:c,isExiting:l})=>a.popoverStyles({isEntering:c,isExiting:l,theme:i,className:n})})})},j=x.forwardRef(h),P=({initiallyOpen:n,children:q,onPress:u,...e})=>{const r=x.useRef(null),[s,i]=x.useState(n),c=l=>{u==null||u(l),i(!s)};return t.jsxRuntimeExports.jsx(o.ButtonContext.Provider,{value:{ref:r,onPress:c,...e},children:t.jsxRuntimeExports.jsx(o.PopoverContext.Provider,{value:{isOpen:s,onOpenChange:i,triggerRef:r},children:q})})};exports.Popover=j;exports.PopoverTrigger=P;

package/dist/lyra30.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra30.cjs","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, useRef, useState } from \"react\";\nimport {\n  ButtonContext,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  PressEvent,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { useTheme } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const theme = useTheme();\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        className={cx(\"max-h-[80vh] overflow-auto rounded-t-base\", theme, className)}\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen}\n        onOpenChange={props?.onOpenChange}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <div className={theme}>\n      <AriaPopover\n        {...props}\n        ref={ref}\n        offset={4}\n        className={({ isEntering, isExiting }) =>\n          popoverStyles({\n            isEntering,\n            isExiting,\n            theme,\n            className,\n          })\n        }\n      />\n    </div>\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport type PopoverTriggerProps = {\n  onKeydown?: (event: React.KeyboardEvent) => void;\n  onKeyUp?: (event: React.KeyboardEvent) => void;\n  onPress?: (event: PressEvent) => void;\n  initiallyOpen?: boolean;\n  children: ReactNode;\n};\n\nexport const PopoverTrigger = ({\n  initiallyOpen,\n  children,\n  onPress,\n  ...buttonProps\n}: PopoverTriggerProps) => {\n  const triggerRef = useRef(null);\n  const [isOpen, setOpen] = useState(initiallyOpen);\n\n  const onPressTrigger = (e: PressEvent) => {\n    onPress?.(e);\n    setOpen(!isOpen);\n  };\n\n  return (\n    <ButtonContext.Provider value={{ ref: triggerRef, onPress: onPressTrigger, ...buttonProps }}>\n      <PopoverContext.Provider value={{ isOpen, onOpenChange: setOpen, triggerRef }}>\n        {children}\n      </PopoverContext.Provider>\n    </ButtonContext.Provider>\n  );\n};\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","theme","useTheme","jsx","Dialog","cx","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","initiallyOpen","children","onPress","buttonProps","triggerRef","useRef","isOpen","setOpen","useState","onPressTrigger","e","ButtonContext"],"mappings":"iiCA0BMA,EAAW,CACf,CACE,UAAAC,EACA,wCAAAC,EAA0C,GAC1C,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACnD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAC9DO,EAAQC,EAAAA,WAEd,OAAIH,GAAkBN,EAElBU,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAS,GACT,SAAS,SACT,UAAWC,EAAA,GAAG,4CAA6CJ,EAAOT,CAAS,EAC3E,cAAa,GACb,IAAAI,EACA,OAAQD,GAAA,YAAAA,EAAO,OACf,aAAcA,GAAA,YAAAA,EAAO,aAEpB,SAAMA,EAAA,QAAA,CAAA,EAMXQ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWF,EACd,SAAAE,EAAA,kBAAA,IAACG,EAAA,QAAA,CACE,GAAGX,EACJ,IAAAC,EACA,OAAQ,EACR,UAAW,CAAC,CAAE,WAAAW,EAAY,UAAAC,CAAA,IACxBC,EAAAA,cAAc,CACZ,WAAAF,EACA,UAAAC,EACA,MAAAP,EACA,UAAAT,CAAA,CACD,CAAA,CAGP,CAAA,CAAA,CAEJ,EAEakB,EAAUC,aAAWpB,CAAQ,EAU7BqB,EAAiB,CAAC,CAC7B,cAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA2B,CACnB,MAAAC,EAAaC,SAAO,IAAI,EACxB,CAACC,EAAQC,CAAO,EAAIC,WAASR,CAAa,EAE1CS,EAAkBC,GAAkB,CACxCR,GAAA,MAAAA,EAAUQ,GACVH,EAAQ,CAACD,CAAM,CAAA,EAIf,OAAAhB,wBAACqB,EAAAA,cAAc,SAAd,CAAuB,MAAO,CAAE,IAAKP,EAAY,QAASK,EAAgB,GAAGN,CAAA,EAC5E,SAACb,EAAA,kBAAA,IAAAL,iBAAe,SAAf,CAAwB,MAAO,CAAE,OAAAqB,EAAQ,aAAcC,EAAS,WAAAH,CAC9D,EAAA,SAAAH,CACH,CAAA,CACF,CAAA,CAEJ"}
+{"version":3,"file":"lyra30.cjs","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, useRef, useState } from \"react\";\nimport {\n  ButtonContext,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  PressEvent,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { useTheme } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const theme = useTheme();\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        className={cx(\"max-h-[80vh] overflow-auto rounded-t-base\", theme, className)}\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen}\n        onOpenChange={props?.onOpenChange}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <div className={theme}>\n      <AriaPopover\n        {...props}\n        ref={ref}\n        offset={4}\n        className={({ isEntering, isExiting }) =>\n          popoverStyles({\n            isEntering,\n            isExiting,\n            theme,\n            className,\n          })\n        }\n      />\n    </div>\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport type PopoverTriggerProps = {\n  onKeydown?: (event: React.KeyboardEvent) => void;\n  onKeyUp?: (event: React.KeyboardEvent) => void;\n  onPress?: (event: PressEvent) => void;\n  initiallyOpen?: boolean;\n  children: ReactNode;\n};\n\nexport const PopoverTrigger = ({\n  initiallyOpen,\n  children,\n  onPress,\n  ...buttonProps\n}: PopoverTriggerProps) => {\n  const triggerRef = useRef(null);\n  const [isOpen, setOpen] = useState(initiallyOpen);\n\n  const onPressTrigger = (e: PressEvent) => {\n    onPress?.(e);\n    setOpen(!isOpen);\n  };\n\n  return (\n    <ButtonContext.Provider value={{ ref: triggerRef, onPress: onPressTrigger, ...buttonProps }}>\n      <PopoverContext.Provider value={{ isOpen, onOpenChange: setOpen, triggerRef }}>\n        {children}\n      </PopoverContext.Provider>\n    </ButtonContext.Provider>\n  );\n};\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","theme","useTheme","jsx","Dialog","cx","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","initiallyOpen","children","onPress","buttonProps","triggerRef","useRef","isOpen","setOpen","useState","onPressTrigger","e","ButtonContext"],"mappings":"2iCA0BMA,EAAW,CACf,CACE,UAAAC,EACA,wCAAAC,EAA0C,GAC1C,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACnD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAC9DO,EAAQC,EAAAA,WAEd,OAAIH,GAAkBN,EAElBU,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAS,GACT,SAAS,SACT,UAAWC,EAAA,GAAG,4CAA6CJ,EAAOT,CAAS,EAC3E,cAAa,GACb,IAAAI,EACA,OAAQD,GAAA,YAAAA,EAAO,OACf,aAAcA,GAAA,YAAAA,EAAO,aAEpB,SAAMA,EAAA,QAAA,CAAA,EAMXQ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWF,EACd,SAAAE,EAAA,kBAAA,IAACG,EAAA,QAAA,CACE,GAAGX,EACJ,IAAAC,EACA,OAAQ,EACR,UAAW,CAAC,CAAE,WAAAW,EAAY,UAAAC,CAAA,IACxBC,EAAAA,cAAc,CACZ,WAAAF,EACA,UAAAC,EACA,MAAAP,EACA,UAAAT,CAAA,CACD,CAAA,CAGP,CAAA,CAAA,CAEJ,EAEakB,EAAUC,aAAWpB,CAAQ,EAU7BqB,EAAiB,CAAC,CAC7B,cAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA2B,CACnB,MAAAC,EAAaC,SAAO,IAAI,EACxB,CAACC,EAAQC,CAAO,EAAIC,WAASR,CAAa,EAE1CS,EAAkBC,GAAkB,CACxCR,GAAA,MAAAA,EAAUQ,GACVH,EAAQ,CAACD,CAAM,CAAA,EAIf,OAAAhB,wBAACqB,EAAAA,cAAc,SAAd,CAAuB,MAAO,CAAE,IAAKP,EAAY,QAASK,EAAgB,GAAGN,CAAA,EAC5E,SAACb,EAAA,kBAAA,IAAAL,iBAAe,SAAf,CAAwB,MAAO,CAAE,OAAAqB,EAAQ,aAAcC,EAAS,WAAAH,CAC9D,EAAA,SAAAH,CACH,CAAA,CACF,CAAA,CAEJ"}

package/dist/lyra30.js

@@ -2,36 +2,36 @@ import { j as i } from "./lyra54.js";
 import { forwardRef as c, useRef as b, useState as l } from "react";
 import { useContextProps as d, Popover as u, ButtonContext as x, PopoverContext as f } from "./lyra53.js";
 import "./lyra2.js";
-import { cx as v } from "./lyra63.js";
-import "./lyra68.js";
+import { cx as v } from "./lyra100.js";
+import "./lyra104.js";
 import "./lyra43.js";
-import "./lyra69.js";
-import "./lyra70.js";
-import "./lyra73.js";
+import "./lyra105.js";
+import "./lyra106.js";
+import "./lyra108.js";
 import "./lyra8.js";
-import "./lyra72.js";
+import "./lyra107.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra115.js";
+import "./lyra116.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import "./lyra16.js";
 import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
-import "./lyra75.js";
+import "./lyra110.js";
 import { popoverStyles as h } from "./lyra31.js";
 import { Dialog as $ } from "./lyra32.js";
-import "./lyra116.js";
-import "./lyra74.js";
+import "./lyra117.js";
+import "./lyra113.js";
 import "./lyra40.js";
-import "./lyra79.js";
+import "./lyra114.js";
 import "./lyra42.js";
 import "./lyra23.js";
-import "./lyra117.js";
+import "./lyra118.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import "./lyra78.js";
+import "./lyra112.js";
 import "./lyra151.js";
 import { useIsMobileDevice as g } from "./lyra47.js";
 import "./lyra49.js";