@new-black/lyra 0.1.16 → 0.1.19

package/dist/lyra187.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra187.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.custom);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    const maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;\n    const generateStaggerDuration = staggerDirection === 1\n        ? (i = 0) => i * staggerChildren\n        : (i = 0) => maxStaggerDuration - i * staggerChildren;\n    Array.from(visualElement.variantChildren)\n        .sort(sortByTreeOrder)\n        .forEach((child, i) => {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delayChildren + generateStaggerDuration(i),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    });\n    return Promise.all(animations);\n}\nfunction sortByTreeOrder(a, b) {\n    return a.sortNodePosition(b);\n}\n\nexport { animateVariant, sortByTreeOrder };\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","animations","maxStaggerDuration","generateStaggerDuration","i","sortByTreeOrder","child","a","b"],"mappings":"4IAGA,SAASA,EAAeC,EAAeC,EAASC,EAAU,CAAA,EAAI,CAC1D,MAAMC,EAAWC,EAAAA,eAAeJ,EAAeC,EAASC,EAAQ,MAAM,EACtE,GAAI,CAAE,WAAAG,EAAaL,EAAc,qBAAsB,GAAI,EAAI,EAAGG,GAAY,GAC1ED,EAAQ,qBACRG,EAAaH,EAAQ,oBAMzB,MAAMI,EAAeH,EACf,IAAM,QAAQ,IAAII,EAAAA,cAAcP,EAAeG,EAAUD,CAAO,CAAC,EACjE,IAAM,QAAQ,UAKdM,EAAqBR,EAAc,iBAAmBA,EAAc,gBAAgB,KACpF,CAACS,EAAe,IAAM,CACpB,KAAM,CAAE,cAAAC,EAAgB,EAAG,gBAAAC,EAAiB,iBAAAC,CAAgB,EAAMP,EAClE,OAAOQ,EAAgBb,EAAeC,EAASS,EAAgBD,EAAcE,EAAiBC,EAAkBV,CAAO,CAC1H,EACC,IAAM,QAAQ,UAKd,CAAE,KAAAY,CAAM,EAAGT,EACjB,GAAIS,EAAM,CACN,KAAM,CAACC,EAAOC,CAAI,EAAIF,IAAS,iBACzB,CAACR,EAAcE,CAAkB,EACjC,CAACA,EAAoBF,CAAY,EACvC,OAAOS,EAAK,EAAG,KAAK,IAAMC,EAAM,CAAA,CACnC,KAEG,QAAO,QAAQ,IAAI,CAACV,EAAY,EAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC,CAE9E,CACA,SAASW,EAAgBb,EAAeC,EAASS,EAAgB,EAAGC,EAAkB,EAAGC,EAAmB,EAAGV,EAAS,CACpH,MAAMe,EAAa,CAAA,EACbC,GAAsBlB,EAAc,gBAAgB,KAAO,GAAKW,EAChEQ,EAA0BP,IAAqB,EAC/C,CAACQ,EAAI,IAAMA,EAAIT,EACf,CAACS,EAAI,IAAMF,EAAqBE,EAAIT,EAC1C,aAAM,KAAKX,EAAc,eAAe,EACnC,KAAKqB,CAAe,EACpB,QAAQ,CAACC,EAAOF,IAAM,CACvBE,EAAM,OAAO,iBAAkBrB,CAAO,EACtCgB,EAAW,KAAKlB,EAAeuB,EAAOrB,EAAS,CAC3C,GAAGC,EACH,MAAOQ,EAAgBS,EAAwBC,CAAC,CAC5D,CAAS,EAAE,KAAK,IAAME,EAAM,OAAO,oBAAqBrB,CAAO,CAAC,CAAC,CACjE,CAAK,EACM,QAAQ,IAAIgB,CAAU,CACjC,CACA,SAASI,EAAgBE,EAAGC,EAAG,CAC3B,OAAOD,EAAE,iBAAiBC,CAAC,CAC/B","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra187.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n"],"names":["MotionConfigContext","createContext","p"],"mappings":"yGAKMA,EAAsBC,EAAAA,cAAc,CACtC,mBAAqBC,GAAMA,EAC3B,SAAU,GACV,cAAe,OACnB,CAAC","x_google_ignoreList":[0]}

package/dist/lyra187.js

@@ -1,32 +1,9 @@
-import { resolveVariant as l } from "./lyra185.js";
-import { animateTarget as h } from "./lyra186.js";
-function g(r, e, n = {}) {
-  const i = l(r, e, n.custom);
-  let { transition: a = r.getDefaultTransition() || {} } = i || {};
-  n.transitionOverride && (a = n.transitionOverride);
-  const s = i ? () => Promise.all(h(r, i, n)) : () => Promise.resolve(), o = r.variantChildren && r.variantChildren.size ? (m = 0) => {
-    const { delayChildren: t = 0, staggerChildren: c, staggerDirection: d } = a;
-    return C(r, e, t + m, c, d, n);
-  } : () => Promise.resolve(), { when: f } = a;
-  if (f) {
-    const [m, t] = f === "beforeChildren" ? [s, o] : [o, s];
-    return m().then(() => t());
-  } else
-    return Promise.all([s(), o(n.delay)]);
-}
-function C(r, e, n = 0, i = 0, a = 1, s) {
-  const o = [], f = (r.variantChildren.size - 1) * i, m = a === 1 ? (t = 0) => t * i : (t = 0) => f - t * i;
-  return Array.from(r.variantChildren).sort(u).forEach((t, c) => {
-    t.notify("AnimationStart", e), o.push(g(t, e, {
-      ...s,
-      delay: n + m(c)
-    }).then(() => t.notify("AnimationComplete", e)));
-  }), Promise.all(o);
-}
-function u(r, e) {
-  return r.sortNodePosition(e);
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  g as animateVariant,
-  u as sortByTreeOrder
+  n as MotionConfigContext
 };

package/dist/lyra187.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra187.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.custom);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, delayChildren + forwardDelay, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    const maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;\n    const generateStaggerDuration = staggerDirection === 1\n        ? (i = 0) => i * staggerChildren\n        : (i = 0) => maxStaggerDuration - i * staggerChildren;\n    Array.from(visualElement.variantChildren)\n        .sort(sortByTreeOrder)\n        .forEach((child, i) => {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delayChildren + generateStaggerDuration(i),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    });\n    return Promise.all(animations);\n}\nfunction sortByTreeOrder(a, b) {\n    return a.sortNodePosition(b);\n}\n\nexport { animateVariant, sortByTreeOrder };\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","animations","maxStaggerDuration","generateStaggerDuration","i","sortByTreeOrder","child","a","b"],"mappings":";;AAGA,SAASA,EAAeC,GAAeC,GAASC,IAAU,CAAA,GAAI;AAC1D,QAAMC,IAAWC,EAAeJ,GAAeC,GAASC,EAAQ,MAAM;AACtE,MAAI,EAAE,YAAAG,IAAaL,EAAc,qBAAsB,KAAI,GAAI,IAAGG,KAAY;AAC9E,EAAID,EAAQ,uBACRG,IAAaH,EAAQ;AAMzB,QAAMI,IAAeH,IACf,MAAM,QAAQ,IAAII,EAAcP,GAAeG,GAAUD,CAAO,CAAC,IACjE,MAAM,QAAQ,WAKdM,IAAqBR,EAAc,mBAAmBA,EAAc,gBAAgB,OACpF,CAACS,IAAe,MAAM;AACpB,UAAM,EAAE,eAAAC,IAAgB,GAAG,iBAAAC,GAAiB,kBAAAC,EAAgB,IAAMP;AAClE,WAAOQ,EAAgBb,GAAeC,GAASS,IAAgBD,GAAcE,GAAiBC,GAAkBV,CAAO;AAAA,EAC1H,IACC,MAAM,QAAQ,WAKd,EAAE,MAAAY,EAAM,IAAGT;AACjB,MAAIS,GAAM;AACN,UAAM,CAACC,GAAOC,CAAI,IAAIF,MAAS,mBACzB,CAACR,GAAcE,CAAkB,IACjC,CAACA,GAAoBF,CAAY;AACvC,WAAOS,EAAK,EAAG,KAAK,MAAMC,EAAM,CAAA;AAAA,EACnC;AAEG,WAAO,QAAQ,IAAI,CAACV,EAAY,GAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC;AAE9E;AACA,SAASW,EAAgBb,GAAeC,GAASS,IAAgB,GAAGC,IAAkB,GAAGC,IAAmB,GAAGV,GAAS;AACpH,QAAMe,IAAa,CAAA,GACbC,KAAsBlB,EAAc,gBAAgB,OAAO,KAAKW,GAChEQ,IAA0BP,MAAqB,IAC/C,CAACQ,IAAI,MAAMA,IAAIT,IACf,CAACS,IAAI,MAAMF,IAAqBE,IAAIT;AAC1C,eAAM,KAAKX,EAAc,eAAe,EACnC,KAAKqB,CAAe,EACpB,QAAQ,CAACC,GAAOF,MAAM;AACvB,IAAAE,EAAM,OAAO,kBAAkBrB,CAAO,GACtCgB,EAAW,KAAKlB,EAAeuB,GAAOrB,GAAS;AAAA,MAC3C,GAAGC;AAAA,MACH,OAAOQ,IAAgBS,EAAwBC,CAAC;AAAA,IAC5D,CAAS,EAAE,KAAK,MAAME,EAAM,OAAO,qBAAqBrB,CAAO,CAAC,CAAC;AAAA,EACjE,CAAK,GACM,QAAQ,IAAIgB,CAAU;AACjC;AACA,SAASI,EAAgBE,GAAGC,GAAG;AAC3B,SAAOD,EAAE,iBAAiBC,CAAC;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra187.js","sources":["../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n"],"names":["MotionConfigContext","createContext","p"],"mappings":";AAKK,MAACA,IAAsBC,EAAc;AAAA,EACtC,oBAAoB,CAACC,MAAMA;AAAA,EAC3B,UAAU;AAAA,EACV,eAAe;AACnB,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function n(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||o.has(t)}exports.isValidMotionProp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.MotionContext=e;

package/dist/lyra188.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra188.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs"],"sourcesContent":["/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"transformValues\",\n    \"custom\",\n    \"inherit\",\n    \"onLayoutAnimationStart\",\n    \"onLayoutAnimationComplete\",\n    \"onLayoutMeasure\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n"],"names":["validMotionProps","isValidMotionProp","key"],"mappings":"gFAMA,MAAMA,EAAmB,IAAI,IAAI,CAC7B,UACA,OACA,WACA,UACA,QACA,SACA,WACA,aACA,oBACA,kBACA,SACA,UACA,yBACA,4BACA,kBACA,wBACA,mBACA,sBACA,WACA,cACA,SACA,YACA,2BACA,kBACA,sBACA,SACA,SACA,eACA,aACA,kBACA,kBACA,eACA,UACJ,CAAC,EASD,SAASC,EAAkBC,EAAK,CAC5B,OAAQA,EAAI,WAAW,OAAO,GACzBA,EAAI,WAAW,MAAM,GAAKA,IAAQ,aACnCA,EAAI,WAAW,QAAQ,GACvBA,EAAI,WAAW,OAAO,GACtBA,EAAI,WAAW,OAAO,GACtBF,EAAiB,IAAIE,CAAG,CAChC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra188.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/index.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst MotionContext = createContext({});\n\nexport { MotionContext };\n"],"names":["MotionContext","createContext"],"mappings":"yGAEMA,EAAgBC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}

package/dist/lyra188.js

@@ -1,41 +1,5 @@
-const n = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "transformValues",
-  "custom",
-  "inherit",
-  "onLayoutAnimationStart",
-  "onLayoutAnimationComplete",
-  "onLayoutMeasure",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "ignoreStrict",
-  "viewport"
-]);
-function o(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || n.has(t);
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  o as isValidMotionProp
+  e as MotionContext
 };

package/dist/lyra188.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra188.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs"],"sourcesContent":["/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"transformValues\",\n    \"custom\",\n    \"inherit\",\n    \"onLayoutAnimationStart\",\n    \"onLayoutAnimationComplete\",\n    \"onLayoutMeasure\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n"],"names":["validMotionProps","isValidMotionProp","key"],"mappings":"AAMA,MAAMA,IAAmB,oBAAI,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AASD,SAASC,EAAkBC,GAAK;AAC5B,SAAQA,EAAI,WAAW,OAAO,KACzBA,EAAI,WAAW,MAAM,KAAKA,MAAQ,eACnCA,EAAI,WAAW,QAAQ,KACvBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,OAAO,KACtBF,EAAiB,IAAIE,CAAG;AAChC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra188.js","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/index.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst MotionContext = createContext({});\n\nexport { MotionContext };\n"],"names":["MotionContext","createContext"],"mappings":";AAEK,MAACA,IAAgBC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra189.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra190.cjs");function c(){const n=t.useContext(u.PresenceContext);if(n===null)return[!0,null];const{isPresent:r,onExitComplete:e,register:o}=n,s=t.useId();return t.useEffect(()=>o(s),[]),!r&&e?[!1,()=>e&&e(s)]:[!0]}exports.usePresence=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),C=require("./lyra185.cjs"),l=require("./lyra188.cjs"),m=require("./lyra121.cjs"),x=require("./lyra194.cjs"),p=require("./lyra187.cjs"),q=require("./lyra236.cjs");function g(s,u,r,n){const{visualElement:c}=t.useContext(l.MotionContext),f=t.useContext(x.LazyContext),o=t.useContext(C.PresenceContext),d=t.useContext(p.MotionConfigContext).reducedMotion,a=t.useRef();n=n||f.renderer,!a.current&&n&&(a.current=n(s,{visualState:u,parent:c,props:r,presenceContext:o,blockInitialAnimation:o?o.initial===!1:!1,reducedMotionConfig:d}));const e=a.current;t.useInsertionEffect(()=>{e&&e.update(r,o)});const i=t.useRef(!!r[q.optimizedAppearDataAttribute]);return m.useIsomorphicLayoutEffect(()=>{e&&(e.render(),i.current&&e.animationState&&e.animationState.animateChanges())}),t.useEffect(()=>{e&&(e.updateFeatures(),!i.current&&e.animationState&&e.animationState.animateChanges(),i.current&&(window.HandoffAppearAnimations=!1,i.current=!1))}),e}exports.useVisualElement=g;

package/dist/lyra189.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra189.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n"],"names":["usePresence","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect"],"mappings":"oIA0BA,SAASA,GAAc,CACnB,MAAMC,EAAUC,aAAWC,EAAAA,eAAe,EAC1C,GAAIF,IAAY,KACZ,MAAO,CAAC,GAAM,IAAI,EACtB,KAAM,CAAE,UAAAG,EAAW,eAAAC,EAAgB,SAAAC,CAAQ,EAAKL,EAG1CM,EAAKC,EAAAA,QACXC,OAAAA,EAAAA,UAAU,IAAMH,EAASC,CAAE,EAAG,CAAE,CAAA,EAEzB,CAACH,GAAaC,EAAiB,CAAC,GADlB,IAAMA,GAAkBA,EAAeE,CAAE,CACJ,EAAI,CAAC,EAAI,CACvE","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra189.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["import { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;\n    const visualElementRef = useRef();\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement = createVisualElement || lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n        });\n    }\n    const visualElement = visualElementRef.current;\n    useInsertionEffect(() => {\n        visualElement && visualElement.update(props, presenceContext);\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const wantsHandoff = useRef(Boolean(props[optimizedAppearDataAttribute]));\n    useIsomorphicLayoutEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.render();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.updateFeatures();\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        /**\n         * Once we've handed animations off, we can delete the global reference.\n         */\n        if (wantsHandoff.current) {\n            window.HandoffAppearAnimations = false;\n            wantsHandoff.current = false;\n        }\n    });\n    return visualElement;\n}\n\nexport { useVisualElement };\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","reducedMotionConfig","MotionConfigContext","visualElementRef","useRef","visualElement","useInsertionEffect","wantsHandoff","optimizedAppearDataAttribute","useIsomorphicLayoutEffect","useEffect"],"mappings":"2QAQA,SAASA,EAAiBC,EAAWC,EAAaC,EAAOC,EAAqB,CAC1E,KAAM,CAAE,cAAeC,CAAQ,EAAGC,EAAU,WAACC,EAAa,aAAA,EACpDC,EAAcF,aAAWG,EAAAA,WAAW,EACpCC,EAAkBJ,aAAWK,EAAAA,eAAe,EAC5CC,EAAsBN,EAAAA,WAAWO,EAAmB,mBAAA,EAAE,cACtDC,EAAmBC,EAAAA,SAIzBX,EAAsBA,GAAuBI,EAAY,SACrD,CAACM,EAAiB,SAAWV,IAC7BU,EAAiB,QAAUV,EAAoBH,EAAW,CACtD,YAAAC,EACA,OAAAG,EACA,MAAAF,EACA,gBAAAO,EACA,sBAAuBA,EACjBA,EAAgB,UAAY,GAC5B,GACN,oBAAAE,CACZ,CAAS,GAEL,MAAMI,EAAgBF,EAAiB,QACvCG,EAAAA,mBAAmB,IAAM,CACrBD,GAAiBA,EAAc,OAAOb,EAAOO,CAAe,CACpE,CAAK,EAKD,MAAMQ,EAAeH,EAAAA,OAAO,EAAQZ,EAAMgB,EAAAA,4BAA4B,CAAE,EACxEC,OAAAA,EAAAA,0BAA0B,IAAM,CACvBJ,IAELA,EAAc,OAAM,EAWhBE,EAAa,SAAWF,EAAc,gBACtCA,EAAc,eAAe,iBAEzC,CAAK,EACDK,EAAAA,UAAU,IAAM,CACPL,IAELA,EAAc,eAAc,EACxB,CAACE,EAAa,SAAWF,EAAc,gBACvCA,EAAc,eAAe,iBAK7BE,EAAa,UACb,OAAO,wBAA0B,GACjCA,EAAa,QAAU,IAEnC,CAAK,EACMF,CACX","x_google_ignoreList":[0]}

package/dist/lyra189.js

@@ -1,12 +1,31 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./lyra190.js";
-function x() {
-  const t = s(f);
-  if (t === null)
-    return [!0, null];
-  const { isPresent: n, onExitComplete: e, register: r } = t, o = u();
-  return c(() => r(o), []), !n && e ? [!1, () => e && e(o)] : [!0];
+import { useContext as i, useRef as f, useInsertionEffect as d, useEffect as l } from "react";
+import { PresenceContext as C } from "./lyra185.js";
+import { MotionContext as x } from "./lyra188.js";
+import { useIsomorphicLayoutEffect as A } from "./lyra121.js";
+import { LazyContext as g } from "./lyra194.js";
+import { MotionConfigContext as E } from "./lyra187.js";
+import { optimizedAppearDataAttribute as M } from "./lyra236.js";
+function b(m, s, r, e) {
+  const { visualElement: u } = i(x), c = i(g), n = i(C), p = i(E).reducedMotion, a = f();
+  e = e || c.renderer, !a.current && e && (a.current = e(m, {
+    visualState: s,
+    parent: u,
+    props: r,
+    presenceContext: n,
+    blockInitialAnimation: n ? n.initial === !1 : !1,
+    reducedMotionConfig: p
+  }));
+  const t = a.current;
+  d(() => {
+    t && t.update(r, n);
+  });
+  const o = f(!!r[M]);
+  return A(() => {
+    t && (t.render(), o.current && t.animationState && t.animationState.animateChanges());
+  }), l(() => {
+    t && (t.updateFeatures(), !o.current && t.animationState && t.animationState.animateChanges(), o.current && (window.HandoffAppearAnimations = !1, o.current = !1));
+  }), t;
 }
 export {
-  x as usePresence
+  b as useVisualElement
 };

package/dist/lyra189.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra189.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n"],"names":["usePresence","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect"],"mappings":";;AA0BA,SAASA,IAAc;AACnB,QAAMC,IAAUC,EAAWC,CAAe;AAC1C,MAAIF,MAAY;AACZ,WAAO,CAAC,IAAM,IAAI;AACtB,QAAM,EAAE,WAAAG,GAAW,gBAAAC,GAAgB,UAAAC,EAAQ,IAAKL,GAG1CM,IAAKC;AACX,SAAAC,EAAU,MAAMH,EAASC,CAAE,GAAG,CAAE,CAAA,GAEzB,CAACH,KAAaC,IAAiB,CAAC,IADlB,MAAMA,KAAkBA,EAAeE,CAAE,CACJ,IAAI,CAAC,EAAI;AACvE;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra189.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["import { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;\n    const visualElementRef = useRef();\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement = createVisualElement || lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n        });\n    }\n    const visualElement = visualElementRef.current;\n    useInsertionEffect(() => {\n        visualElement && visualElement.update(props, presenceContext);\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const wantsHandoff = useRef(Boolean(props[optimizedAppearDataAttribute]));\n    useIsomorphicLayoutEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.render();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        visualElement.updateFeatures();\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        /**\n         * Once we've handed animations off, we can delete the global reference.\n         */\n        if (wantsHandoff.current) {\n            window.HandoffAppearAnimations = false;\n            wantsHandoff.current = false;\n        }\n    });\n    return visualElement;\n}\n\nexport { useVisualElement };\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","reducedMotionConfig","MotionConfigContext","visualElementRef","useRef","visualElement","useInsertionEffect","wantsHandoff","optimizedAppearDataAttribute","useIsomorphicLayoutEffect","useEffect"],"mappings":";;;;;;;AAQA,SAASA,EAAiBC,GAAWC,GAAaC,GAAOC,GAAqB;AAC1E,QAAM,EAAE,eAAeC,EAAQ,IAAGC,EAAWC,CAAa,GACpDC,IAAcF,EAAWG,CAAW,GACpCC,IAAkBJ,EAAWK,CAAe,GAC5CC,IAAsBN,EAAWO,CAAmB,EAAE,eACtDC,IAAmBC;AAIzB,EAAAX,IAAsBA,KAAuBI,EAAY,UACrD,CAACM,EAAiB,WAAWV,MAC7BU,EAAiB,UAAUV,EAAoBH,GAAW;AAAA,IACtD,aAAAC;AAAA,IACA,QAAAG;AAAA,IACA,OAAAF;AAAA,IACA,iBAAAO;AAAA,IACA,uBAAuBA,IACjBA,EAAgB,YAAY,KAC5B;AAAA,IACN,qBAAAE;AAAA,EACZ,CAAS;AAEL,QAAMI,IAAgBF,EAAiB;AACvC,EAAAG,EAAmB,MAAM;AACrB,IAAAD,KAAiBA,EAAc,OAAOb,GAAOO,CAAe;AAAA,EACpE,CAAK;AAKD,QAAMQ,IAAeH,EAAO,EAAQZ,EAAMgB,CAA4B,CAAE;AACxE,SAAAC,EAA0B,MAAM;AAC5B,IAAKJ,MAELA,EAAc,OAAM,GAWhBE,EAAa,WAAWF,EAAc,kBACtCA,EAAc,eAAe;EAEzC,CAAK,GACDK,EAAU,MAAM;AACZ,IAAKL,MAELA,EAAc,eAAc,GACxB,CAACE,EAAa,WAAWF,EAAc,kBACvCA,EAAc,eAAe,kBAK7BE,EAAa,YACb,OAAO,0BAA0B,IACjCA,EAAa,UAAU;AAAA,EAEnC,CAAK,GACMF;AACX;","x_google_ignoreList":[0]}

package/dist/lyra19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),E=require("react"),r=require("./lyra53.cjs"),x=require("./lyra100.cjs"),w=require("./lyra101.cjs"),M=require("./lyra8.cjs");require("./lyra107.cjs");const H=require("./lyra37.cjs"),P=require("./lyra39.cjs"),p=require("./lyra43.cjs");require("./lyra105.cjs");const l=require("./lyra22.cjs");require("./lyra113.cjs");const B=require("./lyra55.cjs"),C=({label:a,description:m,errorMessage:d,className:v,fullWidth:R=!1,isDisabled:o=!1,isRequired:u,clearLabel:q="Clear",isInvalid:j,startSlot:h,endSlot:f,size:S,optionalLabel:N="Optional",isLoading:y,inputRef:I,...s},c)=>{[s,c]=r.useContextProps(s,c,r.SearchFieldContext);const[g,F]=E.useState(!1),[b,i]=E.useState(!1);return e.jsxRuntimeExports.jsx(r.SearchField,{className:l.sharedInputFieldWrapperStyles({className:x.cx("lyra-input",v)}),isDisabled:o,isRequired:u,isInvalid:j,...s,onFocus:t=>{var n;F(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;F(!1),(n=s.onBlur)==null||n.call(s,t)},ref:c,children:({isEmpty:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsx(r.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,u===!1?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:N}):null]}),e.jsxRuntimeExports.jsxs("div",{className:B.twMerge(l.sharedInputFieldStyles({fullWidth:R,isFocused:g,isHovered:b,isDisabled:o,isInvalid:j})),onPointerEnter:()=>i(!0),onPointerLeave:()=>i(!1),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[h,e.jsxRuntimeExports.jsx(r.Input,{className:l.sharedInputStyles({size:S,className:x.cx(!!h&&"ps-2",!!f&&"pe-2")}),required:u,disabled:o,style:{fontFamily:"var(--input-font-family)"},ref:I}),!t&&!y?e.jsxRuntimeExports.jsx("div",{className:"px-2",children:e.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"small",tooltip:q,children:e.jsxRuntimeExports.jsx(P.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,y?e.jsxRuntimeExports.jsx("div",{className:"px-4",children:e.jsxRuntimeExports.jsx(H.Spinner,{size:"small"})}):null,f]}),m&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:m}),d&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:d})]})})},T=w.fixedForwardRef(C);exports.SearchField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),E=require("react"),r=require("./lyra53.cjs"),M=require("./lyra55.cjs"),x=require("./lyra99.cjs"),w=require("./lyra114.cjs"),H=require("./lyra8.cjs");require("./lyra104.cjs");const P=require("./lyra37.cjs"),B=require("./lyra39.cjs"),p=require("./lyra43.cjs");require("./lyra101.cjs");const l=require("./lyra22.cjs");require("./lyra108.cjs");const C=({className:v,clearLabel:R="Clear",description:m,endSlot:d,errorMessage:j,fullWidth:q=!1,inputRef:S,isDisabled:a=!1,isInvalid:h,isLoading:f,isRequired:o,label:u,optionalLabel:N="Optional",size:I,startSlot:y,...s},c)=>{[s,c]=r.useContextProps(s,c,r.SearchFieldContext);const[b,F]=E.useState(!1),[g,i]=E.useState(!1);return e.jsxRuntimeExports.jsx(r.SearchField,{className:l.sharedInputFieldWrapperStyles({className:x.cx("lyra-input",v)}),isDisabled:a,isRequired:o,isInvalid:h,...s,onFocus:t=>{var n;F(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;F(!1),(n=s.onBlur)==null||n.call(s,t)},ref:c,children:({isEmpty:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",u?"justify-between":"justify-end"),children:[u?e.jsxRuntimeExports.jsx(r.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:u}):null,o===!1?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:N}):null]}),e.jsxRuntimeExports.jsxs("div",{className:M.twMerge(l.sharedInputFieldStyles({fullWidth:q,isFocused:b,isHovered:g,isDisabled:a,isInvalid:h})),onPointerEnter:()=>i(!0),onPointerLeave:()=>i(!1),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[y,e.jsxRuntimeExports.jsx(r.Input,{className:l.sharedInputStyles({size:I,className:x.cx(!!y&&"ps-2",!!d&&"pe-2")}),required:o,disabled:a,style:{fontFamily:"var(--input-font-family)"},ref:S}),!t&&!f?e.jsxRuntimeExports.jsx("div",{className:"px-2",children:e.jsxRuntimeExports.jsx(H.Button,{variant:"ghost",size:"small",tooltip:R,children:e.jsxRuntimeExports.jsx(B.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,f?e.jsxRuntimeExports.jsx("div",{className:"px-4",children:e.jsxRuntimeExports.jsx(P.Spinner,{size:"small"})}):null,d]}),m&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:m}),j&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:j})]})})},T=w.fixedForwardRef(C);exports.SearchField=T;

package/dist/lyra19.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra19.cjs","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useState } from \"react\";\nimport {\n  Input,\n  Label,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    clearLabel?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    optionalLabel?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired,\n    clearLabel = \"Clear\",\n    isInvalid,\n    startSlot,\n    endSlot,\n    size,\n    optionalLabel = \"Optional\",\n    isLoading,\n    inputRef,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaSearchField\n      className={sharedInputFieldWrapperStyles({ className: cx(\"lyra-input\", className) })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      {({ isEmpty }) => (\n        <>\n          <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n            {label ? (\n              <Label\n                className={sharedInputlabelStyles()}\n                style={{ fontFamily: \"var(--input-label-font-family)\" }}\n              >\n                {label}\n              </Label>\n            ) : null}\n            {isRequired === false ? (\n              <span\n                className={sharedInputHintStyles()}\n                style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n              >\n                {optionalLabel}\n              </span>\n            ) : null}\n          </div>\n          <div\n            className={twMerge(\n              sharedInputFieldStyles({\n                fullWidth,\n                isFocused: fieldIsFocused,\n                isHovered: fieldIsHovered,\n                isDisabled,\n                isInvalid,\n              }),\n            )}\n            onPointerEnter={() => setFieldIsHovered(true)}\n            onPointerLeave={() => setFieldIsHovered(false)}\n            onMouseEnter={() => setFieldIsHovered(true)}\n            onMouseLeave={() => setFieldIsHovered(false)}\n          >\n            {startSlot}\n            <Input\n              className={sharedInputStyles({\n                size,\n                className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n              })}\n              required={isRequired}\n              disabled={isDisabled}\n              style={{ fontFamily: \"var(--input-font-family)\" }}\n              ref={inputRef}\n            />\n            {!isEmpty && !isLoading ? (\n              <div className=\"px-2\">\n                <Button variant=\"ghost\" size=\"small\" tooltip={clearLabel}>\n                  <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ) : null}\n            {isLoading ? (\n              <div className=\"px-4\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n            {endSlot}\n          </div>\n          {description && (\n            <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n              {description}\n            </Text>\n          )}\n          {errorMessage && (\n            <Text\n              className=\"ml-1 mt-1.5\"\n              variant=\"body-small\"\n              color=\"accent-danger\"\n              slot=\"errorMessage\"\n            >\n              {errorMessage}\n            </Text>\n          )}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","clearLabel","isInvalid","startSlot","endSlot","size","optionalLabel","isLoading","inputRef","props","ref","useContextProps","SearchFieldContext","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsx","AriaSearchField","sharedInputFieldWrapperStyles","cx","e","_a","isEmpty","jsxs","Fragment","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","sharedInputFieldStyles","Input","sharedInputStyles","Button","SvgIcon","Spinner","Text","SearchField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra19.cjs","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useState } from \"react\";\nimport {\n  Input,\n  Label,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    clearLabel?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    optionalLabel?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    className,\n    clearLabel = \"Clear\",\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = false,\n    inputRef,\n    isDisabled = false,\n    isInvalid,\n    isLoading,\n    isRequired,\n    label,\n    optionalLabel = \"Optional\",\n    size,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaSearchField\n      className={sharedInputFieldWrapperStyles({ className: cx(\"lyra-input\", className) })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      {({ isEmpty }) => (\n        <>\n          <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n            {label ? (\n              <Label\n                className={sharedInputlabelStyles()}\n                style={{ fontFamily: \"var(--input-label-font-family)\" }}\n              >\n                {label}\n              </Label>\n            ) : null}\n            {isRequired === false ? (\n              <span\n                className={sharedInputHintStyles()}\n                style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n              >\n                {optionalLabel}\n              </span>\n            ) : null}\n          </div>\n          <div\n            className={twMerge(\n              sharedInputFieldStyles({\n                fullWidth,\n                isFocused: fieldIsFocused,\n                isHovered: fieldIsHovered,\n                isDisabled,\n                isInvalid,\n              }),\n            )}\n            onPointerEnter={() => setFieldIsHovered(true)}\n            onPointerLeave={() => setFieldIsHovered(false)}\n            onMouseEnter={() => setFieldIsHovered(true)}\n            onMouseLeave={() => setFieldIsHovered(false)}\n          >\n            {startSlot}\n            <Input\n              className={sharedInputStyles({\n                size,\n                className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n              })}\n              required={isRequired}\n              disabled={isDisabled}\n              style={{ fontFamily: \"var(--input-font-family)\" }}\n              ref={inputRef}\n            />\n            {!isEmpty && !isLoading ? (\n              <div className=\"px-2\">\n                <Button variant=\"ghost\" size=\"small\" tooltip={clearLabel}>\n                  <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ) : null}\n            {isLoading ? (\n              <div className=\"px-4\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n            {endSlot}\n          </div>\n          {description && (\n            <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n              {description}\n            </Text>\n          )}\n          {errorMessage && (\n            <Text\n              className=\"ml-1 mt-1.5\"\n              variant=\"body-small\"\n              color=\"accent-danger\"\n              slot=\"errorMessage\"\n            >\n              {errorMessage}\n            </Text>\n          )}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","className","clearLabel","description","endSlot","errorMessage","fullWidth","inputRef","isDisabled","isInvalid","isLoading","isRequired","label","optionalLabel","size","startSlot","props","ref","useContextProps","SearchFieldContext","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsx","AriaSearchField","sharedInputFieldWrapperStyles","cx","e","_a","isEmpty","jsxs","Fragment","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","sharedInputFieldStyles","Input","sharedInputStyles","Button","SvgIcon","Spinner","Text","SearchField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra19.js

@@ -1,33 +1,33 @@
 import { j as e } from "./lyra54.js";
 import { useState as p } from "react";
 import { useContextProps as w, SearchField as H, Label as B, Input as C, SearchFieldContext as E } from "./lyra53.js";
-import { cx as m } from "./lyra100.js";
-import { fixedForwardRef as M } from "./lyra101.js";
-import { Button as P } from "./lyra8.js";
-import "./lyra107.js";
-import { Spinner as z } from "./lyra37.js";
-import { SvgIcon as L } from "./lyra39.js";
+import { twMerge as M } from "./lyra55.js";
+import { cx as m } from "./lyra99.js";
+import { fixedForwardRef as P } from "./lyra114.js";
+import { Button as z } from "./lyra8.js";
+import "./lyra104.js";
+import { Spinner as L } from "./lyra37.js";
+import { SvgIcon as O } from "./lyra39.js";
 import { Text as j } from "./lyra43.js";
-import "./lyra105.js";
-import { sharedInputFieldWrapperStyles as O, sharedInputlabelStyles as T, sharedInputHintStyles as W, sharedInputFieldStyles as _, sharedInputStyles as k } from "./lyra22.js";
-import "./lyra113.js";
-import { twMerge as A } from "./lyra55.js";
+import "./lyra101.js";
+import { sharedInputFieldWrapperStyles as T, sharedInputlabelStyles as W, sharedInputHintStyles as _, sharedInputFieldStyles as k, sharedInputStyles as A } from "./lyra22.js";
+import "./lyra108.js";
 const G = ({
-  label: r,
-  description: c,
-  errorMessage: f,
   className: F,
-  fullWidth: b = !1,
-  isDisabled: n = !1,
-  isRequired: o,
-  clearLabel: v = "Clear",
-  isInvalid: d,
-  startSlot: u,
-  endSlot: x,
-  size: $,
+  clearLabel: b = "Clear",
+  description: c,
+  endSlot: f,
+  errorMessage: d,
+  fullWidth: v = !1,
+  inputRef: $,
+  isDisabled: r = !1,
+  isInvalid: u,
+  isLoading: x,
+  isRequired: n,
+  label: o,
   optionalLabel: N = "Optional",
-  isLoading: h,
-  inputRef: I,
+  size: I,
+  startSlot: h,
   ...s
 }, i) => {
   [s, i] = w(s, i, E);
@@ -35,10 +35,10 @@ const G = ({
   return /* @__PURE__ */ e.jsx(
     H,
     {
-      className: O({ className: m("lyra-input", F) }),
-      isDisabled: n,
-      isRequired: o,
-      isInvalid: d,
+      className: T({ className: m("lyra-input", F) }),
+      isDisabled: r,
+      isRequired: n,
+      isInvalid: u,
       ...s,
       onFocus: (a) => {
         var t;
@@ -50,19 +50,19 @@ const G = ({
       },
       ref: i,
       children: ({ isEmpty: a }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-3", r ? "justify-between" : "justify-end"), children: [
-          r ? /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-3", o ? "justify-between" : "justify-end"), children: [
+          o ? /* @__PURE__ */ e.jsx(
             B,
             {
-              className: T(),
+              className: W(),
               style: { fontFamily: "var(--input-label-font-family)" },
-              children: r
+              children: o
             }
           ) : null,
-          o === !1 ? /* @__PURE__ */ e.jsx(
+          n === !1 ? /* @__PURE__ */ e.jsx(
             "span",
             {
-              className: W(),
+              className: _(),
               style: { fontFamily: "var(--input-hint-font-family)" },
               children: N
             }
@@ -71,13 +71,13 @@ const G = ({
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: A(
-              _({
-                fullWidth: b,
+            className: M(
+              k({
+                fullWidth: v,
                 isFocused: S,
                 isHovered: g,
-                isDisabled: n,
-                isInvalid: d
+                isDisabled: r,
+                isInvalid: u
               })
             ),
             onPointerEnter: () => l(!0),
@@ -85,41 +85,41 @@ const G = ({
             onMouseEnter: () => l(!0),
             onMouseLeave: () => l(!1),
             children: [
-              u,
+              h,
               /* @__PURE__ */ e.jsx(
                 C,
                 {
-                  className: k({
-                    size: $,
-                    className: m(!!u && "ps-2", !!x && "pe-2")
+                  className: A({
+                    size: I,
+                    className: m(!!h && "ps-2", !!f && "pe-2")
                   }),
-                  required: o,
-                  disabled: n,
+                  required: n,
+                  disabled: r,
                   style: { fontFamily: "var(--input-font-family)" },
-                  ref: I
+                  ref: $
                 }
               ),
-              !a && !h ? /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(P, { variant: "ghost", size: "small", tooltip: v, children: /* @__PURE__ */ e.jsx(L, { name: "cross", className: "h-4 w-4" }) }) }) : null,
-              h ? /* @__PURE__ */ e.jsx("div", { className: "px-4", children: /* @__PURE__ */ e.jsx(z, { size: "small" }) }) : null,
-              x
+              !a && !x ? /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", size: "small", tooltip: b, children: /* @__PURE__ */ e.jsx(O, { name: "cross", className: "h-4 w-4" }) }) }) : null,
+              x ? /* @__PURE__ */ e.jsx("div", { className: "px-4", children: /* @__PURE__ */ e.jsx(L, { size: "small" }) }) : null,
+              f
             ]
           }
         ),
         c && /* @__PURE__ */ e.jsx(j, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: c }),
-        f && /* @__PURE__ */ e.jsx(
+        d && /* @__PURE__ */ e.jsx(
           j,
           {
             className: "ml-1 mt-1.5",
             variant: "body-small",
             color: "accent-danger",
             slot: "errorMessage",
-            children: f
+            children: d
           }
         )
       ] })
     }
   );
-}, te = M(G);
+}, te = P(G);
 export {
   te as SearchField
 };

package/dist/lyra19.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra19.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useState } from \"react\";\nimport {\n  Input,\n  Label,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    clearLabel?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    optionalLabel?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired,\n    clearLabel = \"Clear\",\n    isInvalid,\n    startSlot,\n    endSlot,\n    size,\n    optionalLabel = \"Optional\",\n    isLoading,\n    inputRef,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaSearchField\n      className={sharedInputFieldWrapperStyles({ className: cx(\"lyra-input\", className) })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      {({ isEmpty }) => (\n        <>\n          <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n            {label ? (\n              <Label\n                className={sharedInputlabelStyles()}\n                style={{ fontFamily: \"var(--input-label-font-family)\" }}\n              >\n                {label}\n              </Label>\n            ) : null}\n            {isRequired === false ? (\n              <span\n                className={sharedInputHintStyles()}\n                style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n              >\n                {optionalLabel}\n              </span>\n            ) : null}\n          </div>\n          <div\n            className={twMerge(\n              sharedInputFieldStyles({\n                fullWidth,\n                isFocused: fieldIsFocused,\n                isHovered: fieldIsHovered,\n                isDisabled,\n                isInvalid,\n              }),\n            )}\n            onPointerEnter={() => setFieldIsHovered(true)}\n            onPointerLeave={() => setFieldIsHovered(false)}\n            onMouseEnter={() => setFieldIsHovered(true)}\n            onMouseLeave={() => setFieldIsHovered(false)}\n          >\n            {startSlot}\n            <Input\n              className={sharedInputStyles({\n                size,\n                className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n              })}\n              required={isRequired}\n              disabled={isDisabled}\n              style={{ fontFamily: \"var(--input-font-family)\" }}\n              ref={inputRef}\n            />\n            {!isEmpty && !isLoading ? (\n              <div className=\"px-2\">\n                <Button variant=\"ghost\" size=\"small\" tooltip={clearLabel}>\n                  <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ) : null}\n            {isLoading ? (\n              <div className=\"px-4\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n            {endSlot}\n          </div>\n          {description && (\n            <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n              {description}\n            </Text>\n          )}\n          {errorMessage && (\n            <Text\n              className=\"ml-1 mt-1.5\"\n              variant=\"body-small\"\n              color=\"accent-danger\"\n              slot=\"errorMessage\"\n            >\n              {errorMessage}\n            </Text>\n          )}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","clearLabel","isInvalid","startSlot","endSlot","size","optionalLabel","isLoading","inputRef","props","ref","useContextProps","SearchFieldContext","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsx","AriaSearchField","sharedInputFieldWrapperStyles","cx","e","_a","isEmpty","jsxs","Fragment","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","sharedInputFieldStyles","Input","sharedInputStyles","Button","SvgIcon","Spinner","Text","SearchField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra19.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useState } from \"react\";\nimport {\n  Input,\n  Label,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Button } from \"../../button\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    clearLabel?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    optionalLabel?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    className,\n    clearLabel = \"Clear\",\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = false,\n    inputRef,\n    isDisabled = false,\n    isInvalid,\n    isLoading,\n    isRequired,\n    label,\n    optionalLabel = \"Optional\",\n    size,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaSearchField\n      className={sharedInputFieldWrapperStyles({ className: cx(\"lyra-input\", className) })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      {({ isEmpty }) => (\n        <>\n          <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n            {label ? (\n              <Label\n                className={sharedInputlabelStyles()}\n                style={{ fontFamily: \"var(--input-label-font-family)\" }}\n              >\n                {label}\n              </Label>\n            ) : null}\n            {isRequired === false ? (\n              <span\n                className={sharedInputHintStyles()}\n                style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n              >\n                {optionalLabel}\n              </span>\n            ) : null}\n          </div>\n          <div\n            className={twMerge(\n              sharedInputFieldStyles({\n                fullWidth,\n                isFocused: fieldIsFocused,\n                isHovered: fieldIsHovered,\n                isDisabled,\n                isInvalid,\n              }),\n            )}\n            onPointerEnter={() => setFieldIsHovered(true)}\n            onPointerLeave={() => setFieldIsHovered(false)}\n            onMouseEnter={() => setFieldIsHovered(true)}\n            onMouseLeave={() => setFieldIsHovered(false)}\n          >\n            {startSlot}\n            <Input\n              className={sharedInputStyles({\n                size,\n                className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n              })}\n              required={isRequired}\n              disabled={isDisabled}\n              style={{ fontFamily: \"var(--input-font-family)\" }}\n              ref={inputRef}\n            />\n            {!isEmpty && !isLoading ? (\n              <div className=\"px-2\">\n                <Button variant=\"ghost\" size=\"small\" tooltip={clearLabel}>\n                  <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ) : null}\n            {isLoading ? (\n              <div className=\"px-4\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n            {endSlot}\n          </div>\n          {description && (\n            <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n              {description}\n            </Text>\n          )}\n          {errorMessage && (\n            <Text\n              className=\"ml-1 mt-1.5\"\n              variant=\"body-small\"\n              color=\"accent-danger\"\n              slot=\"errorMessage\"\n            >\n              {errorMessage}\n            </Text>\n          )}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","className","clearLabel","description","endSlot","errorMessage","fullWidth","inputRef","isDisabled","isInvalid","isLoading","isRequired","label","optionalLabel","size","startSlot","props","ref","useContextProps","SearchFieldContext","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsx","AriaSearchField","sharedInputFieldWrapperStyles","cx","e","_a","isEmpty","jsxs","Fragment","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","sharedInputFieldStyles","Input","sharedInputStyles","Button","SvgIcon","Spinner","Text","SearchField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra190.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra199.cjs");function i(f,r,u){return t.useCallback(o=>{o&&f.mount&&f.mount(o),r&&(o?r.mount(o):r.unmount()),u&&(typeof u=="function"?u(o):c.isRefObject(u)&&(u.current=o))},[r])}exports.useMotionRef=i;

package/dist/lyra190.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra190.cjs","sources":["../node_modules/framer-motion/dist/es/context/PresenceContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = createContext(null);\n\nexport { PresenceContext };\n"],"names":["PresenceContext","createContext"],"mappings":"yGAKMA,EAAkBC,EAAa,cAAC,IAAI","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra190.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["import { useCallback } from 'react';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    return useCallback((instance) => {\n        instance && visualState.mount && visualState.mount(instance);\n        if (visualElement) {\n            instance\n                ? visualElement.mount(instance)\n                : visualElement.unmount();\n        }\n        if (externalRef) {\n            if (typeof externalRef === \"function\") {\n                externalRef(instance);\n            }\n            else if (isRefObject(externalRef)) {\n                externalRef.current = instance;\n            }\n        }\n    }, \n    /**\n     * Only pass a new ref callback to React if we've received a visual element\n     * factory. Otherwise we'll be mounting/remounting every time externalRef\n     * or other dependencies change.\n     */\n    [visualElement]);\n}\n\nexport { useMotionRef };\n"],"names":["useMotionRef","visualState","visualElement","externalRef","useCallback","instance","isRefObject"],"mappings":"oIAOA,SAASA,EAAaC,EAAaC,EAAeC,EAAa,CAC3D,OAAOC,EAAAA,YAAaC,GAAa,CAC7BA,GAAYJ,EAAY,OAASA,EAAY,MAAMI,CAAQ,EACvDH,IACAG,EACMH,EAAc,MAAMG,CAAQ,EAC5BH,EAAc,QAAO,GAE3BC,IACI,OAAOA,GAAgB,WACvBA,EAAYE,CAAQ,EAEfC,EAAAA,YAAYH,CAAW,IAC5BA,EAAY,QAAUE,GAGjC,EAMD,CAACH,CAAa,CAAC,CACnB","x_google_ignoreList":[0]}

package/dist/lyra190.js

@@ -1,5 +1,18 @@
-import { createContext as e } from "react";
-const o = e(null);
+import { useCallback as r } from "react";
+import { isRefObject as p } from "./lyra199.js";
+function j(m, u, f) {
+  return r(
+    (o) => {
+      o && m.mount && m.mount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : p(f) && (f.current = o));
+    },
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [u]
+  );
+}
 export {
-  o as PresenceContext
+  j as useMotionRef
 };