@new-black/lyra 0.1.11 → 0.1.12

package/dist/lyra319.js

@@ -1,9 +1,116 @@
-import { number as o } from "./lyra238.js";
-import { px as r, percent as m, degrees as t, vw as i, vh as n } from "./lyra239.js";
-import { testValueType as p } from "./lyra320.js";
-import { auto as s } from "./lyra395.js";
-const f = [o, r, m, t, i, n, s], l = (e) => f.find(p(e));
+import { isAnimationControls as _ } from "./lyra266.js";
+import { isKeyframesTarget as R } from "./lyra298.js";
+import { shallowCompare as D } from "./lyra393.js";
+import { isVariantLabel as z } from "./lyra204.js";
+import { resolveVariant as H } from "./lyra177.js";
+import { variantPriorityOrder as x } from "./lyra209.js";
+import { animateVisualElement as j } from "./lyra176.js";
+const q = [...x].reverse(), G = x.length;
+function J(e) {
+  return (s) => Promise.all(s.map(({ animation: f, options: y }) => j(e, f, y)));
+}
+function ee(e) {
+  let s = J(e);
+  const f = Q();
+  let y = !0;
+  const L = (i, c) => {
+    const l = H(e, c);
+    if (l) {
+      const { transition: p, transitionEnd: u, ...o } = l;
+      i = { ...i, ...o, ...u };
+    }
+    return i;
+  };
+  function B(i) {
+    s = i(e);
+  }
+  function C(i, c) {
+    const l = e.getProps(), p = e.getVariantContext(!0) || {}, u = [], o = /* @__PURE__ */ new Set();
+    let d = {}, I = 1 / 0;
+    for (let m = 0; m < G; m++) {
+      const r = q[m], t = f[r], a = l[r] !== void 0 ? l[r] : p[r], V = z(a), P = r === c ? t.isActive : null;
+      P === !1 && (I = m);
+      let g = a === p[r] && a !== l[r] && V;
+      if (g && y && e.manuallyAnimateOnMount && (g = !1), t.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
+      !t.isActive && P === null || // If we didn't and don't have any defined prop for this animation type
+      !a && !t.prevProp || // Or if the prop doesn't define an animation
+      _(a) || typeof a == "boolean")
+        continue;
+      const b = N(t.prevProp, a);
+      let w = b || // If we're making this variant active, we want to always make it active
+      r === c && t.isActive && !g && V || // If we removed a higher-priority variant (i is in reverse order)
+      m > I && V;
+      const k = Array.isArray(a) ? a : [a];
+      let A = k.reduce(L, {});
+      P === !1 && (A = {});
+      const { prevResolvedValues: O = {} } = t, M = {
+        ...O,
+        ...A
+      }, K = (n) => {
+        w = !0, o.delete(n), t.needsAnimating[n] = !0;
+      };
+      for (const n in M) {
+        const h = A[n], T = O[n];
+        d.hasOwnProperty(n) || (h !== T ? R(h) && R(T) ? !D(h, T) || b ? K(n) : t.protectedKeys[n] = !0 : h !== void 0 ? K(n) : o.add(n) : h !== void 0 && o.has(n) ? K(n) : t.protectedKeys[n] = !0);
+      }
+      t.prevProp = a, t.prevResolvedValues = A, t.isActive && (d = { ...d, ...A }), y && e.blockInitialAnimation && (w = !1), w && !g && u.push(...k.map((n) => ({
+        animation: n,
+        options: { type: r, ...i }
+      })));
+    }
+    if (o.size) {
+      const m = {};
+      o.forEach((r) => {
+        const t = e.getBaseTarget(r);
+        t !== void 0 && (m[r] = t);
+      }), u.push({ animation: m });
+    }
+    let S = !!u.length;
+    return y && l.initial === !1 && !e.manuallyAnimateOnMount && (S = !1), y = !1, S ? s(u) : Promise.resolve();
+  }
+  function F(i, c, l) {
+    var p;
+    if (f[i].isActive === c)
+      return Promise.resolve();
+    (p = e.variantChildren) === null || p === void 0 || p.forEach((o) => {
+      var d;
+      return (d = o.animationState) === null || d === void 0 ? void 0 : d.setActive(i, c);
+    }), f[i].isActive = c;
+    const u = C(l, i);
+    for (const o in f)
+      f[o].protectedKeys = {};
+    return u;
+  }
+  return {
+    animateChanges: C,
+    setActive: F,
+    setAnimateFunction: B,
+    getState: () => f
+  };
+}
+function N(e, s) {
+  return typeof s == "string" ? s !== e : Array.isArray(s) ? !D(s, e) : !1;
+}
+function v(e = !1) {
+  return {
+    isActive: e,
+    protectedKeys: {},
+    needsAnimating: {},
+    prevResolvedValues: {}
+  };
+}
+function Q() {
+  return {
+    animate: v(!0),
+    whileInView: v(),
+    whileHover: v(),
+    whileTap: v(),
+    whileDrag: v(),
+    whileFocus: v(),
+    exit: v()
+  };
+}
 export {
-  f as dimensionValueTypes,
-  l as findDimensionValueType
+  N as checkVariantsDidChange,
+  ee as createAnimationState
 };

package/dist/lyra319.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra319.js","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/dimensions.mjs"],"sourcesContent":["import { number } from '../../../value/types/numbers/index.mjs';\nimport { px, percent, degrees, vw, vh } from '../../../value/types/numbers/units.mjs';\nimport { testValueType } from './test.mjs';\nimport { auto } from './type-auto.mjs';\n\n/**\n * A list of value types commonly used for dimensions\n */\nconst dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nconst findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));\n\nexport { dimensionValueTypes, findDimensionValueType };\n"],"names":["dimensionValueTypes","number","px","percent","degrees","vw","vh","auto","findDimensionValueType","v","testValueType"],"mappings":";;;;AAQK,MAACA,IAAsB,CAACC,GAAQC,GAAIC,GAASC,GAASC,GAAIC,GAAIC,CAAI,GAIjEC,IAAyB,CAACC,MAAMT,EAAoB,KAAKU,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra319.js","sources":["../node_modules/framer-motion/dist/es/render/utils/animation-state.mjs"],"sourcesContent":["import { isAnimationControls } from '../../animation/utils/is-animation-controls.mjs';\nimport { isKeyframesTarget } from '../../animation/utils/is-keyframes-target.mjs';\nimport { shallowCompare } from '../../utils/shallow-compare.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { variantPriorityOrder } from './variant-props.mjs';\nimport { animateVisualElement } from '../../animation/interfaces/visual-element.mjs';\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse();\nconst numAnimationTypes = variantPriorityOrder.length;\nfunction animateList(visualElement) {\n    return (animations) => Promise.all(animations.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));\n}\nfunction createAnimationState(visualElement) {\n    let animate = animateList(visualElement);\n    const state = createState();\n    let isInitialRender = true;\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues = (acc, definition) => {\n        const resolved = resolveVariant(visualElement, definition);\n        if (resolved) {\n            const { transition, transitionEnd, ...target } = resolved;\n            acc = { ...acc, ...target, ...transitionEnd };\n        }\n        return acc;\n    };\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(makeAnimator) {\n        animate = makeAnimator(visualElement);\n    }\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(options, changedActiveType) {\n        const props = visualElement.getProps();\n        const context = visualElement.getVariantContext(true) || {};\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations = [];\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set();\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys = {};\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity;\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i];\n            const typeState = state[type];\n            const prop = props[type] !== undefined ? props[type] : context[type];\n            const propIsVariant = isVariantLabel(prop);\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta = type === changedActiveType ? typeState.isActive : null;\n            if (activeDelta === false)\n                removedVariantIndex = i;\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited = prop === context[type] && prop !== props[type] && propIsVariant;\n            /**\n             *\n             */\n            if (isInherited &&\n                isInitialRender &&\n                visualElement.manuallyAnimateOnMount) {\n                isInherited = false;\n            }\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys };\n            // Check if we can skip analysing this prop early\n            if (\n            // If it isn't active and hasn't *just* been set as inactive\n            (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\") {\n                continue;\n            }\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);\n            let shouldAnimateType = variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant);\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop];\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(buildResolvedTypeValues, {});\n            if (activeDelta === false)\n                resolvedValues = {};\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState;\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            };\n            const markToAnimate = (key) => {\n                shouldAnimateType = true;\n                removedKeys.delete(key);\n                typeState.needsAnimating[key] = true;\n            };\n            for (const key in allKeys) {\n                const next = resolvedValues[key];\n                const prev = prevResolvedValues[key];\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key))\n                    continue;\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                if (next !== prev) {\n                    /**\n                     * If both values are keyframes, we need to shallow compare them to\n                     * detect whether any value has changed. If it has, we animate it.\n                     */\n                    if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                        if (!shallowCompare(next, prev) || variantDidChange) {\n                            markToAnimate(key);\n                        }\n                        else {\n                            /**\n                             * If it hasn't changed, we want to ensure it doesn't animate by\n                             * adding it to the list of protected keys.\n                             */\n                            typeState.protectedKeys[key] = true;\n                        }\n                    }\n                    else if (next !== undefined) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key);\n                    }\n                    else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key);\n                    }\n                }\n                else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key);\n                }\n                else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true;\n                }\n            }\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop;\n            typeState.prevResolvedValues = resolvedValues;\n            /**\n             *\n             */\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues };\n            }\n            if (isInitialRender && visualElement.blockInitialAnimation) {\n                shouldAnimateType = false;\n            }\n            /**\n             * If this is an inherited prop we want to hard-block animations\n             * TODO: Test as this should probably still handle animations triggered\n             * by removed values?\n             */\n            if (shouldAnimateType && !isInherited) {\n                animations.push(...definitionList.map((animation) => ({\n                    animation: animation,\n                    options: { type, ...options },\n                })));\n            }\n        }\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation = {};\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key);\n                if (fallbackTarget !== undefined) {\n                    fallbackAnimation[key] = fallbackTarget;\n                }\n            });\n            animations.push({ animation: fallbackAnimation });\n        }\n        let shouldAnimate = Boolean(animations.length);\n        if (isInitialRender &&\n            props.initial === false &&\n            !visualElement.manuallyAnimateOnMount) {\n            shouldAnimate = false;\n        }\n        isInitialRender = false;\n        return shouldAnimate ? animate(animations) : Promise.resolve();\n    }\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type, isActive, options) {\n        var _a;\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive)\n            return Promise.resolve();\n        // Propagate active change to children\n        (_a = visualElement.variantChildren) === null || _a === void 0 ? void 0 : _a.forEach((child) => { var _a; return (_a = child.animationState) === null || _a === void 0 ? void 0 : _a.setActive(type, isActive); });\n        state[type].isActive = isActive;\n        const animations = animateChanges(options, type);\n        for (const key in state) {\n            state[key].protectedKeys = {};\n        }\n        return animations;\n    }\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n    };\n}\nfunction checkVariantsDidChange(prev, next) {\n    if (typeof next === \"string\") {\n        return next !== prev;\n    }\n    else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev);\n    }\n    return false;\n}\nfunction createTypeState(isActive = false) {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    };\n}\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    };\n}\n\nexport { checkVariantsDidChange, createAnimationState };\n"],"names":["reversePriorityOrder","variantPriorityOrder","numAnimationTypes","animateList","visualElement","animations","animation","options","animateVisualElement","createAnimationState","animate","state","createState","isInitialRender","buildResolvedTypeValues","acc","definition","resolved","resolveVariant","transition","transitionEnd","target","setAnimateFunction","makeAnimator","animateChanges","changedActiveType","props","context","removedKeys","encounteredKeys","removedVariantIndex","i","type","typeState","prop","propIsVariant","isVariantLabel","activeDelta","isInherited","isAnimationControls","variantDidChange","checkVariantsDidChange","shouldAnimateType","definitionList","resolvedValues","prevResolvedValues","allKeys","markToAnimate","key","next","prev","isKeyframesTarget","shallowCompare","fallbackAnimation","fallbackTarget","shouldAnimate","setActive","isActive","_a","child","createTypeState"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra54.cjs"),c=require("react"),a=require("./lyra53.cjs");require("./lyra2.cjs");require("./lyra68.cjs");require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra8.cjs");require("./lyra73.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra74.cjs");require("./lyra30.cjs");const b=require("./lyra33.cjs");require("./lyra75.cjs");require("./lyra40.cjs");require("./lyra78.cjs");require("./lyra42.cjs");require("./lyra23.cjs");require("./lyra149.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra77.cjs");require("./lyra80.cjs");const f=require("./lyra47.cjs");require("./lyra49.cjs");require("./lyra58.cjs");const j=require("./lyra64.cjs"),x=require("./lyra52.cjs"),K=({position:r="center",fullScreen:n,fullWidth:o,maxWidth:i,isDismissable:s=!0,centerDialogToBottomOnMobileScreens:m=!0,disableBlur:y=!1,onOpenChange:u,screenWidthMobileBreakpoint:v=640,...e},O)=>{const{direction:l}=x.useLocale(),D=f.useIsMobileDevice(v);r=r==="center"&&m&&D?"bottom":r,i=r==="center"&&m&&D?void 0:i;const g=c.useMemo(()=>({defaultOpen:e.defaultOpen,isOpen:e.isOpen,onOpenChange:u,isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:q,isExiting:t})=>b.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:q,isExiting:t,disableBlur:y}),style:e.overlayStyle}),[y,s,u,r,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen,e.overlayClassName,e.overlayStyle]),M=c.useMemo(()=>({isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,onOpenChange:u,className:({isEntering:q,isExiting:t})=>b.modalStyles({fullScreen:n,fullWidth:o,maxWidth:i,position:r,direction:l,isEntering:q,isExiting:t,className:e.className})}),[l,n,o,s,i,u,r,e.className,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen]),N=c.useMemo(()=>({children:e.children}),[e.children]);return d.jsxRuntimeExports.jsx(a.ModalOverlay,{...g,style:{direction:l},children:d.jsxRuntimeExports.jsx(a.Modal,{ref:O,...M,"data-position":r,children:d.jsxRuntimeExports.jsx(a.Dialog,{...N,className:"outline-none"})})})},R=j.fixedForwardRef(K);exports.DialogTrigger=a.DialogTrigger;exports.Dialog=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra54.cjs"),c=require("react"),a=require("./lyra53.cjs");require("./lyra2.cjs");require("./lyra68.cjs");require("./lyra43.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra8.cjs");require("./lyra73.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra148.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");require("./lyra75.cjs");require("./lyra30.cjs");const b=require("./lyra33.cjs");require("./lyra74.cjs");require("./lyra40.cjs");require("./lyra78.cjs");require("./lyra42.cjs");require("./lyra23.cjs");require("./lyra149.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra77.cjs");require("./lyra115.cjs");const f=require("./lyra47.cjs");require("./lyra49.cjs");require("./lyra58.cjs");const j=require("./lyra64.cjs"),x=require("./lyra52.cjs"),K=({position:r="center",fullScreen:n,fullWidth:o,maxWidth:i,isDismissable:s=!0,centerDialogToBottomOnMobileScreens:m=!0,disableBlur:y=!1,onOpenChange:u,screenWidthMobileBreakpoint:v=640,...e},O)=>{const{direction:l}=x.useLocale(),D=f.useIsMobileDevice(v);r=r==="center"&&m&&D?"bottom":r,i=r==="center"&&m&&D?void 0:i;const g=c.useMemo(()=>({defaultOpen:e.defaultOpen,isOpen:e.isOpen,onOpenChange:u,isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:q,isExiting:t})=>b.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:q,isExiting:t,disableBlur:y}),style:e.overlayStyle}),[y,s,u,r,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen,e.overlayClassName,e.overlayStyle]),M=c.useMemo(()=>({isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,onOpenChange:u,className:({isEntering:q,isExiting:t})=>b.modalStyles({fullScreen:n,fullWidth:o,maxWidth:i,position:r,direction:l,isEntering:q,isExiting:t,className:e.className})}),[l,n,o,s,i,u,r,e.className,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen]),N=c.useMemo(()=>({children:e.children}),[e.children]);return d.jsxRuntimeExports.jsx(a.ModalOverlay,{...g,style:{direction:l},children:d.jsxRuntimeExports.jsx(a.Modal,{ref:O,...M,"data-position":r,children:d.jsxRuntimeExports.jsx(a.Dialog,{...N,className:"outline-none"})})})},R=j.fixedForwardRef(K);exports.DialogTrigger=a.DialogTrigger;exports.Dialog=R;

package/dist/lyra32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra32.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n    screenWidthMobileBreakpoint?: number;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      children: props.children,\n    }),\n    [props.children],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","screenWidthMobileBreakpoint","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"+/BAoCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAChBC,EAAiBC,oBAAkBN,CAA2B,EACpER,EACEA,IAAa,UAAYK,GAAuCQ,EAC5D,SACAb,EAENG,EACEH,IAAa,UAAYK,GAAuCQ,EAC5D,OACAV,EAGN,MAAMY,EAAuCC,EAAA,QAC3C,KAAO,CACL,YAAaP,EAAM,YACnB,OAAQA,EAAM,OACd,aAAAF,EACA,cAAAH,EACA,0BAA2BK,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAQ,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAnB,EACA,UAAWS,EAAM,iBACjB,WAAAQ,EACA,UAAAC,EACA,YAAAZ,CAAA,CACD,EACH,MAAOG,EAAM,YAAA,GAEf,CACEH,EACAF,EACAG,EACAP,EACAS,EAAM,YACNA,EAAM,0BACNA,EAAM,OACNA,EAAM,iBACNA,EAAM,YACR,CAAA,EAGIW,EAAgCJ,EAAA,QACpC,KAAO,CACL,cAAAZ,EACA,0BAA2BK,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,aAAAF,EACA,UAAW,CAAC,CAAE,WAAAU,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAApB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAW,EACA,WAAAM,EACA,UAAAC,EACA,UAAWT,EAAM,SAAA,CAClB,CAAA,GAEL,CACEE,EACAV,EACAC,EACAE,EACAD,EACAI,EACAP,EACAS,EAAM,UACNA,EAAM,YACNA,EAAM,0BACNA,EAAM,MACR,CAAA,EAGIa,EAAcN,EAAA,QAClB,KAAO,CACL,SAAUP,EAAM,QAAA,GAElB,CAACA,EAAM,QAAQ,CAAA,EAIf,OAAAc,wBAACC,EAAAA,cAAc,GAAGT,EAAmB,MAAO,CAAE,UAAAJ,CAAA,EAC5C,SAAAY,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAf,EAAW,GAAGU,EAAY,gBAAepB,EAC9C,SAACuB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB7B,CAAO"}
+{"version":3,"file":"lyra32.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n    screenWidthMobileBreakpoint?: number;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      children: props.children,\n    }),\n    [props.children],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","screenWidthMobileBreakpoint","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"ggCAoCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAChBC,EAAiBC,oBAAkBN,CAA2B,EACpER,EACEA,IAAa,UAAYK,GAAuCQ,EAC5D,SACAb,EAENG,EACEH,IAAa,UAAYK,GAAuCQ,EAC5D,OACAV,EAGN,MAAMY,EAAuCC,EAAA,QAC3C,KAAO,CACL,YAAaP,EAAM,YACnB,OAAQA,EAAM,OACd,aAAAF,EACA,cAAAH,EACA,0BAA2BK,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAQ,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAnB,EACA,UAAWS,EAAM,iBACjB,WAAAQ,EACA,UAAAC,EACA,YAAAZ,CAAA,CACD,EACH,MAAOG,EAAM,YAAA,GAEf,CACEH,EACAF,EACAG,EACAP,EACAS,EAAM,YACNA,EAAM,0BACNA,EAAM,OACNA,EAAM,iBACNA,EAAM,YACR,CAAA,EAGIW,EAAgCJ,EAAA,QACpC,KAAO,CACL,cAAAZ,EACA,0BAA2BK,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,aAAAF,EACA,UAAW,CAAC,CAAE,WAAAU,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAApB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAW,EACA,WAAAM,EACA,UAAAC,EACA,UAAWT,EAAM,SAAA,CAClB,CAAA,GAEL,CACEE,EACAV,EACAC,EACAE,EACAD,EACAI,EACAP,EACAS,EAAM,UACNA,EAAM,YACNA,EAAM,0BACNA,EAAM,MACR,CAAA,EAGIa,EAAcN,EAAA,QAClB,KAAO,CACL,SAAUP,EAAM,QAAA,GAElB,CAACA,EAAM,QAAQ,CAAA,EAIf,OAAAc,wBAACC,EAAAA,cAAc,GAAGT,EAAmB,MAAO,CAAE,UAAAJ,CAAA,EAC5C,SAAAY,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAf,EAAW,GAAGU,EAAY,gBAAepB,EAC9C,SAACuB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB7B,CAAO"}

package/dist/lyra32.js

@@ -12,17 +12,17 @@ import "./lyra8.js";
 import "./lyra73.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra147.js";
+import "./lyra148.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import "./lyra16.js";
 import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra28.js";
-import "./lyra74.js";
+import "./lyra75.js";
 import "./lyra30.js";
 import { modalOverlayStyles as K, modalStyles as j } from "./lyra33.js";
-import "./lyra75.js";
+import "./lyra74.js";
 import "./lyra40.js";
 import "./lyra78.js";
 import "./lyra42.js";
@@ -31,7 +31,7 @@ import "./lyra149.js";
 import "./lyra25.js";
 import "./lyra27.js";
 import "./lyra77.js";
-import "./lyra80.js";
+import "./lyra115.js";
 import { useIsMobileDevice as M } from "./lyra47.js";
 import "./lyra49.js";
 import "./lyra58.js";

package/dist/lyra320.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>t=>t.test(e);exports.testValueType=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(e){this.isMounted=!1,this.node=e}update(){}}exports.Feature=t;

package/dist/lyra320.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra320.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/test.mjs"],"sourcesContent":["/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n"],"names":["testValueType","v","type"],"mappings":"gFAGK,MAACA,EAAiBC,GAAOC,GAASA,EAAK,KAAKD,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra320.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/Feature.mjs"],"sourcesContent":["class Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n"],"names":["Feature","node"],"mappings":"gFAAA,MAAMA,CAAQ,CACV,YAAYC,EAAM,CACd,KAAK,UAAY,GACjB,KAAK,KAAOA,CACf,CACD,QAAS,CAAG,CAChB","x_google_ignoreList":[0]}

package/dist/lyra320.js

@@ -1,4 +1,10 @@
-const s = (t) => (e) => e.test(t);
+class s {
+  constructor(t) {
+    this.isMounted = !1, this.node = t;
+  }
+  update() {
+  }
+}
 export {
-  s as testValueType
+  s as Feature
 };

package/dist/lyra320.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra320.js","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/test.mjs"],"sourcesContent":["/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n"],"names":["testValueType","v","type"],"mappings":"AAGK,MAACA,IAAgB,CAACC,MAAM,CAACC,MAASA,EAAK,KAAKD,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra320.js","sources":["../node_modules/framer-motion/dist/es/motion/features/Feature.mjs"],"sourcesContent":["class Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n"],"names":["Feature","node"],"mappings":"AAAA,MAAMA,EAAQ;AAAA,EACV,YAAYC,GAAM;AACd,SAAK,YAAY,IACjB,KAAK,OAAOA;AAAA,EACf;AAAA,EACD,SAAS;AAAA,EAAG;AAChB;","x_google_ignoreList":[0]}

package/dist/lyra321.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),F=require("./lyra107.cjs"),a=require("./lyra103.cjs");class n extends Set{constructor(e,t,l){super(e),e instanceof n?(this.anchorKey=t||e.anchorKey,this.currentKey=l||e.currentKey):(this.anchorKey=t,this.currentKey=l)}}function B(i,e){if(i.size!==e.size)return!1;for(let t of i)if(!e.has(t))return!1;return!0}function A(i){let{selectionMode:e="none",disallowEmptySelection:t,allowDuplicateSelectionEvents:l,selectionBehavior:s="toggle",disabledBehavior:o="all"}=i,u=c.useRef(!1),[,m]=c.useState(!1),f=c.useRef(null),S=c.useRef(null),[,v]=c.useState(null),p=c.useMemo(()=>K(i.selectedKeys),[i.selectedKeys]),w=c.useMemo(()=>K(i.defaultSelectedKeys,new n),[i.defaultSelectedKeys]),[h,b]=F.useControlledState(p,w,i.onSelectionChange),I=c.useMemo(()=>i.disabledKeys?new Set(i.disabledKeys):new Set,[i.disabledKeys]),[y,d]=c.useState(s);s==="replace"&&y==="toggle"&&typeof h=="object"&&h.size===0&&d("replace");let g=c.useRef(s);return c.useEffect(()=>{s!==g.current&&(d(s),g.current=s)},[s]),{selectionMode:e,disallowEmptySelection:t,selectionBehavior:y,setSelectionBehavior:d,get isFocused(){return u.current},setFocused(r){u.current=r,m(r)},get focusedKey(){return f.current},get childFocusStrategy(){return S.current},setFocusedKey(r,M="first"){f.current=r,S.current=M,v(r)},selectedKeys:h,setSelectedKeys(r){(l||!B(r,h))&&b(r)},disabledKeys:I,disabledBehavior:o}}function K(i,e){return i?i==="all"?"all":new n(i):e}class E{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(e){this.state.setSelectionBehavior(e)}get isFocused(){return this.state.isFocused}setFocused(e){this.state.setFocused(e)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(e,t){(e==null||this.collection.getItem(e))&&this.state.setFocusedKey(e,t)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(e){return this.state.selectionMode==="none"?!1:(e=this.getKey(e),this.state.selectedKeys==="all"?this.canSelectItem(e):this.state.selectedKeys.has(e))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let e=this.getSelectAllKeys(),t=this.state.selectedKeys;return this._isSelectAll=e.every(l=>t.has(l)),this._isSelectAll}get firstSelectedKey(){let e=null;for(let t of this.state.selectedKeys){let l=this.collection.getItem(t);(!e||l&&a.compareNodeOrder(this.collection,l,e)<0)&&(e=l)}return e==null?void 0:e.key}get lastSelectedKey(){let e=null;for(let t of this.state.selectedKeys){let l=this.collection.getItem(t);(!e||l&&a.compareNodeOrder(this.collection,l,e)>0)&&(e=l)}return e==null?void 0:e.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(e);return}e=this.getKey(e);let t;if(this.state.selectedKeys==="all")t=new n([e],e,e);else{let l=this.state.selectedKeys,s=l.anchorKey||e;t=new n(l,s,e);for(let o of this.getKeyRange(s,l.currentKey||e))t.delete(o);for(let o of this.getKeyRange(e,s))this.canSelectItem(o)&&t.add(o)}this.state.setSelectedKeys(t)}getKeyRange(e,t){let l=this.collection.getItem(e),s=this.collection.getItem(t);return l&&s?a.compareNodeOrder(this.collection,l,s)<=0?this.getKeyRangeInternal(e,t):this.getKeyRangeInternal(t,e):[]}getKeyRangeInternal(e,t){let l=[],s=e;for(;s;){let o=this.collection.getItem(s);if((o&&o.type==="item"||o.type==="cell"&&this.allowsCellSelection)&&l.push(s),s===t)return l;s=this.collection.getKeyAfter(s)}return[]}getKey(e){let t=this.collection.getItem(e);if(!t||t.type==="cell"&&this.allowsCellSelection)return e;for(;t.type!=="item"&&t.parentKey!=null;)t=this.collection.getItem(t.parentKey);return!t||t.type!=="item"?null:t.key}toggleSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(e)){this.replaceSelection(e);return}if(e=this.getKey(e),e==null)return;let t=new n(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);t.has(e)?t.delete(e):this.canSelectItem(e)&&(t.add(e),t.anchorKey=e,t.currentKey=e),!(this.disallowEmptySelection&&t.size===0)&&this.state.setSelectedKeys(t)}replaceSelection(e){if(this.selectionMode==="none"||(e=this.getKey(e),e==null))return;let t=this.canSelectItem(e)?new n([e],e,e):new n;this.state.setSelectedKeys(t)}setSelectedKeys(e){if(this.selectionMode==="none")return;let t=new n;for(let l of e)if(l=this.getKey(l),l!=null&&(t.add(l),this.selectionMode==="single"))break;this.state.setSelectedKeys(t)}getSelectAllKeys(){let e=[],t=l=>{for(;l;){if(this.canSelectItem(l)){let s=this.collection.getItem(l);s.type==="item"&&e.push(l),s.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&t(a.getFirstItem(a.getChildNodes(s,this.collection)).key)}l=this.collection.getKeyAfter(l)}};return t(this.collection.getFirstKey()),e}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new n)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(e,t){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(e)&&!this.disallowEmptySelection?this.toggleSelection(e):this.replaceSelection(e):this.selectionBehavior==="toggle"||t&&(t.pointerType==="touch"||t.pointerType==="virtual")?this.toggleSelection(e):this.replaceSelection(e))}isSelectionEqual(e){if(e===this.state.selectedKeys)return!0;let t=this.selectedKeys;if(e.size!==t.size)return!1;for(let l of e)if(!t.has(l))return!1;for(let l of t)if(!e.has(l))return!1;return!0}canSelectItem(e){if(this.state.selectionMode==="none"||this.state.disabledKeys.has(e))return!1;let t=this.collection.getItem(e);return!(!t||t.type==="cell"&&!this.allowsCellSelection)}isDisabled(e){return this.state.disabledKeys.has(e)&&this.state.disabledBehavior==="all"}isLink(e){var t,l;return!!(!((t=this.collection.getItem(e))===null||t===void 0||(l=t.props)===null||l===void 0)&&l.href)}constructor(e,t,l){this.collection=e,this.state=t;var s;this.allowsCellSelection=(s=l==null?void 0:l.allowsCellSelection)!==null&&s!==void 0?s:!1,this._isSelectAll=null}}exports.SelectionManager=E;exports.useMultipleSelectionState=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),F=require("./lyra105.cjs"),a=require("./lyra101.cjs");class n extends Set{constructor(e,t,l){super(e),e instanceof n?(this.anchorKey=t||e.anchorKey,this.currentKey=l||e.currentKey):(this.anchorKey=t,this.currentKey=l)}}function B(i,e){if(i.size!==e.size)return!1;for(let t of i)if(!e.has(t))return!1;return!0}function A(i){let{selectionMode:e="none",disallowEmptySelection:t,allowDuplicateSelectionEvents:l,selectionBehavior:s="toggle",disabledBehavior:o="all"}=i,u=c.useRef(!1),[,m]=c.useState(!1),f=c.useRef(null),S=c.useRef(null),[,v]=c.useState(null),p=c.useMemo(()=>K(i.selectedKeys),[i.selectedKeys]),w=c.useMemo(()=>K(i.defaultSelectedKeys,new n),[i.defaultSelectedKeys]),[h,b]=F.useControlledState(p,w,i.onSelectionChange),I=c.useMemo(()=>i.disabledKeys?new Set(i.disabledKeys):new Set,[i.disabledKeys]),[y,d]=c.useState(s);s==="replace"&&y==="toggle"&&typeof h=="object"&&h.size===0&&d("replace");let g=c.useRef(s);return c.useEffect(()=>{s!==g.current&&(d(s),g.current=s)},[s]),{selectionMode:e,disallowEmptySelection:t,selectionBehavior:y,setSelectionBehavior:d,get isFocused(){return u.current},setFocused(r){u.current=r,m(r)},get focusedKey(){return f.current},get childFocusStrategy(){return S.current},setFocusedKey(r,M="first"){f.current=r,S.current=M,v(r)},selectedKeys:h,setSelectedKeys(r){(l||!B(r,h))&&b(r)},disabledKeys:I,disabledBehavior:o}}function K(i,e){return i?i==="all"?"all":new n(i):e}class E{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(e){this.state.setSelectionBehavior(e)}get isFocused(){return this.state.isFocused}setFocused(e){this.state.setFocused(e)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(e,t){(e==null||this.collection.getItem(e))&&this.state.setFocusedKey(e,t)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(e){return this.state.selectionMode==="none"?!1:(e=this.getKey(e),this.state.selectedKeys==="all"?this.canSelectItem(e):this.state.selectedKeys.has(e))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let e=this.getSelectAllKeys(),t=this.state.selectedKeys;return this._isSelectAll=e.every(l=>t.has(l)),this._isSelectAll}get firstSelectedKey(){let e=null;for(let t of this.state.selectedKeys){let l=this.collection.getItem(t);(!e||l&&a.compareNodeOrder(this.collection,l,e)<0)&&(e=l)}return e==null?void 0:e.key}get lastSelectedKey(){let e=null;for(let t of this.state.selectedKeys){let l=this.collection.getItem(t);(!e||l&&a.compareNodeOrder(this.collection,l,e)>0)&&(e=l)}return e==null?void 0:e.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(e);return}e=this.getKey(e);let t;if(this.state.selectedKeys==="all")t=new n([e],e,e);else{let l=this.state.selectedKeys,s=l.anchorKey||e;t=new n(l,s,e);for(let o of this.getKeyRange(s,l.currentKey||e))t.delete(o);for(let o of this.getKeyRange(e,s))this.canSelectItem(o)&&t.add(o)}this.state.setSelectedKeys(t)}getKeyRange(e,t){let l=this.collection.getItem(e),s=this.collection.getItem(t);return l&&s?a.compareNodeOrder(this.collection,l,s)<=0?this.getKeyRangeInternal(e,t):this.getKeyRangeInternal(t,e):[]}getKeyRangeInternal(e,t){let l=[],s=e;for(;s;){let o=this.collection.getItem(s);if((o&&o.type==="item"||o.type==="cell"&&this.allowsCellSelection)&&l.push(s),s===t)return l;s=this.collection.getKeyAfter(s)}return[]}getKey(e){let t=this.collection.getItem(e);if(!t||t.type==="cell"&&this.allowsCellSelection)return e;for(;t.type!=="item"&&t.parentKey!=null;)t=this.collection.getItem(t.parentKey);return!t||t.type!=="item"?null:t.key}toggleSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(e)){this.replaceSelection(e);return}if(e=this.getKey(e),e==null)return;let t=new n(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);t.has(e)?t.delete(e):this.canSelectItem(e)&&(t.add(e),t.anchorKey=e,t.currentKey=e),!(this.disallowEmptySelection&&t.size===0)&&this.state.setSelectedKeys(t)}replaceSelection(e){if(this.selectionMode==="none"||(e=this.getKey(e),e==null))return;let t=this.canSelectItem(e)?new n([e],e,e):new n;this.state.setSelectedKeys(t)}setSelectedKeys(e){if(this.selectionMode==="none")return;let t=new n;for(let l of e)if(l=this.getKey(l),l!=null&&(t.add(l),this.selectionMode==="single"))break;this.state.setSelectedKeys(t)}getSelectAllKeys(){let e=[],t=l=>{for(;l;){if(this.canSelectItem(l)){let s=this.collection.getItem(l);s.type==="item"&&e.push(l),s.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&t(a.getFirstItem(a.getChildNodes(s,this.collection)).key)}l=this.collection.getKeyAfter(l)}};return t(this.collection.getFirstKey()),e}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new n)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(e,t){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(e)&&!this.disallowEmptySelection?this.toggleSelection(e):this.replaceSelection(e):this.selectionBehavior==="toggle"||t&&(t.pointerType==="touch"||t.pointerType==="virtual")?this.toggleSelection(e):this.replaceSelection(e))}isSelectionEqual(e){if(e===this.state.selectedKeys)return!0;let t=this.selectedKeys;if(e.size!==t.size)return!1;for(let l of e)if(!t.has(l))return!1;for(let l of t)if(!e.has(l))return!1;return!0}canSelectItem(e){if(this.state.selectionMode==="none"||this.state.disabledKeys.has(e))return!1;let t=this.collection.getItem(e);return!(!t||t.type==="cell"&&!this.allowsCellSelection)}isDisabled(e){return this.state.disabledKeys.has(e)&&this.state.disabledBehavior==="all"}isLink(e){var t,l;return!!(!((t=this.collection.getItem(e))===null||t===void 0||(l=t.props)===null||l===void 0)&&l.href)}constructor(e,t,l){this.collection=e,this.state=t;var s;this.allowsCellSelection=(s=l==null?void 0:l.allowsCellSelection)!==null&&s!==void 0?s:!1,this._isSelectAll=null}}exports.SelectionManager=E;exports.useMultipleSelectionState=A;

package/dist/lyra321.js

@@ -1,6 +1,6 @@
 import { useRef as a, useState as d, useMemo as u, useEffect as B } from "react";
-import { useControlledState as A } from "./lyra107.js";
-import { compareNodeOrder as f, getFirstItem as E, getChildNodes as _ } from "./lyra103.js";
+import { useControlledState as A } from "./lyra105.js";
+import { compareNodeOrder as f, getFirstItem as E, getChildNodes as _ } from "./lyra101.js";
 class c extends Set {
   constructor(e, t, l) {
     super(e), e instanceof c ? (this.anchorKey = t || e.anchorKey, this.currentKey = l || e.currentKey) : (this.anchorKey = t, this.currentKey = l);

package/dist/lyra324.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra172.cjs"),b=require("./lyra325.cjs"),M=require("./lyra268.cjs"),E=require("./lyra196.cjs"),S=require("./lyra269.cjs"),d=require("./lyra396.cjs"),q=require("./lyra195.cjs"),g=require("./lyra359.cjs"),j=require("./lyra343.cjs"),k=require("./lyra271.cjs"),D=require("./lyra397.cjs"),B=require("./lyra270.cjs"),R=require("./lyra263.cjs"),x=require("./lyra241.cjs"),G=require("./lyra232.cjs"),T=require("./lyra299.cjs"),y=require("./lyra211.cjs"),L=new WeakMap;class w{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=q.createBox(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){const{presenceContext:s}=this.visualElement;if(s&&s.isPresent===!1)return;const n=r=>{this.stopAnimation(),e&&this.snapToCursor(k.extractEventInfo(r,"page").point)},o=(r,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(G.percent.test(v)){const{projection:A}=this.visualElement;if(A&&A.layout){const C=A.layout.layoutBox[h];C&&(v=R.calcLength(C)*(parseFloat(v)/100))}}this.originPoint[h]=v}),p&&y.frame.update(()=>p(r,l),!1,!0);const{animationState:m}=this.visualElement;m&&m.setActive("whileDrag",!0)},i=(r,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=O(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(r,l)},a=(r,l)=>this.stop(r,l);this.panSession=new b.PanSession(t,{onSessionStart:n,onStart:o,onMove:i,onSessionEnd:a},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const s=this.isDragging;if(this.cancel(),!s)return;const{velocity:n}=e;this.startAnimation(n);const{onDragEnd:o}=this.getProps();o&&y.frame.update(()=>o(t,e))}cancel(){this.isDragging=!1;const{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),e&&e.setActive("whileDrag",!1)}updateAxis(t,e,s){const{drag:n}=this.getProps();if(!s||!P(t,n,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(i=d.applyConstraints(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:s}=this.visualElement.projection||{},n=this.constraints;t&&E.isRefObject(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=d.calcRelativeConstraints(s.layoutBox,t):this.constraints=!1,this.elastic=d.resolveDragElastic(e),n!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&g.eachAxis(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=d.rebaseAxisConstraints(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!E.isRefObject(t))return!1;const s=t.current;V.invariant(s!==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 o=j.measurePageBox(s,n.root,this.visualElement.getTransformPagePoint());let i=d.calcViewportConstraints(n.layout.layoutBox,o);if(e){const a=e(D.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!a,a&&(i=D.convertBoundingBoxToBox(a))}return i}startAnimation(t){const{drag:e,dragMomentum:s,dragElastic:n,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:a}=this.getProps(),r=this.constraints||{},l=g.eachAxis(c=>{if(!P(c,e,this.currentDirection))return;let u=r&&r[c]||{};i&&(u={min:0,max:0});const p=n?200:1e6,m=n?40:1e7,h={type:"inertia",velocity:s?t[c]:0,bounceStiffness:p,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...o,...u};return this.startAxisValueAnimation(c,h)});return Promise.all(l).then(a)}startAxisValueAnimation(t,e){const s=this.getAxisMotionValue(t);return s.start(T.animateMotionValue(t,s,0,e))}stopAnimation(){g.eachAxis(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const e="_drag"+t.toUpperCase(),s=this.visualElement.getProps(),n=s[e];return n||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){g.eachAxis(e=>{const{drag:s}=this.getProps();if(!P(e,s,this.currentDirection))return;const{projection:n}=this.visualElement,o=this.getAxisMotionValue(e);if(n&&n.layout){const{min:i,max:a}=n.layout.layoutBox[e];o.set(t[e]-x.mix(i,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:e}=this.getProps(),{projection:s}=this.visualElement;if(!E.isRefObject(e)||!s||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};g.eachAxis(i=>{const a=this.getAxisMotionValue(i);if(a){const r=a.get();n[i]=d.calcOrigin({min:r,max:r},this.constraints[i])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),g.eachAxis(i=>{if(!P(i,t,null))return;const a=this.getAxisMotionValue(i),{min:r,max:l}=this.constraints[i];a.set(x.mix(r,l,n[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,e=S.addPointerEvent(t,"pointerdown",r=>{const{drag:l,dragListener:c=!0}=this.getProps();l&&c&&this.start(r)}),s=()=>{const{dragConstraints:r}=this.getProps();E.isRefObject(r)&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,o=n.addEventListener("measure",s);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),s();const i=B.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),a=n.addEventListener("didUpdate",({delta:r,hasLayoutChanged:l})=>{this.isDragging&&l&&(g.eachAxis(c=>{const u=this.getAxisMotionValue(c);u&&(this.originPoint[c]+=r[c].translate,u.set(u.get()+r[c].translate))}),this.visualElement.render())});return()=>{i(),e(),o(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:s=!1,dragPropagation:n=!1,dragConstraints:o=!1,dragElastic:i=d.defaultElastic,dragMomentum:a=!0}=t;return{...t,drag:e,dragDirectionLock:s,dragPropagation:n,dragConstraints:o,dragElastic:i,dragMomentum:a}}}function P(f,t,e){return(t===!0||t===f)&&(e===null||e===f)}function O(f,t=10){let e=null;return Math.abs(f.y)>t?e="y":Math.abs(f.x)>t&&(e="x"),e}exports.VisualElementDragControls=w;exports.elementDragControls=L;

package/dist/lyra324.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra324.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs"],"sourcesContent":["/**\n * We keep these listed seperately as we use the lowercase tag names as part\n * of the runtime bundle to detect SVG components\n */\nconst lowercaseSVGElements = [\n    \"animate\",\n    \"circle\",\n    \"defs\",\n    \"desc\",\n    \"ellipse\",\n    \"g\",\n    \"image\",\n    \"line\",\n    \"filter\",\n    \"marker\",\n    \"mask\",\n    \"metadata\",\n    \"path\",\n    \"pattern\",\n    \"polygon\",\n    \"polyline\",\n    \"rect\",\n    \"stop\",\n    \"switch\",\n    \"symbol\",\n    \"svg\",\n    \"text\",\n    \"tspan\",\n    \"use\",\n    \"view\",\n];\n\nexport { lowercaseSVGElements };\n"],"names":["lowercaseSVGElements"],"mappings":"gFAIK,MAACA,EAAuB,CACzB,UACA,SACA,OACA,OACA,UACA,IACA,QACA,OACA,SACA,SACA,OACA,WACA,OACA,UACA,UACA,WACA,OACA,OACA,SACA,SACA,MACA,OACA,QACA,MACA,MACJ","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra324.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 { 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        }, { transformPagePoint: this.visualElement.getTransformPagePoint() });\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        const { dragConstraints, dragElastic } = this.getProps();\n        const { layout } = this.visualElement.projection || {};\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","isDragging","velocity","onDragEnd","_point","shouldDrag","axisValue","next","applyConstraints","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]}