@new-black/lyra 0.1.15 → 0.1.17

package/dist/lyra326.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra326.js","sources":["../node_modules/framer-motion/dist/es/render/html/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nfunction copyRawValuesOnly(target, source, props) {\n    for (const key in source) {\n        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction useInitialMotionValues({ transformTemplate }, visualState, isStatic) {\n    return useMemo(() => {\n        const state = createHtmlRenderState();\n        buildHTMLStyles(state, visualState, { enableHardwareAcceleration: !isStatic }, transformTemplate);\n        return Object.assign({}, state.vars, state.style);\n    }, [visualState]);\n}\nfunction useStyle(props, visualState, isStatic) {\n    const styleProp = props.style || {};\n    const style = {};\n    /**\n     * Copy non-Motion Values straight into style\n     */\n    copyRawValuesOnly(style, styleProp, props);\n    Object.assign(style, useInitialMotionValues(props, visualState, isStatic));\n    return props.transformValues ? props.transformValues(style) : style;\n}\nfunction useHTMLProps(props, visualState, isStatic) {\n    // The `any` isn't ideal but it is the type of createElement props argument\n    const htmlProps = {};\n    const style = useStyle(props, visualState, isStatic);\n    if (props.drag && props.dragListener !== false) {\n        // Disable the ghost element when a user drags\n        htmlProps.draggable = false;\n        // Disable text selection\n        style.userSelect =\n            style.WebkitUserSelect =\n                style.WebkitTouchCallout =\n                    \"none\";\n        // Disable scrolling on the draggable direction\n        style.touchAction =\n            props.drag === true\n                ? \"none\"\n                : `pan-${props.drag === \"x\" ? \"y\" : \"x\"}`;\n    }\n    if (props.tabIndex === undefined &&\n        (props.onTap || props.onTapStart || props.whileTap)) {\n        htmlProps.tabIndex = 0;\n    }\n    htmlProps.style = style;\n    return htmlProps;\n}\n\nexport { copyRawValuesOnly, useHTMLProps };\n"],"names":["copyRawValuesOnly","target","source","props","key","isMotionValue","isForcedMotionValue","useInitialMotionValues","transformTemplate","visualState","isStatic","useMemo","state","createHtmlRenderState","buildHTMLStyles","useStyle","styleProp","style","useHTMLProps","htmlProps"],"mappings":";;;;;AAMA,SAASA,EAAkBC,GAAQC,GAAQC,GAAO;AAC9C,aAAWC,KAAOF;AACd,IAAI,CAACG,EAAcH,EAAOE,CAAG,CAAC,KAAK,CAACE,EAAoBF,GAAKD,CAAK,MAC9DF,EAAOG,CAAG,IAAIF,EAAOE,CAAG;AAGpC;AACA,SAASG,EAAuB,EAAE,mBAAAC,KAAqBC,GAAaC,GAAU;AAC1E,SAAOC,EAAQ,MAAM;AACjB,UAAMC,IAAQC;AACd,WAAAC,EAAgBF,GAAOH,GAAa,EAAE,4BAA4B,CAACC,EAAQ,GAAIF,CAAiB,GACzF,OAAO,OAAO,CAAE,GAAEI,EAAM,MAAMA,EAAM,KAAK;AAAA,EACxD,GAAO,CAACH,CAAW,CAAC;AACpB;AACA,SAASM,EAASZ,GAAOM,GAAaC,GAAU;AAC5C,QAAMM,IAAYb,EAAM,SAAS,IAC3Bc,IAAQ,CAAA;AAId,SAAAjB,EAAkBiB,GAAOD,GAAWb,CAAK,GACzC,OAAO,OAAOc,GAAOV,EAAuBJ,GAAOM,GAAaC,CAAQ,CAAC,GAClEP,EAAM,kBAAkBA,EAAM,gBAAgBc,CAAK,IAAIA;AAClE;AACA,SAASC,EAAaf,GAAOM,GAAaC,GAAU;AAEhD,QAAMS,IAAY,CAAA,GACZF,IAAQF,EAASZ,GAAOM,GAAaC,CAAQ;AACnD,SAAIP,EAAM,QAAQA,EAAM,iBAAiB,OAErCgB,EAAU,YAAY,IAEtBF,EAAM,aACFA,EAAM,mBACFA,EAAM,qBACF,QAEZA,EAAM,cACFd,EAAM,SAAS,KACT,SACA,OAAOA,EAAM,SAAS,MAAM,MAAM,GAAG,KAE/CA,EAAM,aAAa,WAClBA,EAAM,SAASA,EAAM,cAAcA,EAAM,cAC1CgB,EAAU,WAAW,IAEzBA,EAAU,QAAQF,GACXE;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra326.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isForcedMotionValue } from '../../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const { style } = props;\n    const newValues = {};\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevProps.style && isMotionValue(prevProps.style[key])) ||\n            isForcedMotionValue(key, props)) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","style","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":";;AAGA,SAASA,EAA4BC,GAAOC,GAAW;AACnD,QAAM,EAAE,OAAAC,EAAO,IAAGF,GACZG,IAAY,CAAA;AAClB,aAAWC,KAAOF;AACd,KAAIG,EAAcH,EAAME,CAAG,CAAC,KACvBH,EAAU,SAASI,EAAcJ,EAAU,MAAMG,CAAG,CAAC,KACtDE,EAAoBF,GAAKJ,CAAK,OAC9BG,EAAUC,CAAG,IAAIF,EAAME,CAAG;AAGlC,SAAOD;AACX;","x_google_ignoreList":[0]}

package/dist/lyra327.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra326.cjs"),l=require("./lyra331.cjs"),o=require("./lyra330.cjs"),u=require("./lyra332.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;

package/dist/lyra327.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra327.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, isSVGTag(Component), props.transformTemplate);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":"qNAMA,SAASA,EAAYC,EAAOC,EAAaC,EAAWC,EAAW,CAC3D,MAAMC,EAAcC,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAQC,EAAAA,uBACdC,OAAAA,EAAAA,cAAcF,EAAOL,EAAa,CAAE,2BAA4B,IAASQ,EAAAA,SAASN,CAAS,EAAGH,EAAM,iBAAiB,EAC9G,CACH,GAAGM,EAAM,MACT,MAAO,CAAE,GAAGA,EAAM,KAAO,CACrC,CACA,EAAO,CAACL,CAAW,CAAC,EAChB,GAAID,EAAM,MAAO,CACb,MAAMU,EAAY,CAAA,EAClBC,EAAAA,kBAAkBD,EAAWV,EAAM,MAAOA,CAAK,EAC/CI,EAAY,MAAQ,CAAE,GAAGM,EAAW,GAAGN,EAAY,MACtD,CACD,OAAOA,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra327.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"gFAAK,MAACA,EAAwB,KAAO,CACjC,MAAO,CAAE,EACT,UAAW,CAAE,EACb,gBAAiB,CAAE,EACnB,KAAM,CAAE,CACZ","x_google_ignoreList":[0]}

package/dist/lyra327.js

@@ -1,22 +1,9 @@
-import { useMemo as a } from "react";
-import { copyRawValuesOnly as l } from "./lyra326.js";
-import { buildSVGAttrs as m } from "./lyra331.js";
-import { createSvgRenderState as i } from "./lyra330.js";
-import { isSVGTag as n } from "./lyra332.js";
-function V(e, s, c, o) {
-  const r = a(() => {
-    const t = i();
-    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
-      ...t.attrs,
-      style: { ...t.style }
-    };
-  }, [s]);
-  if (e.style) {
-    const t = {};
-    l(t, e.style, e), r.style = { ...t, ...r.style };
-  }
-  return r;
-}
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
 export {
-  V as useSVGProps
+  r as createHtmlRenderState
 };

package/dist/lyra327.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra327.js","sources":["../node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, isSVGTag(Component), props.transformTemplate);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":";;;;;AAMA,SAASA,EAAYC,GAAOC,GAAaC,GAAWC,GAAW;AAC3D,QAAMC,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAQC;AACd,WAAAC,EAAcF,GAAOL,GAAa,EAAE,4BAA4B,MAASQ,EAASN,CAAS,GAAGH,EAAM,iBAAiB,GAC9G;AAAA,MACH,GAAGM,EAAM;AAAA,MACT,OAAO,EAAE,GAAGA,EAAM,MAAO;AAAA,IACrC;AAAA,EACA,GAAO,CAACL,CAAW,CAAC;AAChB,MAAID,EAAM,OAAO;AACb,UAAMU,IAAY,CAAA;AAClB,IAAAC,EAAkBD,GAAWV,EAAM,OAAOA,CAAK,GAC/CI,EAAY,QAAQ,EAAE,GAAGM,GAAW,GAAGN,EAAY;EACtD;AACD,SAAOA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra327.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"AAAK,MAACA,IAAwB,OAAO;AAAA,EACjC,OAAO,CAAE;AAAA,EACT,WAAW,CAAE;AAAA,EACb,iBAAiB,CAAE;AAAA,EACnB,MAAM,CAAE;AACZ;","x_google_ignoreList":[0]}

package/dist/lyra328.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra239.cjs"),n=require("./lyra343.cjs"),a=require("./lyra346.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;

package/dist/lyra328.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra328.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":"uKAIA,SAASA,EAAUC,EAASC,EAAaC,EAAYC,EAAY,CAC7DC,EAAAA,WAAWJ,EAASC,EAAa,OAAWE,CAAU,EACtD,UAAWE,KAAOJ,EAAY,MAC1BD,EAAQ,aAAcM,EAAmB,oBAAC,IAAID,CAAG,EAAuBA,EAAnBE,EAAAA,YAAYF,CAAG,EAASJ,EAAY,MAAMI,CAAG,CAAC,CAE3G","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra328.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"gFAOK,MAACA,EAAgB,CAACC,EAAQC,IACtBA,EAGID,IAAWC,EACT,GAGAF,EAAcC,EAAQC,EAAM,aAAa,EANzC","x_google_ignoreList":[0]}

package/dist/lyra328.js

@@ -1,11 +1,4 @@
-import { camelToDash as i } from "./lyra239.js";
-import { renderHTML as m } from "./lyra343.js";
-import { camelCaseAttributes as e } from "./lyra346.js";
-function c(o, t, f, s) {
-  m(o, t, void 0, s);
-  for (const r in t.attrs)
-    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
-}
+const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
 export {
-  c as renderSVG
+  t as isNodeOrChild
 };

package/dist/lyra328.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra328.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":";;;AAIA,SAASA,EAAUC,GAASC,GAAaC,GAAYC,GAAY;AAC7D,EAAAC,EAAWJ,GAASC,GAAa,QAAWE,CAAU;AACtD,aAAWE,KAAOJ,EAAY;AAC1B,IAAAD,EAAQ,aAAcM,EAAoB,IAAID,CAAG,IAAuBA,IAAnBE,EAAYF,CAAG,GAASJ,EAAY,MAAMI,CAAG,CAAC;AAE3G;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra328.js","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"AAOK,MAACA,IAAgB,CAACC,GAAQC,MACtBA,IAGID,MAAWC,IACT,KAGAF,EAAcC,GAAQC,EAAM,aAAa,IANzC;","x_google_ignoreList":[0]}

package/dist/lyra329.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra180.cjs"),i=require("./lyra333.cjs"),a=require("./lyra207.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=new WeakMap,n=new WeakMap,b=e=>{const r=c.get(e.target);r&&r(e)},a=e=>{e.forEach(b)};function i({root:e,...r}){const s=e||document;n.has(s)||n.set(s,{});const t=n.get(s),o=JSON.stringify(r);return t[o]||(t[o]=new IntersectionObserver(a,{root:e,...r})),t[o]}function v(e,r,s){const t=i(r);return c.set(e,s),t.observe(e),()=>{c.delete(e),t.unobserve(e)}}exports.observeIntersection=v;

package/dist/lyra329.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra329.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\nimport { transformPropOrder } from '../../html/utils/transform.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps);\n    for (const key in props) {\n        if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":"uKAIA,SAASA,EAA4BC,EAAOC,EAAW,CACnD,MAAMC,EAAYC,EAAAA,4BAA8BH,EAAOC,CAAS,EAChE,UAAWG,KAAOJ,EACd,GAAIK,EAAa,cAACL,EAAMI,CAAG,CAAC,GAAKC,EAAAA,cAAcJ,EAAUG,CAAG,CAAC,EAAG,CAC5D,MAAME,EAAYC,EAAkB,mBAAC,QAAQH,CAAG,IAAM,GAChD,OAASA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,UAAU,CAAC,EACtDA,EACNF,EAAUI,CAAS,EAAIN,EAAMI,CAAG,CACnC,CAEL,OAAOF,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra329.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"gFAKA,MAAMA,EAAoB,IAAI,QAMxBC,EAAY,IAAI,QAChBC,EAAwBC,GAAU,CACpC,MAAMC,EAAWJ,EAAkB,IAAIG,EAAM,MAAM,EACnDC,GAAYA,EAASD,CAAK,CAC9B,EACME,EAA4BC,GAAY,CAC1CA,EAAQ,QAAQJ,CAAoB,CACxC,EACA,SAASK,EAAyB,CAAE,KAAAC,EAAM,GAAGC,GAAW,CACpD,MAAMC,EAAaF,GAAQ,SAItBP,EAAU,IAAIS,CAAU,GACzBT,EAAU,IAAIS,EAAY,CAAA,CAAE,EAEhC,MAAMC,EAAgBV,EAAU,IAAIS,CAAU,EACxCE,EAAM,KAAK,UAAUH,CAAO,EAKlC,OAAKE,EAAcC,CAAG,IAClBD,EAAcC,CAAG,EAAI,IAAI,qBAAqBP,EAA0B,CAAE,KAAAG,EAAM,GAAGC,CAAO,CAAE,GAEzFE,EAAcC,CAAG,CAC5B,CACA,SAASC,EAAoBC,EAASL,EAASL,EAAU,CACrD,MAAMW,EAA4BR,EAAyBE,CAAO,EAClE,OAAAT,EAAkB,IAAIc,EAASV,CAAQ,EACvCW,EAA0B,QAAQD,CAAO,EAClC,IAAM,CACTd,EAAkB,OAAOc,CAAO,EAChCC,EAA0B,UAAUD,CAAO,CACnD,CACA","x_google_ignoreList":[0]}

package/dist/lyra329.js

@@ -1,15 +1,21 @@
-import { isMotionValue as n } from "./lyra180.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra333.js";
-import { transformPropOrder as i } from "./lyra207.js";
-function u(r, t) {
-  const e = a(r, t);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[s] = r[o];
-    }
-  return e;
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
 }
 export {
-  u as scrapeMotionValuesFromProps
+  v as observeIntersection
 };

package/dist/lyra329.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra329.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\nimport { transformPropOrder } from '../../html/utils/transform.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps);\n    for (const key in props) {\n        if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":";;;AAIA,SAASA,EAA4BC,GAAOC,GAAW;AACnD,QAAMC,IAAYC,EAA8BH,GAAOC,CAAS;AAChE,aAAWG,KAAOJ;AACd,QAAIK,EAAcL,EAAMI,CAAG,CAAC,KAAKC,EAAcJ,EAAUG,CAAG,CAAC,GAAG;AAC5D,YAAME,IAAYC,EAAmB,QAAQH,CAAG,MAAM,KAChD,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,UAAU,CAAC,IACtDA;AACN,MAAAF,EAAUI,CAAS,IAAIN,EAAMI,CAAG;AAAA,IACnC;AAEL,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra329.js","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"AAKA,MAAMA,IAAoB,oBAAI,WAMxBC,IAAY,oBAAI,WAChBC,IAAuB,CAACC,MAAU;AACpC,QAAMC,IAAWJ,EAAkB,IAAIG,EAAM,MAAM;AACnD,EAAAC,KAAYA,EAASD,CAAK;AAC9B,GACME,IAA2B,CAACC,MAAY;AAC1C,EAAAA,EAAQ,QAAQJ,CAAoB;AACxC;AACA,SAASK,EAAyB,EAAE,MAAAC,GAAM,GAAGC,KAAW;AACpD,QAAMC,IAAaF,KAAQ;AAI3B,EAAKP,EAAU,IAAIS,CAAU,KACzBT,EAAU,IAAIS,GAAY,CAAA,CAAE;AAEhC,QAAMC,IAAgBV,EAAU,IAAIS,CAAU,GACxCE,IAAM,KAAK,UAAUH,CAAO;AAKlC,SAAKE,EAAcC,CAAG,MAClBD,EAAcC,CAAG,IAAI,IAAI,qBAAqBP,GAA0B,EAAE,MAAAG,GAAM,GAAGC,EAAO,CAAE,IAEzFE,EAAcC,CAAG;AAC5B;AACA,SAASC,EAAoBC,GAASL,GAASL,GAAU;AACrD,QAAMW,IAA4BR,EAAyBE,CAAO;AAClE,SAAAT,EAAkB,IAAIc,GAASV,CAAQ,GACvCW,EAA0B,QAAQD,CAAO,GAClC,MAAM;AACT,IAAAd,EAAkB,OAAOc,CAAO,GAChCC,EAA0B,UAAUD,CAAO;AAAA,EACnD;AACA;","x_google_ignoreList":[0]}

package/dist/lyra33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra60.cjs");require("./lyra78.cjs");const i=t.cva(["lyra-dialog","fixed","inset-0","z-50","bg-[--dialog-backdrop-bg]","top-0","bottom-0","left-0","right-0","flex","fill-mode-forwards"],{variants:{disableBlur:{true:"",false:"backdrop-blur-[--dialog-backdrop-bg-blur]"},position:{center:["justify-center","items-center"],top:["item-start","place-items-start","justify-center"],bottom:["justify-center","items-end"],start:["justify-start"],end:["justify-end"]},isEntering:{true:"animate-in fade-in"},isExiting:{true:"animate-out fade-out"}},defaultVariants:{position:"center",disableBlur:!1}}),e=t.cva(["bg-[--dialog-bg]","outline-none","fill-mode-forwards"],{variants:{fullWidth:{true:"w-full"},fullScreen:{true:"w-screen min-h-screen"},maxWidth:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl","7xl":"max-w-7xl"},direction:{ltr:"",rtl:""},isEntering:{true:"animate-in"},isExiting:{true:"animate-out"},position:{center:"rounded-[--dialog-radius]",top:["w-full","rounded-b-[--dialog-radius]"],bottom:["w-full","rounded-t-[--dialog-radius]"],start:["h-full","rounded-e-[--dialog-radius]"],end:["h-full","rounded-s-[--dialog-radius]"]}},defaultVariants:{position:"center"},compoundVariants:[{position:"center",isEntering:!0,className:"zoom-in-95"},{position:"center",isExiting:!0,className:"zoom-out-95"},{position:"top",isEntering:!0,className:"slide-in-from-top"},{position:"top",isExiting:!0,className:"slide-out-to-top duration-200"},{position:"bottom",isEntering:!0,className:"slide-in-from-bottom"},{position:"bottom",isExiting:!0,className:"slide-out-to-bottom duration-200"},{position:"start",isEntering:!0,direction:"ltr",className:"slide-in-from-left"},{position:"start",isEntering:!0,direction:"rtl",className:"slide-in-from-right"},{position:"start",isExiting:!0,direction:"ltr",className:"slide-out-to-left"},{position:"start",isExiting:!0,direction:"rtl",className:"slide-out-to-right"},{position:"end",isEntering:!0,direction:"ltr",className:"slide-in-from-right"},{position:"end",isEntering:!0,direction:"rtl",className:"slide-in-from-left"},{position:"end",isExiting:!0,direction:"ltr",className:"slide-out-to-right"},{position:"end",isExiting:!0,direction:"rtl",className:"slide-out-to-left"}]});exports.modalOverlayStyles=i;exports.modalStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra99.cjs");require("./lyra128.cjs");const i=t.cva(["lyra-dialog","fixed","inset-0","z-50","bg-[--dialog-backdrop-bg]","top-0","bottom-0","left-0","right-0","flex","fill-mode-forwards"],{variants:{disableBlur:{true:"",false:"backdrop-blur-[--dialog-backdrop-bg-blur]"},position:{center:["justify-center","items-center"],top:["item-start","place-items-start","justify-center"],bottom:["justify-center","items-end"],start:["justify-start"],end:["justify-end"]},isEntering:{true:"animate-in fade-in"},isExiting:{true:"animate-out fade-out"}},defaultVariants:{position:"center",disableBlur:!1}}),e=t.cva(["bg-[--dialog-bg]","outline-none","fill-mode-forwards"],{variants:{fullWidth:{true:"w-full"},fullScreen:{true:"w-screen min-h-screen"},maxWidth:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl","7xl":"max-w-7xl"},direction:{ltr:"",rtl:""},isEntering:{true:"animate-in"},isExiting:{true:"animate-out"},position:{center:"rounded-[--dialog-radius]",top:["w-full","rounded-b-[--dialog-radius]"],bottom:["w-full","rounded-t-[--dialog-radius]"],start:["h-full","rounded-e-[--dialog-radius]"],end:["h-full","rounded-s-[--dialog-radius]"]}},defaultVariants:{position:"center"},compoundVariants:[{position:"center",isEntering:!0,className:"zoom-in-95"},{position:"center",isExiting:!0,className:"zoom-out-95"},{position:"top",isEntering:!0,className:"slide-in-from-top"},{position:"top",isExiting:!0,className:"slide-out-to-top duration-200"},{position:"bottom",isEntering:!0,className:"slide-in-from-bottom"},{position:"bottom",isExiting:!0,className:"slide-out-to-bottom duration-200"},{position:"start",isEntering:!0,direction:"ltr",className:"slide-in-from-left"},{position:"start",isEntering:!0,direction:"rtl",className:"slide-in-from-right"},{position:"start",isExiting:!0,direction:"ltr",className:"slide-out-to-left"},{position:"start",isExiting:!0,direction:"rtl",className:"slide-out-to-right"},{position:"end",isEntering:!0,direction:"ltr",className:"slide-in-from-right"},{position:"end",isEntering:!0,direction:"rtl",className:"slide-in-from-left"},{position:"end",isExiting:!0,direction:"ltr",className:"slide-out-to-right"},{position:"end",isExiting:!0,direction:"rtl",className:"slide-out-to-left"}]});exports.modalOverlayStyles=i;exports.modalStyles=e;

package/dist/lyra33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra33.cjs","sources":["../src/components/overlays/dialog/dialog.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./dialog.vars.css\";\n\nexport const modalOverlayStyles = cva(\n  [\n    \"lyra-dialog\",\n    \"fixed\",\n    \"inset-0\",\n    \"z-50\",\n    \"bg-[--dialog-backdrop-bg]\",\n    \"top-0\",\n    \"bottom-0\",\n    \"left-0\",\n    \"right-0\",\n    \"flex\",\n    \"fill-mode-forwards\",\n  ],\n  {\n    variants: {\n      disableBlur: {\n        true: \"\",\n        false: \"backdrop-blur-[--dialog-backdrop-bg-blur]\",\n      },\n      position: {\n        center: [\"justify-center\", \"items-center\"],\n        top: [\"item-start\", \"place-items-start\", \"justify-center\"],\n        bottom: [\"justify-center\", \"items-end\"],\n        start: [\"justify-start\"],\n        end: [\"justify-end\"],\n      },\n      isEntering: {\n        true: \"animate-in fade-in\",\n      },\n      isExiting: {\n        true: \"animate-out fade-out\",\n      },\n    },\n    defaultVariants: {\n      position: \"center\",\n      disableBlur: false,\n    },\n  },\n);\n\nexport const modalStyles = cva([\"bg-[--dialog-bg]\", \"outline-none\", \"fill-mode-forwards\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n    },\n    fullScreen: {\n      true: \"w-screen min-h-screen\",\n    },\n    maxWidth: {\n      xs: \"max-w-xs\",\n      sm: \"max-w-sm\",\n      md: \"max-w-md\",\n      lg: \"max-w-lg\",\n      xl: \"max-w-xl\",\n      \"2xl\": \"max-w-2xl\",\n      \"3xl\": \"max-w-3xl\",\n      \"4xl\": \"max-w-4xl\",\n      \"5xl\": \"max-w-5xl\",\n      \"6xl\": \"max-w-6xl\",\n      \"7xl\": \"max-w-7xl\",\n    },\n    direction: {\n      ltr: \"\",\n      rtl: \"\",\n    },\n    isEntering: {\n      true: \"animate-in\",\n    },\n    isExiting: {\n      true: \"animate-out\",\n    },\n    position: {\n      center: \"rounded-[--dialog-radius]\",\n      top: [\"w-full\", \"rounded-b-[--dialog-radius]\"],\n      bottom: [\"w-full\", \"rounded-t-[--dialog-radius]\"],\n      start: [\"h-full\", \"rounded-e-[--dialog-radius]\"],\n      end: [\"h-full\", \"rounded-s-[--dialog-radius]\"],\n    },\n  },\n  defaultVariants: {\n    position: \"center\",\n  },\n  compoundVariants: [\n    {\n      position: \"center\",\n      isEntering: true,\n      className: \"zoom-in-95\",\n    },\n    {\n      position: \"center\",\n      isExiting: true,\n      className: \"zoom-out-95\",\n    },\n    {\n      position: \"top\",\n      isEntering: true,\n      className: \"slide-in-from-top\",\n    },\n    {\n      position: \"top\",\n      isExiting: true,\n      className: \"slide-out-to-top duration-200\",\n    },\n    {\n      position: \"bottom\",\n      isEntering: true,\n      className: \"slide-in-from-bottom\",\n    },\n    {\n      position: \"bottom\",\n      isExiting: true,\n      className: \"slide-out-to-bottom duration-200\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-left\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-left\",\n    },\n  ],\n});\n"],"names":["modalOverlayStyles","cva","modalStyles"],"mappings":"wIAIO,MAAMA,EAAqBC,EAAA,IAChC,CACE,cACA,QACA,UACA,OACA,4BACA,QACA,WACA,SACA,UACA,OACA,oBACF,EACA,CACE,SAAU,CACR,YAAa,CACX,KAAM,GACN,MAAO,2CACT,EACA,SAAU,CACR,OAAQ,CAAC,iBAAkB,cAAc,EACzC,IAAK,CAAC,aAAc,oBAAqB,gBAAgB,EACzD,OAAQ,CAAC,iBAAkB,WAAW,EACtC,MAAO,CAAC,eAAe,EACvB,IAAK,CAAC,aAAa,CACrB,EACA,WAAY,CACV,KAAM,oBACR,EACA,UAAW,CACT,KAAM,sBACR,CACF,EACA,gBAAiB,CACf,SAAU,SACV,YAAa,EACf,CACF,CACF,EAEaC,EAAcD,EAAAA,IAAI,CAAC,mBAAoB,eAAgB,oBAAoB,EAAG,CACzF,SAAU,CACR,UAAW,CACT,KAAM,QACR,EACA,WAAY,CACV,KAAM,uBACR,EACA,SAAU,CACR,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,WACT,EACA,UAAW,CACT,IAAK,GACL,IAAK,EACP,EACA,WAAY,CACV,KAAM,YACR,EACA,UAAW,CACT,KAAM,aACR,EACA,SAAU,CACR,OAAQ,4BACR,IAAK,CAAC,SAAU,6BAA6B,EAC7C,OAAQ,CAAC,SAAU,6BAA6B,EAChD,MAAO,CAAC,SAAU,6BAA6B,EAC/C,IAAK,CAAC,SAAU,6BAA6B,CAC/C,CACF,EACA,gBAAiB,CACf,SAAU,QACZ,EACA,iBAAkB,CAChB,CACE,SAAU,SACV,WAAY,GACZ,UAAW,YACb,EACA,CACE,SAAU,SACV,UAAW,GACX,UAAW,aACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,mBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,+BACb,EACA,CACE,SAAU,SACV,WAAY,GACZ,UAAW,sBACb,EACA,CACE,SAAU,SACV,UAAW,GACX,UAAW,kCACb,EACA,CACE,SAAU,QACV,WAAY,GACZ,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,QACV,WAAY,GACZ,UAAW,MACX,UAAW,qBACb,EACA,CACE,SAAU,QACV,UAAW,GACX,UAAW,MACX,UAAW,mBACb,EACA,CACE,SAAU,QACV,UAAW,GACX,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,MACX,UAAW,qBACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,MACX,UAAW,mBACb,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra33.cjs","sources":["../src/components/overlays/dialog/dialog.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./dialog.vars.css\";\n\nexport const modalOverlayStyles = cva(\n  [\n    \"lyra-dialog\",\n    \"fixed\",\n    \"inset-0\",\n    \"z-50\",\n    \"bg-[--dialog-backdrop-bg]\",\n    \"top-0\",\n    \"bottom-0\",\n    \"left-0\",\n    \"right-0\",\n    \"flex\",\n    \"fill-mode-forwards\",\n  ],\n  {\n    variants: {\n      disableBlur: {\n        true: \"\",\n        false: \"backdrop-blur-[--dialog-backdrop-bg-blur]\",\n      },\n      position: {\n        center: [\"justify-center\", \"items-center\"],\n        top: [\"item-start\", \"place-items-start\", \"justify-center\"],\n        bottom: [\"justify-center\", \"items-end\"],\n        start: [\"justify-start\"],\n        end: [\"justify-end\"],\n      },\n      isEntering: {\n        true: \"animate-in fade-in\",\n      },\n      isExiting: {\n        true: \"animate-out fade-out\",\n      },\n    },\n    defaultVariants: {\n      position: \"center\",\n      disableBlur: false,\n    },\n  },\n);\n\nexport const modalStyles = cva([\"bg-[--dialog-bg]\", \"outline-none\", \"fill-mode-forwards\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n    },\n    fullScreen: {\n      true: \"w-screen min-h-screen\",\n    },\n    maxWidth: {\n      xs: \"max-w-xs\",\n      sm: \"max-w-sm\",\n      md: \"max-w-md\",\n      lg: \"max-w-lg\",\n      xl: \"max-w-xl\",\n      \"2xl\": \"max-w-2xl\",\n      \"3xl\": \"max-w-3xl\",\n      \"4xl\": \"max-w-4xl\",\n      \"5xl\": \"max-w-5xl\",\n      \"6xl\": \"max-w-6xl\",\n      \"7xl\": \"max-w-7xl\",\n    },\n    direction: {\n      ltr: \"\",\n      rtl: \"\",\n    },\n    isEntering: {\n      true: \"animate-in\",\n    },\n    isExiting: {\n      true: \"animate-out\",\n    },\n    position: {\n      center: \"rounded-[--dialog-radius]\",\n      top: [\"w-full\", \"rounded-b-[--dialog-radius]\"],\n      bottom: [\"w-full\", \"rounded-t-[--dialog-radius]\"],\n      start: [\"h-full\", \"rounded-e-[--dialog-radius]\"],\n      end: [\"h-full\", \"rounded-s-[--dialog-radius]\"],\n    },\n  },\n  defaultVariants: {\n    position: \"center\",\n  },\n  compoundVariants: [\n    {\n      position: \"center\",\n      isEntering: true,\n      className: \"zoom-in-95\",\n    },\n    {\n      position: \"center\",\n      isExiting: true,\n      className: \"zoom-out-95\",\n    },\n    {\n      position: \"top\",\n      isEntering: true,\n      className: \"slide-in-from-top\",\n    },\n    {\n      position: \"top\",\n      isExiting: true,\n      className: \"slide-out-to-top duration-200\",\n    },\n    {\n      position: \"bottom\",\n      isEntering: true,\n      className: \"slide-in-from-bottom\",\n    },\n    {\n      position: \"bottom\",\n      isExiting: true,\n      className: \"slide-out-to-bottom duration-200\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-left\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-left\",\n    },\n  ],\n});\n"],"names":["modalOverlayStyles","cva","modalStyles"],"mappings":"yIAIO,MAAMA,EAAqBC,EAAA,IAChC,CACE,cACA,QACA,UACA,OACA,4BACA,QACA,WACA,SACA,UACA,OACA,oBACF,EACA,CACE,SAAU,CACR,YAAa,CACX,KAAM,GACN,MAAO,2CACT,EACA,SAAU,CACR,OAAQ,CAAC,iBAAkB,cAAc,EACzC,IAAK,CAAC,aAAc,oBAAqB,gBAAgB,EACzD,OAAQ,CAAC,iBAAkB,WAAW,EACtC,MAAO,CAAC,eAAe,EACvB,IAAK,CAAC,aAAa,CACrB,EACA,WAAY,CACV,KAAM,oBACR,EACA,UAAW,CACT,KAAM,sBACR,CACF,EACA,gBAAiB,CACf,SAAU,SACV,YAAa,EACf,CACF,CACF,EAEaC,EAAcD,EAAAA,IAAI,CAAC,mBAAoB,eAAgB,oBAAoB,EAAG,CACzF,SAAU,CACR,UAAW,CACT,KAAM,QACR,EACA,WAAY,CACV,KAAM,uBACR,EACA,SAAU,CACR,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,WACT,EACA,UAAW,CACT,IAAK,GACL,IAAK,EACP,EACA,WAAY,CACV,KAAM,YACR,EACA,UAAW,CACT,KAAM,aACR,EACA,SAAU,CACR,OAAQ,4BACR,IAAK,CAAC,SAAU,6BAA6B,EAC7C,OAAQ,CAAC,SAAU,6BAA6B,EAChD,MAAO,CAAC,SAAU,6BAA6B,EAC/C,IAAK,CAAC,SAAU,6BAA6B,CAC/C,CACF,EACA,gBAAiB,CACf,SAAU,QACZ,EACA,iBAAkB,CAChB,CACE,SAAU,SACV,WAAY,GACZ,UAAW,YACb,EACA,CACE,SAAU,SACV,UAAW,GACX,UAAW,aACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,mBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,+BACb,EACA,CACE,SAAU,SACV,WAAY,GACZ,UAAW,sBACb,EACA,CACE,SAAU,SACV,UAAW,GACX,UAAW,kCACb,EACA,CACE,SAAU,QACV,WAAY,GACZ,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,QACV,WAAY,GACZ,UAAW,MACX,UAAW,qBACb,EACA,CACE,SAAU,QACV,UAAW,GACX,UAAW,MACX,UAAW,mBACb,EACA,CACE,SAAU,QACV,UAAW,GACX,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,MACX,UAAW,qBACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,MACX,UAAW,mBACb,CACF,CACF,CAAC"}

package/dist/lyra33.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra60.js";
-import "./lyra78.js";
+import { cva as t } from "./lyra99.js";
+import "./lyra128.js";
 const o = t(
   [
     "lyra-dialog",

package/dist/lyra330.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra334.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra172.cjs"),b=require("./lyra331.cjs"),M=require("./lyra268.cjs"),E=require("./lyra196.cjs"),S=require("./lyra269.cjs"),d=require("./lyra393.cjs"),j=require("./lyra195.cjs"),g=require("./lyra353.cjs"),q=require("./lyra338.cjs"),k=require("./lyra271.cjs"),D=require("./lyra394.cjs"),B=require("./lyra270.cjs"),w=require("./lyra263.cjs"),x=require("./lyra241.cjs"),R=require("./lyra232.cjs"),G=require("./lyra292.cjs"),T=require("./lyra332.cjs"),y=require("./lyra211.cjs"),L=new WeakMap;class O{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=j.createBox(),this.visualElement=t}start(t,{snapToCursor:s=!1}={}){const{presenceContext:n}=this.visualElement;if(n&&n.isPresent===!1)return;const e=o=>{this.stopAnimation(),s&&this.snapToCursor(k.extractEventInfo(o,"page").point)},r=(o,l)=>{const{drag:c,dragPropagation:u,onDragStart:p}=this.getProps();if(c&&!u&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=M.getGlobalLock(c),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),g.eachAxis(h=>{let v=this.getAxisMotionValue(h).get()||0;if(R.percent.test(v)){const{projection:C}=this.visualElement;if(C&&C.layout){const A=C.layout.layoutBox[h];A&&(v=w.calcLength(A)*(parseFloat(v)/100))}}this.originPoint[h]=v}),p&&y.frame.update(()=>p(o,l),!1,!0);const{animationState:m}=this.visualElement;m&&m.setActive("whileDrag",!0)},i=(o,l)=>{const{dragPropagation:c,dragDirectionLock:u,onDirectionLock:p,onDrag:m}=this.getProps();if(!c&&!this.openGlobalLock)return;const{offset:h}=l;if(u&&this.currentDirection===null){this.currentDirection=W(h),this.currentDirection!==null&&p&&p(this.currentDirection);return}this.updateAxis("x",l.point,h),this.updateAxis("y",l.point,h),this.visualElement.render(),m&&m(o,l)},a=(o,l)=>this.stop(o,l);this.panSession=new b.PanSession(t,{onSessionStart:e,onStart:r,onMove:i,onSessionEnd:a},{transformPagePoint:this.visualElement.getTransformPagePoint(),contextWindow:T.getContextWindow(this.visualElement)})}stop(t,s){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:e}=s;this.startAnimation(e);const{onDragEnd:r}=this.getProps();r&&y.frame.update(()=>r(t,s))}cancel(){this.isDragging=!1;const{projection:t,animationState:s}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),s&&s.setActive("whileDrag",!1)}updateAxis(t,s,n){const{drag:e}=this.getProps();if(!n||!P(t,e,this.currentDirection))return;const r=this.getAxisMotionValue(t);let i=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(i=d.applyConstraints(i,this.constraints[t],this.elastic[t])),r.set(i)}resolveConstraints(){var t;const{dragConstraints:s,dragElastic:n}=this.getProps(),e=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(t=this.visualElement.projection)===null||t===void 0?void 0:t.layout,r=this.constraints;s&&E.isRefObject(s)?this.constraints||(this.constraints=this.resolveRefConstraints()):s&&e?this.constraints=d.calcRelativeConstraints(e.layoutBox,s):this.constraints=!1,this.elastic=d.resolveDragElastic(n),r!==this.constraints&&e&&this.constraints&&!this.hasMutatedConstraints&&g.eachAxis(i=>{this.getAxisMotionValue(i)&&(this.constraints[i]=d.rebaseAxisConstraints(e.layoutBox[i],this.constraints[i]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:s}=this.getProps();if(!t||!E.isRefObject(t))return!1;const n=t.current;V.invariant(n!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:e}=this.visualElement;if(!e||!e.layout)return!1;const r=q.measurePageBox(n,e.root,this.visualElement.getTransformPagePoint());let i=d.calcViewportConstraints(e.layout.layoutBox,r);if(s){const a=s(D.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!a,a&&(i=D.convertBoundingBoxToBox(a))}return i}startAnimation(t){const{drag:s,dragMomentum:n,dragElastic:e,dragTransition:r,dragSnapToOrigin:i,onDragTransitionEnd:a}=this.getProps(),o=this.constraints||{},l=g.eachAxis(c=>{if(!P(c,s,this.currentDirection))return;let u=o&&o[c]||{};i&&(u={min:0,max:0});const p=e?200:1e6,m=e?40:1e7,h={type:"inertia",velocity:n?t[c]:0,bounceStiffness:p,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...r,...u};return this.startAxisValueAnimation(c,h)});return Promise.all(l).then(a)}startAxisValueAnimation(t,s){const n=this.getAxisMotionValue(t);return n.start(G.animateMotionValue(t,n,0,s))}stopAnimation(){g.eachAxis(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const s="_drag"+t.toUpperCase(),n=this.visualElement.getProps(),e=n[s];return e||this.visualElement.getValue(t,(n.initial?n.initial[t]:void 0)||0)}snapToCursor(t){g.eachAxis(s=>{const{drag:n}=this.getProps();if(!P(s,n,this.currentDirection))return;const{projection:e}=this.visualElement,r=this.getAxisMotionValue(s);if(e&&e.layout){const{min:i,max:a}=e.layout.layoutBox[s];r.set(t[s]-x.mix(i,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:s}=this.getProps(),{projection:n}=this.visualElement;if(!E.isRefObject(s)||!n||!this.constraints)return;this.stopAnimation();const e={x:0,y:0};g.eachAxis(i=>{const a=this.getAxisMotionValue(i);if(a){const o=a.get();e[i]=d.calcOrigin({min:o,max:o},this.constraints[i])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),g.eachAxis(i=>{if(!P(i,t,null))return;const a=this.getAxisMotionValue(i),{min:o,max:l}=this.constraints[i];a.set(x.mix(o,l,e[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,s=S.addPointerEvent(t,"pointerdown",o=>{const{drag:l,dragListener:c=!0}=this.getProps();l&&c&&this.start(o)}),n=()=>{const{dragConstraints:o}=this.getProps();E.isRefObject(o)&&(this.constraints=this.resolveRefConstraints())},{projection:e}=this.visualElement,r=e.addEventListener("measure",n);e&&!e.layout&&(e.root&&e.root.updateScroll(),e.updateLayout()),n();const i=B.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),a=e.addEventListener("didUpdate",({delta:o,hasLayoutChanged:l})=>{this.isDragging&&l&&(g.eachAxis(c=>{const u=this.getAxisMotionValue(c);u&&(this.originPoint[c]+=o[c].translate,u.set(u.get()+o[c].translate))}),this.visualElement.render())});return()=>{i(),s(),r(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:s=!1,dragDirectionLock:n=!1,dragPropagation:e=!1,dragConstraints:r=!1,dragElastic:i=d.defaultElastic,dragMomentum:a=!0}=t;return{...t,drag:s,dragDirectionLock:n,dragPropagation:e,dragConstraints:r,dragElastic:i,dragMomentum:a}}}function P(f,t,s){return(t===!0||t===f)&&(s===null||s===f)}function W(f,t=10){let s=null;return Math.abs(f.y)>t?s="y":Math.abs(f.x)>t&&(s="x"),s}exports.VisualElementDragControls=O;exports.elementDragControls=L;

package/dist/lyra330.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra330.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":"iHAEMA,EAAuB,KAAO,CAChC,GAAGC,wBAAuB,EAC1B,MAAO,CAAE,CACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra330.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs"],"sourcesContent":["import { invariant } from '../../utils/errors.mjs';\nimport { PanSession } from '../pan/PanSession.mjs';\nimport { getGlobalLock } from './utils/lock.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, calcOrigin } from './utils/constraints.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { eachAxis } from '../../projection/utils/each-axis.mjs';\nimport { measurePageBox } from '../../projection/utils/measure.mjs';\nimport { extractEventInfo } from '../../events/event-info.mjs';\nimport { convertBoxToBoundingBox, convertBoundingBoxToBox } from '../../projection/geometry/conversion.mjs';\nimport { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { calcLength } from '../../projection/geometry/delta-calc.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { animateMotionValue } from '../../animation/interfaces/motion-value.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst elementDragControls = new WeakMap();\n/**\n *\n */\n// let latestPointerEvent: PointerEvent\nclass VisualElementDragControls {\n    constructor(visualElement) {\n        // This is a reference to the global drag gesture lock, ensuring only one component\n        // can \"capture\" the drag of one or both axes.\n        // TODO: Look into moving this into pansession?\n        this.openGlobalLock = null;\n        this.isDragging = false;\n        this.currentDirection = null;\n        this.originPoint = { x: 0, y: 0 };\n        /**\n         * The permitted boundaries of travel, in pixels.\n         */\n        this.constraints = false;\n        this.hasMutatedConstraints = false;\n        /**\n         * The per-axis resolved elastic values.\n         */\n        this.elastic = createBox();\n        this.visualElement = visualElement;\n    }\n    start(originEvent, { snapToCursor = false } = {}) {\n        /**\n         * Don't start dragging if this component is exiting\n         */\n        const { presenceContext } = this.visualElement;\n        if (presenceContext && presenceContext.isPresent === false)\n            return;\n        const onSessionStart = (event) => {\n            // Stop any animations on both axis values immediately. This allows the user to throw and catch\n            // the component.\n            this.stopAnimation();\n            if (snapToCursor) {\n                this.snapToCursor(extractEventInfo(event, \"page\").point);\n            }\n        };\n        const onStart = (event, info) => {\n            // Attempt to grab the global drag gesture lock - maybe make this part of PanSession\n            const { drag, dragPropagation, onDragStart } = this.getProps();\n            if (drag && !dragPropagation) {\n                if (this.openGlobalLock)\n                    this.openGlobalLock();\n                this.openGlobalLock = getGlobalLock(drag);\n                // If we don 't have the lock, don't start dragging\n                if (!this.openGlobalLock)\n                    return;\n            }\n            this.isDragging = true;\n            this.currentDirection = null;\n            this.resolveConstraints();\n            if (this.visualElement.projection) {\n                this.visualElement.projection.isAnimationBlocked = true;\n                this.visualElement.projection.target = undefined;\n            }\n            /**\n             * Record gesture origin\n             */\n            eachAxis((axis) => {\n                let current = this.getAxisMotionValue(axis).get() || 0;\n                /**\n                 * If the MotionValue is a percentage value convert to px\n                 */\n                if (percent.test(current)) {\n                    const { projection } = this.visualElement;\n                    if (projection && projection.layout) {\n                        const measuredAxis = projection.layout.layoutBox[axis];\n                        if (measuredAxis) {\n                            const length = calcLength(measuredAxis);\n                            current = length * (parseFloat(current) / 100);\n                        }\n                    }\n                }\n                this.originPoint[axis] = current;\n            });\n            // Fire onDragStart event\n            if (onDragStart) {\n                frame.update(() => onDragStart(event, info), false, true);\n            }\n            const { animationState } = this.visualElement;\n            animationState && animationState.setActive(\"whileDrag\", true);\n        };\n        const onMove = (event, info) => {\n            // latestPointerEvent = event\n            const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag, } = this.getProps();\n            // If we didn't successfully receive the gesture lock, early return.\n            if (!dragPropagation && !this.openGlobalLock)\n                return;\n            const { offset } = info;\n            // Attempt to detect drag direction if directionLock is true\n            if (dragDirectionLock && this.currentDirection === null) {\n                this.currentDirection = getCurrentDirection(offset);\n                // If we've successfully set a direction, notify listener\n                if (this.currentDirection !== null) {\n                    onDirectionLock && onDirectionLock(this.currentDirection);\n                }\n                return;\n            }\n            // Update each point with the latest position\n            this.updateAxis(\"x\", info.point, offset);\n            this.updateAxis(\"y\", info.point, offset);\n            /**\n             * Ideally we would leave the renderer to fire naturally at the end of\n             * this frame but if the element is about to change layout as the result\n             * of a re-render we want to ensure the browser can read the latest\n             * bounding box to ensure the pointer and element don't fall out of sync.\n             */\n            this.visualElement.render();\n            /**\n             * This must fire after the render call as it might trigger a state\n             * change which itself might trigger a layout update.\n             */\n            onDrag && onDrag(event, info);\n        };\n        const onSessionEnd = (event, info) => this.stop(event, info);\n        this.panSession = new PanSession(originEvent, {\n            onSessionStart,\n            onStart,\n            onMove,\n            onSessionEnd,\n        }, {\n            transformPagePoint: this.visualElement.getTransformPagePoint(),\n            contextWindow: getContextWindow(this.visualElement),\n        });\n    }\n    stop(event, info) {\n        const isDragging = this.isDragging;\n        this.cancel();\n        if (!isDragging)\n            return;\n        const { velocity } = info;\n        this.startAnimation(velocity);\n        const { onDragEnd } = this.getProps();\n        if (onDragEnd) {\n            frame.update(() => onDragEnd(event, info));\n        }\n    }\n    cancel() {\n        this.isDragging = false;\n        const { projection, animationState } = this.visualElement;\n        if (projection) {\n            projection.isAnimationBlocked = false;\n        }\n        this.panSession && this.panSession.end();\n        this.panSession = undefined;\n        const { dragPropagation } = this.getProps();\n        if (!dragPropagation && this.openGlobalLock) {\n            this.openGlobalLock();\n            this.openGlobalLock = null;\n        }\n        animationState && animationState.setActive(\"whileDrag\", false);\n    }\n    updateAxis(axis, _point, offset) {\n        const { drag } = this.getProps();\n        // If we're not dragging this axis, do an early return.\n        if (!offset || !shouldDrag(axis, drag, this.currentDirection))\n            return;\n        const axisValue = this.getAxisMotionValue(axis);\n        let next = this.originPoint[axis] + offset[axis];\n        // Apply constraints\n        if (this.constraints && this.constraints[axis]) {\n            next = applyConstraints(next, this.constraints[axis], this.elastic[axis]);\n        }\n        axisValue.set(next);\n    }\n    resolveConstraints() {\n        var _a;\n        const { dragConstraints, dragElastic } = this.getProps();\n        const layout = this.visualElement.projection &&\n            !this.visualElement.projection.layout\n            ? this.visualElement.projection.measure(false)\n            : (_a = this.visualElement.projection) === null || _a === void 0 ? void 0 : _a.layout;\n        const prevConstraints = this.constraints;\n        if (dragConstraints && isRefObject(dragConstraints)) {\n            if (!this.constraints) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        }\n        else {\n            if (dragConstraints && layout) {\n                this.constraints = calcRelativeConstraints(layout.layoutBox, dragConstraints);\n            }\n            else {\n                this.constraints = false;\n            }\n        }\n        this.elastic = resolveDragElastic(dragElastic);\n        /**\n         * If we're outputting to external MotionValues, we want to rebase the measured constraints\n         * from viewport-relative to component-relative.\n         */\n        if (prevConstraints !== this.constraints &&\n            layout &&\n            this.constraints &&\n            !this.hasMutatedConstraints) {\n            eachAxis((axis) => {\n                if (this.getAxisMotionValue(axis)) {\n                    this.constraints[axis] = rebaseAxisConstraints(layout.layoutBox[axis], this.constraints[axis]);\n                }\n            });\n        }\n    }\n    resolveRefConstraints() {\n        const { dragConstraints: constraints, onMeasureDragConstraints } = this.getProps();\n        if (!constraints || !isRefObject(constraints))\n            return false;\n        const constraintsElement = constraints.current;\n        invariant(constraintsElement !== null, \"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.\");\n        const { projection } = this.visualElement;\n        // TODO\n        if (!projection || !projection.layout)\n            return false;\n        const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());\n        let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);\n        /**\n         * If there's an onMeasureDragConstraints listener we call it and\n         * if different constraints are returned, set constraints to that\n         */\n        if (onMeasureDragConstraints) {\n            const userConstraints = onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));\n            this.hasMutatedConstraints = !!userConstraints;\n            if (userConstraints) {\n                measuredConstraints = convertBoundingBoxToBox(userConstraints);\n            }\n        }\n        return measuredConstraints;\n    }\n    startAnimation(velocity) {\n        const { drag, dragMomentum, dragElastic, dragTransition, dragSnapToOrigin, onDragTransitionEnd, } = this.getProps();\n        const constraints = this.constraints || {};\n        const momentumAnimations = eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, this.currentDirection)) {\n                return;\n            }\n            let transition = (constraints && constraints[axis]) || {};\n            if (dragSnapToOrigin)\n                transition = { min: 0, max: 0 };\n            /**\n             * Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame\n             * of spring animations so we should look into adding a disable spring option to `inertia`.\n             * We could do something here where we affect the `bounceStiffness` and `bounceDamping`\n             * using the value of `dragElastic`.\n             */\n            const bounceStiffness = dragElastic ? 200 : 1000000;\n            const bounceDamping = dragElastic ? 40 : 10000000;\n            const inertia = {\n                type: \"inertia\",\n                velocity: dragMomentum ? velocity[axis] : 0,\n                bounceStiffness,\n                bounceDamping,\n                timeConstant: 750,\n                restDelta: 1,\n                restSpeed: 10,\n                ...dragTransition,\n                ...transition,\n            };\n            // If we're not animating on an externally-provided `MotionValue` we can use the\n            // component's animation controls which will handle interactions with whileHover (etc),\n            // otherwise we just have to animate the `MotionValue` itself.\n            return this.startAxisValueAnimation(axis, inertia);\n        });\n        // Run all animations and then resolve the new drag constraints.\n        return Promise.all(momentumAnimations).then(onDragTransitionEnd);\n    }\n    startAxisValueAnimation(axis, transition) {\n        const axisValue = this.getAxisMotionValue(axis);\n        return axisValue.start(animateMotionValue(axis, axisValue, 0, transition));\n    }\n    stopAnimation() {\n        eachAxis((axis) => this.getAxisMotionValue(axis).stop());\n    }\n    /**\n     * Drag works differently depending on which props are provided.\n     *\n     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.\n     * - Otherwise, we apply the delta to the x/y motion values.\n     */\n    getAxisMotionValue(axis) {\n        const dragKey = \"_drag\" + axis.toUpperCase();\n        const props = this.visualElement.getProps();\n        const externalMotionValue = props[dragKey];\n        return externalMotionValue\n            ? externalMotionValue\n            : this.visualElement.getValue(axis, (props.initial ? props.initial[axis] : undefined) || 0);\n    }\n    snapToCursor(point) {\n        eachAxis((axis) => {\n            const { drag } = this.getProps();\n            // If we're not dragging this axis, do an early return.\n            if (!shouldDrag(axis, drag, this.currentDirection))\n                return;\n            const { projection } = this.visualElement;\n            const axisValue = this.getAxisMotionValue(axis);\n            if (projection && projection.layout) {\n                const { min, max } = projection.layout.layoutBox[axis];\n                axisValue.set(point[axis] - mix(min, max, 0.5));\n            }\n        });\n    }\n    /**\n     * When the viewport resizes we want to check if the measured constraints\n     * have changed and, if so, reposition the element within those new constraints\n     * relative to where it was before the resize.\n     */\n    scalePositionWithinConstraints() {\n        if (!this.visualElement.current)\n            return;\n        const { drag, dragConstraints } = this.getProps();\n        const { projection } = this.visualElement;\n        if (!isRefObject(dragConstraints) || !projection || !this.constraints)\n            return;\n        /**\n         * Stop current animations as there can be visual glitching if we try to do\n         * this mid-animation\n         */\n        this.stopAnimation();\n        /**\n         * Record the relative position of the dragged element relative to the\n         * constraints box and save as a progress value.\n         */\n        const boxProgress = { x: 0, y: 0 };\n        eachAxis((axis) => {\n            const axisValue = this.getAxisMotionValue(axis);\n            if (axisValue) {\n                const latest = axisValue.get();\n                boxProgress[axis] = calcOrigin({ min: latest, max: latest }, this.constraints[axis]);\n            }\n        });\n        /**\n         * Update the layout of this element and resolve the latest drag constraints\n         */\n        const { transformTemplate } = this.visualElement.getProps();\n        this.visualElement.current.style.transform = transformTemplate\n            ? transformTemplate({}, \"\")\n            : \"none\";\n        projection.root && projection.root.updateScroll();\n        projection.updateLayout();\n        this.resolveConstraints();\n        /**\n         * For each axis, calculate the current progress of the layout axis\n         * within the new constraints.\n         */\n        eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, null))\n                return;\n            /**\n             * Calculate a new transform based on the previous box progress\n             */\n            const axisValue = this.getAxisMotionValue(axis);\n            const { min, max } = this.constraints[axis];\n            axisValue.set(mix(min, max, boxProgress[axis]));\n        });\n    }\n    addListeners() {\n        if (!this.visualElement.current)\n            return;\n        elementDragControls.set(this.visualElement, this);\n        const element = this.visualElement.current;\n        /**\n         * Attach a pointerdown event listener on this DOM element to initiate drag tracking.\n         */\n        const stopPointerListener = addPointerEvent(element, \"pointerdown\", (event) => {\n            const { drag, dragListener = true } = this.getProps();\n            drag && dragListener && this.start(event);\n        });\n        const measureDragConstraints = () => {\n            const { dragConstraints } = this.getProps();\n            if (isRefObject(dragConstraints)) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        };\n        const { projection } = this.visualElement;\n        const stopMeasureLayoutListener = projection.addEventListener(\"measure\", measureDragConstraints);\n        if (projection && !projection.layout) {\n            projection.root && projection.root.updateScroll();\n            projection.updateLayout();\n        }\n        measureDragConstraints();\n        /**\n         * Attach a window resize listener to scale the draggable target within its defined\n         * constraints as the window resizes.\n         */\n        const stopResizeListener = addDomEvent(window, \"resize\", () => this.scalePositionWithinConstraints());\n        /**\n         * If the element's layout changes, calculate the delta and apply that to\n         * the drag gesture's origin point.\n         */\n        const stopLayoutUpdateListener = projection.addEventListener(\"didUpdate\", (({ delta, hasLayoutChanged }) => {\n            if (this.isDragging && hasLayoutChanged) {\n                eachAxis((axis) => {\n                    const motionValue = this.getAxisMotionValue(axis);\n                    if (!motionValue)\n                        return;\n                    this.originPoint[axis] += delta[axis].translate;\n                    motionValue.set(motionValue.get() + delta[axis].translate);\n                });\n                this.visualElement.render();\n            }\n        }));\n        return () => {\n            stopResizeListener();\n            stopPointerListener();\n            stopMeasureLayoutListener();\n            stopLayoutUpdateListener && stopLayoutUpdateListener();\n        };\n    }\n    getProps() {\n        const props = this.visualElement.getProps();\n        const { drag = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true, } = props;\n        return {\n            ...props,\n            drag,\n            dragDirectionLock,\n            dragPropagation,\n            dragConstraints,\n            dragElastic,\n            dragMomentum,\n        };\n    }\n}\nfunction shouldDrag(direction, drag, currentDirection) {\n    return ((drag === true || drag === direction) &&\n        (currentDirection === null || currentDirection === direction));\n}\n/**\n * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower\n * than the provided threshold, return `null`.\n *\n * @param offset - The x/y offset from origin.\n * @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.\n */\nfunction getCurrentDirection(offset, lockThreshold = 10) {\n    let direction = null;\n    if (Math.abs(offset.y) > lockThreshold) {\n        direction = \"y\";\n    }\n    else if (Math.abs(offset.x) > lockThreshold) {\n        direction = \"x\";\n    }\n    return direction;\n}\n\nexport { VisualElementDragControls, elementDragControls };\n"],"names":["elementDragControls","VisualElementDragControls","visualElement","createBox","originEvent","snapToCursor","presenceContext","onSessionStart","event","extractEventInfo","onStart","info","drag","dragPropagation","onDragStart","getGlobalLock","eachAxis","axis","current","percent","projection","measuredAxis","calcLength","frame","animationState","onMove","dragDirectionLock","onDirectionLock","onDrag","offset","getCurrentDirection","onSessionEnd","PanSession","getContextWindow","isDragging","velocity","onDragEnd","_point","shouldDrag","axisValue","next","applyConstraints","_a","dragConstraints","dragElastic","layout","prevConstraints","isRefObject","calcRelativeConstraints","resolveDragElastic","rebaseAxisConstraints","constraints","onMeasureDragConstraints","constraintsElement","invariant","constraintsBox","measurePageBox","measuredConstraints","calcViewportConstraints","userConstraints","convertBoxToBoundingBox","convertBoundingBoxToBox","dragMomentum","dragTransition","dragSnapToOrigin","onDragTransitionEnd","momentumAnimations","transition","bounceStiffness","bounceDamping","inertia","animateMotionValue","dragKey","props","externalMotionValue","point","min","max","mix","boxProgress","latest","calcOrigin","transformTemplate","element","stopPointerListener","addPointerEvent","dragListener","measureDragConstraints","stopMeasureLayoutListener","stopResizeListener","addDomEvent","stopLayoutUpdateListener","delta","hasLayoutChanged","motionValue","defaultElastic","direction","currentDirection","lockThreshold"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra330.js

@@ -1,8 +1,239 @@
-import { createHtmlRenderState as t } from "./lyra334.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+import { invariant as A } from "./lyra172.js";
+import { PanSession as L } from "./lyra331.js";
+import { getGlobalLock as x } from "./lyra268.js";
+import { isRefObject as v } from "./lyra196.js";
+import { addPointerEvent as M } from "./lyra269.js";
+import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as w } from "./lyra393.js";
+import { createBox as G } from "./lyra195.js";
+import { eachAxis as m } from "./lyra353.js";
+import { measurePageBox as T } from "./lyra338.js";
+import { extractEventInfo as R } from "./lyra271.js";
+import { convertBoxToBoundingBox as W, convertBoundingBoxToBox as O } from "./lyra394.js";
+import { addDomEvent as U } from "./lyra270.js";
+import { calcLength as _ } from "./lyra263.js";
+import { mix as D } from "./lyra241.js";
+import { percent as z } from "./lyra232.js";
+import { animateMotionValue as I } from "./lyra292.js";
+import { getContextWindow as F } from "./lyra332.js";
+import { frame as y } from "./lyra211.js";
+const K = /* @__PURE__ */ new WeakMap();
+class ht {
+  constructor(t) {
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = G(), this.visualElement = t;
+  }
+  start(t, { snapToCursor: s = !1 } = {}) {
+    const { presenceContext: i } = this.visualElement;
+    if (i && i.isPresent === !1)
+      return;
+    const n = (e) => {
+      this.stopAnimation(), s && this.snapToCursor(R(e, "page").point);
+    }, r = (e, l) => {
+      const { drag: c, dragPropagation: u, onDragStart: p } = this.getProps();
+      if (c && !u && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = x(c), !this.openGlobalLock))
+        return;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), m((h) => {
+        let d = this.getAxisMotionValue(h).get() || 0;
+        if (z.test(d)) {
+          const { projection: P } = this.visualElement;
+          if (P && P.layout) {
+            const C = P.layout.layoutBox[h];
+            C && (d = _(C) * (parseFloat(d) / 100));
+          }
+        }
+        this.originPoint[h] = d;
+      }), p && y.update(() => p(e, l), !1, !0);
+      const { animationState: g } = this.visualElement;
+      g && g.setActive("whileDrag", !0);
+    }, o = (e, l) => {
+      const { dragPropagation: c, dragDirectionLock: u, onDirectionLock: p, onDrag: g } = this.getProps();
+      if (!c && !this.openGlobalLock)
+        return;
+      const { offset: h } = l;
+      if (u && this.currentDirection === null) {
+        this.currentDirection = q(h), this.currentDirection !== null && p && p(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", l.point, h), this.updateAxis("y", l.point, h), this.visualElement.render(), g && g(e, l);
+    }, a = (e, l) => this.stop(e, l);
+    this.panSession = new L(t, {
+      onSessionStart: n,
+      onStart: r,
+      onMove: o,
+      onSessionEnd: a
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      contextWindow: F(this.visualElement)
+    });
+  }
+  stop(t, s) {
+    const i = this.isDragging;
+    if (this.cancel(), !i)
+      return;
+    const { velocity: n } = s;
+    this.startAnimation(n);
+    const { onDragEnd: r } = this.getProps();
+    r && y.update(() => r(t, s));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: s } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: i } = this.getProps();
+    !i && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), s && s.setActive("whileDrag", !1);
+  }
+  updateAxis(t, s, i) {
+    const { drag: n } = this.getProps();
+    if (!i || !E(t, n, this.currentDirection))
+      return;
+    const r = this.getAxisMotionValue(t);
+    let o = this.originPoint[t] + i[t];
+    this.constraints && this.constraints[t] && (o = V(o, this.constraints[t], this.elastic[t])), r.set(o);
+  }
+  resolveConstraints() {
+    var t;
+    const { dragConstraints: s, dragElastic: i } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, r = this.constraints;
+    s && v(s) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : s && n ? this.constraints = b(n.layoutBox, s) : this.constraints = !1, this.elastic = S(i), r !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && m((o) => {
+      this.getAxisMotionValue(o) && (this.constraints[o] = k(n.layoutBox[o], this.constraints[o]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: s } = this.getProps();
+    if (!t || !v(t))
+      return !1;
+    const i = t.current;
+    A(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: n } = this.visualElement;
+    if (!n || !n.layout)
+      return !1;
+    const r = T(i, n.root, this.visualElement.getTransformPagePoint());
+    let o = B(n.layout.layoutBox, r);
+    if (s) {
+      const a = s(W(o));
+      this.hasMutatedConstraints = !!a, a && (o = O(a));
+    }
+    return o;
+  }
+  startAnimation(t) {
+    const { drag: s, dragMomentum: i, dragElastic: n, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), e = this.constraints || {}, l = m((c) => {
+      if (!E(c, s, this.currentDirection))
+        return;
+      let u = e && e[c] || {};
+      o && (u = { min: 0, max: 0 });
+      const p = n ? 200 : 1e6, g = n ? 40 : 1e7, h = {
+        type: "inertia",
+        velocity: i ? t[c] : 0,
+        bounceStiffness: p,
+        bounceDamping: g,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...r,
+        ...u
+      };
+      return this.startAxisValueAnimation(c, h);
+    });
+    return Promise.all(l).then(a);
+  }
+  startAxisValueAnimation(t, s) {
+    const i = this.getAxisMotionValue(t);
+    return i.start(I(t, i, 0, s));
+  }
+  stopAnimation() {
+    m((t) => this.getAxisMotionValue(t).stop());
+  }
+  /**
+   * Drag works differently depending on which props are provided.
+   *
+   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+   * - Otherwise, we apply the delta to the x/y motion values.
+   */
+  getAxisMotionValue(t) {
+    const s = "_drag" + t.toUpperCase(), i = this.visualElement.getProps(), n = i[s];
+    return n || this.visualElement.getValue(t, (i.initial ? i.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    m((s) => {
+      const { drag: i } = this.getProps();
+      if (!E(s, i, this.currentDirection))
+        return;
+      const { projection: n } = this.visualElement, r = this.getAxisMotionValue(s);
+      if (n && n.layout) {
+        const { min: o, max: a } = n.layout.layoutBox[s];
+        r.set(t[s] - D(o, a, 0.5));
+      }
+    });
+  }
+  /**
+   * When the viewport resizes we want to check if the measured constraints
+   * have changed and, if so, reposition the element within those new constraints
+   * relative to where it was before the resize.
+   */
+  scalePositionWithinConstraints() {
+    if (!this.visualElement.current)
+      return;
+    const { drag: t, dragConstraints: s } = this.getProps(), { projection: i } = this.visualElement;
+    if (!v(s) || !i || !this.constraints)
+      return;
+    this.stopAnimation();
+    const n = { x: 0, y: 0 };
+    m((o) => {
+      const a = this.getAxisMotionValue(o);
+      if (a) {
+        const e = a.get();
+        n[o] = j({ min: e, max: e }, this.constraints[o]);
+      }
+    });
+    const { transformTemplate: r } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), m((o) => {
+      if (!E(o, t, null))
+        return;
+      const a = this.getAxisMotionValue(o), { min: e, max: l } = this.constraints[o];
+      a.set(D(e, l, n[o]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    K.set(this.visualElement, this);
+    const t = this.visualElement.current, s = M(t, "pointerdown", (e) => {
+      const { drag: l, dragListener: c = !0 } = this.getProps();
+      l && c && this.start(e);
+    }), i = () => {
+      const { dragConstraints: e } = this.getProps();
+      v(e) && (this.constraints = this.resolveRefConstraints());
+    }, { projection: n } = this.visualElement, r = n.addEventListener("measure", i);
+    n && !n.layout && (n.root && n.root.updateScroll(), n.updateLayout()), i();
+    const o = U(window, "resize", () => this.scalePositionWithinConstraints()), a = n.addEventListener("didUpdate", ({ delta: e, hasLayoutChanged: l }) => {
+      this.isDragging && l && (m((c) => {
+        const u = this.getAxisMotionValue(c);
+        u && (this.originPoint[c] += e[c].translate, u.set(u.get() + e[c].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      o(), s(), r(), a && a();
+    };
+  }
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: s = !1, dragDirectionLock: i = !1, dragPropagation: n = !1, dragConstraints: r = !1, dragElastic: o = w, dragMomentum: a = !0 } = t;
+    return {
+      ...t,
+      drag: s,
+      dragDirectionLock: i,
+      dragPropagation: n,
+      dragConstraints: r,
+      dragElastic: o,
+      dragMomentum: a
+    };
+  }
+}
+function E(f, t, s) {
+  return (t === !0 || t === f) && (s === null || s === f);
+}
+function q(f, t = 10) {
+  let s = null;
+  return Math.abs(f.y) > t ? s = "y" : Math.abs(f.x) > t && (s = "x"), s;
+}
 export {
-  r as createSvgRenderState
+  ht as VisualElementDragControls,
+  K as elementDragControls
 };