@new-black/lyra 0.1.16 → 0.1.19

package/dist/lyra288.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra288.js","sources":["../node_modules/framer-motion/dist/es/render/dom/use-render.mjs"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useHTMLProps } from '../html/use-props.mjs';\nimport { filterProps } from './utils/filter-props.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\nimport { useSVGProps } from '../svg/use-props.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction createUseRender(forwardMotionProps = false) {\n    const useRender = (Component, props, ref, { latestValues }, isStatic) => {\n        const useVisualProps = isSVGComponent(Component)\n            ? useSVGProps\n            : useHTMLProps;\n        const visualProps = useVisualProps(props, latestValues, isStatic, Component);\n        const filteredProps = filterProps(props, typeof Component === \"string\", forwardMotionProps);\n        const elementProps = {\n            ...filteredProps,\n            ...visualProps,\n            ref,\n        };\n        /**\n         * If component has been handed a motion value as its child,\n         * memoise its initial value and render that. Subsequent updates\n         * will be handled by the onChange handler\n         */\n        const { children } = props;\n        const renderedChildren = useMemo(() => (isMotionValue(children) ? children.get() : children), [children]);\n        return createElement(Component, {\n            ...elementProps,\n            children: renderedChildren,\n        });\n    };\n    return useRender;\n}\n\nexport { createUseRender };\n"],"names":["createUseRender","forwardMotionProps","Component","props","ref","latestValues","isStatic","visualProps","isSVGComponent","useSVGProps","useHTMLProps","elementProps","filterProps","children","renderedChildren","useMemo","isMotionValue","createElement"],"mappings":";;;;;;AAOA,SAASA,EAAgBC,IAAqB,IAAO;AAwBjD,SAvBkB,CAACC,GAAWC,GAAOC,GAAK,EAAE,cAAAC,EAAc,GAAEC,MAAa;AAIrE,UAAMC,KAHiBC,EAAeN,CAAS,IACzCO,IACAC,GAC6BP,GAAOE,GAAcC,GAAUJ,CAAS,GAErES,IAAe;AAAA,MACjB,GAFkBC,EAAYT,GAAO,OAAOD,KAAc,UAAUD,CAAkB;AAAA,MAGtF,GAAGM;AAAA,MACH,KAAAH;AAAA,IACZ,GAMc,EAAE,UAAAS,EAAU,IAAGV,GACfW,IAAmBC,EAAQ,MAAOC,EAAcH,CAAQ,IAAIA,EAAS,IAAK,IAAGA,GAAW,CAACA,CAAQ,CAAC;AACxG,WAAOI,EAAcf,GAAW;AAAA,MAC5B,GAAGS;AAAA,MACH,UAAUG;AAAA,IACtB,CAAS;AAAA,EACT;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra288.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 { getContextWindow } from '../../utils/get-context-window.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(), {\n            transformPagePoint: this.node.getTransformPagePoint(),\n            contextWindow: getContextWindow(this.node),\n        });\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","getContextWindow","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;;AAOA,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;AAAA,MACtE,oBAAoB,KAAK,KAAK,sBAAuB;AAAA,MACrD,eAAeE,EAAiB,KAAK,IAAI;AAAA,IACrD,CAAS;AAAA,EACJ;AAAA,EACD,oBAAoB;AAChB,UAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK;AACrE,WAAO;AAAA,MACH,gBAAgBd,EAAaW,CAAiB;AAAA,MAC9C,SAASX,EAAaY,CAAU;AAAA,MAChC,QAAQC;AAAA,MACR,OAAO,CAACX,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRW,KACAV,EAAM,OAAO,MAAMU,EAASZ,GAAOC,CAAI,CAAC;AAAA,MAE/C;AAAA,IACb;AAAA,EACK;AAAA,EACD,QAAQ;AACJ,SAAK,4BAA4BY,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACb,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/lyra289.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra328.cjs"),i=require("./lyra329.cjs"),n=require("./lyra273.cjs"),u=require("./lyra330.cjs"),c=require("./lyra331.cjs"),g=require("./lyra332.cjs"),r=require("./lyra219.cjs"),l={useVisualState:n.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:u.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:s})=>{r.frame.read(()=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}),r.frame.render(()=>{c.buildSVGAttrs(t,s,{enableHardwareAcceleration:!1},g.isSVGTag(e.tagName),o.transformTemplate),a.renderSVG(e,t)})}})};exports.svgMotionConfig=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra184.cjs"),p=require("./lyra173.cjs"),l=require("./lyra195.cjs"),m=require("./lyra331.cjs"),n=require("./lyra332.cjs"),f=require("./lyra333.cjs"),R=require("./lyra215.cjs"),h=require("./lyra214.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/lyra289.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra289.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/config-motion.mjs"],"sourcesContent":["import { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst svgMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n        createRenderState: createSvgRenderState,\n        onMount: (props, instance, { renderState, latestValues }) => {\n            frame.read(() => {\n                try {\n                    renderState.dimensions =\n                        typeof instance.getBBox ===\n                            \"function\"\n                            ? instance.getBBox()\n                            : instance.getBoundingClientRect();\n                }\n                catch (e) {\n                    // Most likely trying to measure an unrendered element under Firefox\n                    renderState.dimensions = {\n                        x: 0,\n                        y: 0,\n                        width: 0,\n                        height: 0,\n                    };\n                }\n            });\n            frame.render(() => {\n                buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, isSVGTag(instance.tagName), props.transformTemplate);\n                renderSVG(instance, renderState);\n            });\n        },\n    }),\n};\n\nexport { svgMotionConfig };\n"],"names":["svgMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createSvgRenderState","props","instance","renderState","latestValues","frame","buildSVGAttrs","isSVGTag","renderSVG"],"mappings":"mRAQMA,EAAkB,CACpB,eAAgBC,EAAAA,mBAAmB,CAC/B,4BAA6BC,EAA2B,4BACxD,kBAAmBC,EAAoB,qBACvC,QAAS,CAACC,EAAOC,EAAU,CAAE,YAAAC,EAAa,aAAAC,CAAY,IAAO,CACzDC,EAAK,MAAC,KAAK,IAAM,CACb,GAAI,CACAF,EAAY,WACR,OAAOD,EAAS,SACZ,WACEA,EAAS,QAAS,EAClBA,EAAS,sBAAqB,CAC3C,MACS,CAENC,EAAY,WAAa,CACrB,EAAG,EACH,EAAG,EACH,MAAO,EACP,OAAQ,CAChC,CACiB,CACjB,CAAa,EACDE,EAAK,MAAC,OAAO,IAAM,CACfC,EAAAA,cAAcH,EAAaC,EAAc,CAAE,2BAA4B,EAAK,EAAIG,EAAQ,SAACL,EAAS,OAAO,EAAGD,EAAM,iBAAiB,EACnIO,YAAUN,EAAUC,CAAW,CAC/C,CAAa,CACJ,CACT,CAAK,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra289.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/lyra289.js

@@ -1,32 +1,72 @@
-import { renderSVG as i } from "./lyra328.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra329.js";
-import { makeUseVisualState as s } from "./lyra273.js";
-import { createSvgRenderState as p } from "./lyra330.js";
-import { buildSVGAttrs as f } from "./lyra331.js";
-import { isSVGTag as n } from "./lyra332.js";
-import { frame as r } from "./lyra219.js";
-const h = {
-  useVisualState: s({
-    scrapeMotionValuesFromProps: a,
-    createRenderState: p,
-    onMount: (t, o, { renderState: e, latestValues: m }) => {
-      r.read(() => {
-        try {
-          e.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
-        } catch {
-          e.dimensions = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0
-          };
-        }
-      }), r.render(() => {
-        f(e, m, { enableHardwareAcceleration: !1 }, n(o.tagName), t.transformTemplate), i(o, e);
-      });
-    }
-  })
+import d, { useContext as p } from "react";
+import { usePresence as m } from "./lyra184.js";
+import { LayoutGroupContext as c } from "./lyra173.js";
+import { SwitchLayoutGroupContext as f } from "./lyra195.js";
+import { globalProjectionState as l } from "./lyra331.js";
+import { correctBorderRadius as n } from "./lyra332.js";
+import { correctBoxShadow as h } from "./lyra333.js";
+import { addScaleCorrector as R } from "./lyra215.js";
+import { frame as g } from "./lyra214.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;
+  }
+  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;
+  }
+  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: i } = e;
+    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
+  }
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
+  }
+  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 {
-  h as svgMotionConfig
+  w as MeasureLayout
 };

package/dist/lyra289.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra289.js","sources":["../node_modules/framer-motion/dist/es/render/svg/config-motion.mjs"],"sourcesContent":["import { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst svgMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n        createRenderState: createSvgRenderState,\n        onMount: (props, instance, { renderState, latestValues }) => {\n            frame.read(() => {\n                try {\n                    renderState.dimensions =\n                        typeof instance.getBBox ===\n                            \"function\"\n                            ? instance.getBBox()\n                            : instance.getBoundingClientRect();\n                }\n                catch (e) {\n                    // Most likely trying to measure an unrendered element under Firefox\n                    renderState.dimensions = {\n                        x: 0,\n                        y: 0,\n                        width: 0,\n                        height: 0,\n                    };\n                }\n            });\n            frame.render(() => {\n                buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, isSVGTag(instance.tagName), props.transformTemplate);\n                renderSVG(instance, renderState);\n            });\n        },\n    }),\n};\n\nexport { svgMotionConfig };\n"],"names":["svgMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createSvgRenderState","props","instance","renderState","latestValues","frame","buildSVGAttrs","isSVGTag","renderSVG"],"mappings":";;;;;;;AAQK,MAACA,IAAkB;AAAA,EACpB,gBAAgBC,EAAmB;AAAA,IAC/B,6BAA6BC;AAAA,IAC7B,mBAAmBC;AAAA,IACnB,SAAS,CAACC,GAAOC,GAAU,EAAE,aAAAC,GAAa,cAAAC,EAAY,MAAO;AACzD,MAAAC,EAAM,KAAK,MAAM;AACb,YAAI;AACA,UAAAF,EAAY,aACR,OAAOD,EAAS,WACZ,aACEA,EAAS,QAAS,IAClBA,EAAS,sBAAqB;AAAA,QAC3C,QACS;AAEN,UAAAC,EAAY,aAAa;AAAA,YACrB,GAAG;AAAA,YACH,GAAG;AAAA,YACH,OAAO;AAAA,YACP,QAAQ;AAAA,UAChC;AAAA,QACiB;AAAA,MACjB,CAAa,GACDE,EAAM,OAAO,MAAM;AACf,QAAAC,EAAcH,GAAaC,GAAc,EAAE,4BAA4B,GAAK,GAAIG,EAASL,EAAS,OAAO,GAAGD,EAAM,iBAAiB,GACnIO,EAAUN,GAAUC,CAAW;AAAA,MAC/C,CAAa;AAAA,IACJ;AAAA,EACT,CAAK;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra289.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/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra100.cjs");require("./lyra110.cjs");const e=t.cva(["lyra-list-box","list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra99.cjs");require("./lyra106.cjs");const e=t.cva(["lyra-list-box","list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/list-box/list-box-styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"transition\",\n    \"duration-300\",\n    \"ease-out\",\n    \"rounded-md\",\n    \"w-full\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"py-[--list-box-item-padding-y]\",\n    \"select-none\",\n    \"outline-none\",\n    \"text-[length:var(--list-box-item-text-size)]\",\n    \"font-sans\",\n    \"font-[--list-box-item-text-weight]\",\n    \"flex\",\n    \"items-center\",\n    \"gap-x-[--list-box-item-gap-x]\",\n    \"bg-[--list-box-item-background-color]\",\n    \"text-[--list-box-item-text-color]\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-50\"],\n      },\n      isPressed: {\n        true: \"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]\",\n      },\n      isSelected: {\n        true: \"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]\",\n      },\n      isHovered: {\n        true: \"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]\",\n      },\n      isFocused: {\n        true: \"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]\",\n      },\n    },\n    compoundVariants: [\n      {\n        isFocused: true,\n        isHovered: true,\n        className:\n          \"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]\",\n      },\n    ],\n  },\n);\n\nexport const listBoxHeaderStyles = cva([\n  \"py-[--list-box-header-padding-y]\",\n  \"px-[--list-box-header-padding-x]\",\n  \"text-[--list-box-header-text-size]\",\n  \"font-sans\",\n  \"font-[--list-box-header-text-weight]\",\n  \"text-[--list-box-header-text-color]\",\n]);\n"],"names":["listBoxStyles","cva","listBoxItemStyles","listBoxHeaderStyles"],"mappings":"0IAIO,MAAMA,EAAgBC,EAAA,IAC3B,CACE,gBACA,WACA,OACA,WACA,6BACA,SACA,4BACA,4BACA,cACF,EACA,CACE,SAAU,CAAC,CACb,CACF,EAEaC,EAAoBD,EAAA,IAC/B,CACE,aACA,eACA,WACA,aACA,SACA,mCACA,qCACA,iCACA,cACA,eACA,+CACA,YACA,qCACA,OACA,eACA,gCACA,wCACA,mCACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,mFACR,EACA,WAAY,CACV,KAAM,qFACR,EACA,UAAW,CACT,KAAM,+EACR,EACA,UAAW,CACT,KAAM,mFACR,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,UAAW,GACX,UACE,+FACJ,CACF,CACF,CACF,EAEaE,EAAsBF,EAAAA,IAAI,CACrC,mCACA,mCACA,qCACA,YACA,uCACA,qCACF,CAAC"}
+{"version":3,"file":"lyra29.cjs","sources":["../src/components/list-box/list-box-styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"transition\",\n    \"duration-300\",\n    \"ease-out\",\n    \"rounded-md\",\n    \"w-full\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"py-[--list-box-item-padding-y]\",\n    \"select-none\",\n    \"outline-none\",\n    \"text-[length:var(--list-box-item-text-size)]\",\n    \"font-sans\",\n    \"font-[--list-box-item-text-weight]\",\n    \"flex\",\n    \"items-center\",\n    \"gap-x-[--list-box-item-gap-x]\",\n    \"bg-[--list-box-item-background-color]\",\n    \"text-[--list-box-item-text-color]\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-50\"],\n      },\n      isPressed: {\n        true: \"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]\",\n      },\n      isSelected: {\n        true: \"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]\",\n      },\n      isHovered: {\n        true: \"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]\",\n      },\n      isFocused: {\n        true: \"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]\",\n      },\n    },\n    compoundVariants: [\n      {\n        isFocused: true,\n        isHovered: true,\n        className:\n          \"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]\",\n      },\n    ],\n  },\n);\n\nexport const listBoxHeaderStyles = cva([\n  \"py-[--list-box-header-padding-y]\",\n  \"px-[--list-box-header-padding-x]\",\n  \"text-[--list-box-header-text-size]\",\n  \"font-sans\",\n  \"font-[--list-box-header-text-weight]\",\n  \"text-[--list-box-header-text-color]\",\n]);\n"],"names":["listBoxStyles","cva","listBoxItemStyles","listBoxHeaderStyles"],"mappings":"yIAIO,MAAMA,EAAgBC,EAAA,IAC3B,CACE,gBACA,WACA,OACA,WACA,6BACA,SACA,4BACA,4BACA,cACF,EACA,CACE,SAAU,CAAC,CACb,CACF,EAEaC,EAAoBD,EAAA,IAC/B,CACE,aACA,eACA,WACA,aACA,SACA,mCACA,qCACA,iCACA,cACA,eACA,+CACA,YACA,qCACA,OACA,eACA,gCACA,wCACA,mCACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,mFACR,EACA,WAAY,CACV,KAAM,qFACR,EACA,UAAW,CACT,KAAM,+EACR,EACA,UAAW,CACT,KAAM,mFACR,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,UAAW,GACX,UACE,+FACJ,CACF,CACF,CACF,EAEaE,EAAsBF,EAAAA,IAAI,CACrC,mCACA,mCACA,qCACA,YACA,uCACA,qCACF,CAAC"}

package/dist/lyra29.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra100.js";
-import "./lyra110.js";
+import { cva as t } from "./lyra99.js";
+import "./lyra106.js";
 const i = t(
   [
     "lyra-list-box",

package/dist/lyra290.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra273.cjs"),t=require("./lyra333.cjs"),o=require("./lyra334.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra300.cjs"),n=require("./lyra301.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/lyra290.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra290.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/config-motion.mjs"],"sourcesContent":["import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nconst htmlMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps,\n        createRenderState: createHtmlRenderState,\n    }),\n};\n\nexport { htmlMotionConfig };\n"],"names":["htmlMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createHtmlRenderState"],"mappings":"uKAIMA,EAAmB,CACrB,eAAgBC,EAAAA,mBAAmB,CACvC,4BAAQC,EAA2B,4BAC3B,kBAAmBC,EAAqB,qBAChD,CAAK,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra290.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/lyra290.js

@@ -1,12 +1,25 @@
-import { makeUseVisualState as t } from "./lyra273.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra333.js";
-import { createHtmlRenderState as o } from "./lyra334.js";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
-};
+import { createProjectionNode as t } from "./lyra300.js";
+import { DocumentProjectionNode as n } from "./lyra301.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 e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  i as htmlMotionConfig
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/lyra290.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra290.js","sources":["../node_modules/framer-motion/dist/es/render/html/config-motion.mjs"],"sourcesContent":["import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nconst htmlMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps,\n        createRenderState: createHtmlRenderState,\n    }),\n};\n\nexport { htmlMotionConfig };\n"],"names":["htmlMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createHtmlRenderState"],"mappings":";;;AAIK,MAACA,IAAmB;AAAA,EACrB,gBAAgBC,EAAmB;AAAA,IAC/B,6BAAAC;AAAA,IACA,mBAAmBC;AAAA,EAC3B,CAAK;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra290.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/lyra291.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra277.cjs"),p=require("./lyra250.cjs"),v=require("./lyra276.cjs"),l=require("./lyra320.cjs"),d=require("./lyra219.cjs");function a(e,t){const i="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,i,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(a(this.node,!0),a(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra336.cjs"),u=require("./lyra232.cjs"),l=require("./lyra205.cjs"),a=require("./lyra326.cjs"),c=require("./lyra337.cjs"),d=require("./lyra315.cjs"),p=require("./lyra338.cjs"),m=require("./lyra339.cjs"),V=require("./lyra178.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/lyra291.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra291.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/hover.mjs"],"sourcesContent":["import { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction addHoverEvent(node, isActive) {\n    const eventName = \"pointer\" + (isActive ? \"enter\" : \"leave\");\n    const callbackName = \"onHover\" + (isActive ? \"Start\" : \"End\");\n    const handleEvent = (event, info) => {\n        if (event.type === \"touch\" || isDragActive())\n            return;\n        const props = node.getProps();\n        if (node.animationState && props.whileHover) {\n            node.animationState.setActive(\"whileHover\", isActive);\n        }\n        if (props[callbackName]) {\n            frame.update(() => props[callbackName](event, info));\n        }\n    };\n    return addPointerEvent(node.current, eventName, handleEvent, {\n        passive: !node.getProps()[callbackName],\n    });\n}\nclass HoverGesture extends Feature {\n    mount() {\n        this.unmount = pipe(addHoverEvent(this.node, true), addHoverEvent(this.node, false));\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n"],"names":["addHoverEvent","node","isActive","eventName","callbackName","handleEvent","event","info","isDragActive","props","frame","addPointerEvent","HoverGesture","Feature","pipe"],"mappings":"6NAMA,SAASA,EAAcC,EAAMC,EAAU,CACnC,MAAMC,EAAY,WAAaD,EAAW,QAAU,SAC9CE,EAAe,WAAaF,EAAW,QAAU,OACjDG,EAAc,CAACC,EAAOC,IAAS,CACjC,GAAID,EAAM,OAAS,SAAWE,eAAc,EACxC,OACJ,MAAMC,EAAQR,EAAK,WACfA,EAAK,gBAAkBQ,EAAM,YAC7BR,EAAK,eAAe,UAAU,aAAcC,CAAQ,EAEpDO,EAAML,CAAY,GAClBM,EAAK,MAAC,OAAO,IAAMD,EAAML,CAAY,EAAEE,EAAOC,CAAI,CAAC,CAE/D,EACI,OAAOI,EAAe,gBAACV,EAAK,QAASE,EAAWE,EAAa,CACzD,QAAS,CAACJ,EAAK,SAAQ,EAAGG,CAAY,CAC9C,CAAK,CACL,CACA,MAAMQ,UAAqBC,EAAAA,OAAQ,CAC/B,OAAQ,CACJ,KAAK,QAAUC,EAAAA,KAAKd,EAAc,KAAK,KAAM,EAAI,EAAGA,EAAc,KAAK,KAAM,EAAK,CAAC,CACtF,CACD,SAAU,CAAG,CACjB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra291.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/lyra291.js

@@ -1,26 +1,46 @@
-import { addPointerEvent as p } from "./lyra277.js";
-import { pipe as u } from "./lyra250.js";
-import { isDragActive as f } from "./lyra276.js";
-import { Feature as c } from "./lyra320.js";
-import { frame as v } from "./lyra219.js";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
-    if (n.type === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
-  };
-  return p(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
+import { buildHTMLStyles as n } from "./lyra336.js";
+import { isCSSVariableName as s } from "./lyra232.js";
+import { transformProps as l } from "./lyra205.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra326.js";
+import { renderHTML as u } from "./lyra337.js";
+import { getDefaultValueType as a } from "./lyra315.js";
+import { measureViewportBox as p } from "./lyra338.js";
+import { DOMVisualElement as c } from "./lyra339.js";
+import { isMotionValue as d } from "./lyra178.js";
+function f(i) {
+  return window.getComputedStyle(i);
 }
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
+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;
+    }
   }
-  unmount() {
+  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 {
-  g as HoverGesture
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra291.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra291.js","sources":["../node_modules/framer-motion/dist/es/gestures/hover.mjs"],"sourcesContent":["import { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction addHoverEvent(node, isActive) {\n    const eventName = \"pointer\" + (isActive ? \"enter\" : \"leave\");\n    const callbackName = \"onHover\" + (isActive ? \"Start\" : \"End\");\n    const handleEvent = (event, info) => {\n        if (event.type === \"touch\" || isDragActive())\n            return;\n        const props = node.getProps();\n        if (node.animationState && props.whileHover) {\n            node.animationState.setActive(\"whileHover\", isActive);\n        }\n        if (props[callbackName]) {\n            frame.update(() => props[callbackName](event, info));\n        }\n    };\n    return addPointerEvent(node.current, eventName, handleEvent, {\n        passive: !node.getProps()[callbackName],\n    });\n}\nclass HoverGesture extends Feature {\n    mount() {\n        this.unmount = pipe(addHoverEvent(this.node, true), addHoverEvent(this.node, false));\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n"],"names":["addHoverEvent","node","isActive","eventName","callbackName","handleEvent","event","info","isDragActive","props","frame","addPointerEvent","HoverGesture","Feature","pipe"],"mappings":";;;;;AAMA,SAASA,EAAcC,GAAMC,GAAU;AACnC,QAAMC,IAAY,aAAaD,IAAW,UAAU,UAC9CE,IAAe,aAAaF,IAAW,UAAU,QACjDG,IAAc,CAACC,GAAOC,MAAS;AACjC,QAAID,EAAM,SAAS,WAAWE,EAAc;AACxC;AACJ,UAAMC,IAAQR,EAAK;AACnB,IAAIA,EAAK,kBAAkBQ,EAAM,cAC7BR,EAAK,eAAe,UAAU,cAAcC,CAAQ,GAEpDO,EAAML,CAAY,KAClBM,EAAM,OAAO,MAAMD,EAAML,CAAY,EAAEE,GAAOC,CAAI,CAAC;AAAA,EAE/D;AACI,SAAOI,EAAgBV,EAAK,SAASE,GAAWE,GAAa;AAAA,IACzD,SAAS,CAACJ,EAAK,SAAQ,EAAGG,CAAY;AAAA,EAC9C,CAAK;AACL;AACA,MAAMQ,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,SAAK,UAAUC,EAAKd,EAAc,KAAK,MAAM,EAAI,GAAGA,EAAc,KAAK,MAAM,EAAK,CAAC;AAAA,EACtF;AAAA,EACD,UAAU;AAAA,EAAG;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra291.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/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra278.cjs"),s=require("./lyra320.cjs"),i=require("./lyra250.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra322.cjs"),u=require("./lyra339.cjs"),o=require("./lyra324.cjs"),n=require("./lyra237.cjs"),i=require("./lyra340.cjs"),l=require("./lyra205.cjs"),c=require("./lyra321.cjs"),m=require("./lyra315.cjs"),V=require("./lyra198.cjs"),d=require("./lyra325.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;

package/dist/lyra292.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra292.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/focus.mjs"],"sourcesContent":["import { addDomEvent } from '../events/add-dom-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":"uKAIA,MAAMA,UAAqBC,EAAAA,OAAQ,CAC/B,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,SAAW,EACnB,CACD,SAAU,CACN,IAAIC,EAAiB,GAOrB,GAAI,CACAA,EAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB,CAC9D,MACS,CACNA,EAAiB,EACpB,CACG,CAACA,GAAkB,CAAC,KAAK,KAAK,iBAElC,KAAK,KAAK,eAAe,UAAU,aAAc,EAAI,EACrD,KAAK,SAAW,GACnB,CACD,QAAS,CACD,CAAC,KAAK,UAAY,CAAC,KAAK,KAAK,iBAEjC,KAAK,KAAK,eAAe,UAAU,aAAc,EAAK,EACtD,KAAK,SAAW,GACnB,CACD,OAAQ,CACJ,KAAK,QAAUC,EAAI,KAACC,cAAY,KAAK,KAAK,QAAS,QAAS,IAAM,KAAK,QAAS,CAAA,EAAGA,EAAW,YAAC,KAAK,KAAK,QAAS,OAAQ,IAAM,KAAK,OAAQ,CAAA,CAAC,CACjJ,CACD,SAAU,CAAG,CACjB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra292.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]}

package/dist/lyra292.js

@@ -1,28 +1,43 @@
-import { addDomEvent as e } from "./lyra278.js";
-import { Feature as i } from "./lyra320.js";
-import { pipe as s } from "./lyra250.js";
-class a extends i {
+import { scrapeMotionValuesFromProps as s } from "./lyra322.js";
+import { DOMVisualElement as a } from "./lyra339.js";
+import { buildSVGAttrs as m } from "./lyra324.js";
+import { camelToDash as i } from "./lyra237.js";
+import { camelCaseAttributes as u } from "./lyra340.js";
+import { transformProps as n } from "./lyra205.js";
+import { renderSVG as p } from "./lyra321.js";
+import { getDefaultValueType as l } from "./lyra315.js";
+import { createBox as f } from "./lyra198.js";
+import { isSVGTag as V } from "./lyra325.js";
+class A extends a {
   constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
+    super(...arguments), this.isSVGTag = !1;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (n.has(r)) {
+      const e = l(r);
+      return e && e.default || 0;
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+    return r = u.has(r) ? r : i(r), t.getAttribute(r);
+  }
+  measureInstanceViewportBox() {
+    return f();
+  }
+  scrapeMotionValuesFromProps(t, r) {
+    return s(t, r);
   }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
+  build(t, r, e, o) {
+    m(t, r, e, this.isSVGTag, o.transformTemplate);
   }
-  mount() {
-    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
+  renderInstance(t, r, e, o) {
+    p(t, r, e, o);
   }
-  unmount() {
+  mount(t) {
+    this.isSVGTag = V(t.tagName), super.mount(t);
   }
 }
 export {
-  a as FocusGesture
+  A as SVGVisualElement
 };

package/dist/lyra292.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra292.js","sources":["../node_modules/framer-motion/dist/es/gestures/focus.mjs"],"sourcesContent":["import { addDomEvent } from '../events/add-dom-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAIA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC9D,QACS;AACN,MAAAA,IAAiB;AAAA,IACpB;AACD,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAS,CAAA,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAQ,CAAA,CAAC;AAAA,EACjJ;AAAA,EACD,UAAU;AAAA,EAAG;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra292.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]}