@new-black/lyra 0.1.8 → 0.1.9

package/dist/lyra186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("./lyra195.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra205.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;

package/dist/lyra186.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra186.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]}
+{"version":3,"file":"lyra186.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":"iHAEA,SAASA,EAAaC,EAAU,CAC5B,UAAWC,KAAOD,EACdE,EAAkB,mBAACD,CAAG,EAAI,CACtB,GAAGC,EAAAA,mBAAmBD,CAAG,EACzB,GAAGD,EAASC,CAAG,CAC3B,CAEA","x_google_ignoreList":[0]}

package/dist/lyra186.js

@@ -1,18 +1,11 @@
-import { useCallback as r } from "react";
-import { isRefObject as p } from "./lyra195.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]
-  );
+import { featureDefinitions as n } from "./lyra205.js";
+function e(i) {
+  for (const o in i)
+    n[o] = {
+      ...n[o],
+      ...i[o]
+    };
 }
 export {
-  j as useMotionRef
+  e as loadFeatures
 };

package/dist/lyra186.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra186.js","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":";;AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAC3D,SAAOC;AAAA,IAAY,CAACC,MAAa;AAC7B,MAAAA,KAAYJ,EAAY,SAASA,EAAY,MAAMI,CAAQ,GACvDH,MACAG,IACMH,EAAc,MAAMG,CAAQ,IAC5BH,EAAc,QAAO,IAE3BC,MACI,OAAOA,KAAgB,aACvBA,EAAYE,CAAQ,IAEfC,EAAYH,CAAW,MAC5BA,EAAY,UAAUE;AAAA,IAGjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,CAACH,CAAa;AAAA,EAAC;AACnB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra186.js","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":";AAEA,SAASA,EAAaC,GAAU;AAC5B,aAAWC,KAAOD;AACd,IAAAE,EAAmBD,CAAG,IAAI;AAAA,MACtB,GAAGC,EAAmBD,CAAG;AAAA,MACzB,GAAGD,EAASC,CAAG;AAAA,IAC3B;AAEA;","x_google_ignoreList":[0]}

package/dist/lyra187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra184.cjs"),u=require("./lyra297.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;

package/dist/lyra187.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra187.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":"+JAIA,SAASA,EAAuBC,EAAO,CACnC,KAAM,CAAE,QAAAC,EAAS,QAAAC,GAAYC,EAAAA,uBAAuBH,EAAOI,EAAU,WAACC,EAAa,aAAA,CAAC,EACpF,OAAOC,UAAQ,KAAO,CAAE,QAAAL,EAAS,QAAAC,CAAO,GAAK,CAACK,EAA0BN,CAAO,EAAGM,EAA0BL,CAAO,CAAC,CAAC,CACzH,CACA,SAASK,EAA0BC,EAAM,CACrC,OAAO,MAAM,QAAQA,CAAI,EAAIA,EAAK,KAAK,GAAG,EAAIA,CAClD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra187.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"gFAAK,MAACA,EAAY,OAAO,SAAa","x_google_ignoreList":[0]}

package/dist/lyra187.js

@@ -1,13 +1,4 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra184.js";
-import { getCurrentTreeVariants as m } from "./lyra297.js";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
-}
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
-}
+const e = typeof document < "u";
 export {
-  C as useCreateMotionContext
+  e as isBrowser
 };

package/dist/lyra187.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra187.js","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAIA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra187.js","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,WAAa;","x_google_ignoreList":[0]}

package/dist/lyra188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra207.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;

package/dist/lyra188.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra188.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":"iHAEA,SAASA,EAAaC,EAAU,CAC5B,UAAWC,KAAOD,EACdE,EAAkB,mBAACD,CAAG,EAAI,CACtB,GAAGC,EAAAA,mBAAmBD,CAAG,EACzB,GAAGD,EAASC,CAAG,CAC3B,CAEA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra188.cjs","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":"yGAEMA,EAAcC,EAAa,cAAC,CAAE,OAAQ,EAAO,CAAA","x_google_ignoreList":[0]}

package/dist/lyra188.js

@@ -1,11 +1,5 @@
-import { featureDefinitions as n } from "./lyra207.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
-}
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
 export {
-  e as loadFeatures
+  o as LazyContext
 };

package/dist/lyra188.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra188.js","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":";AAEA,SAASA,EAAaC,GAAU;AAC5B,aAAWC,KAAOD;AACd,IAAAE,EAAmBD,CAAG,IAAI;AAAA,MACtB,GAAGC,EAAmBD,CAAG;AAAA,MACzB,GAAGD,EAASC,CAAG;AAAA,IAC3B;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra188.js","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":";AAEK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAO,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra189.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;

package/dist/lyra189.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra189.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"gFAAK,MAACA,EAAY,OAAO,SAAa","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra189.cjs","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":"yGAKMA,EAA2BC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}

package/dist/lyra189.js

@@ -1,4 +1,5 @@
-const e = typeof document < "u";
+import { createContext as t } from "react";
+const e = t({});
 export {
-  e as isBrowser
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra189.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra189.js","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,WAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra189.js","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":";AAKK,MAACA,IAA2BC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra62.cjs");require("./lyra76.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva({},{variants:{size:{small:["min-h-[42px]","px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["min-h-[50px]","px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["min-h-[58px]","px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}}}),a=e.cva(["flex","items-center","outline-none","border","border-solid","border-[--input-border-default-color]","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},validationState:{valid:"border-[--input-border-valid-color]",invalid:"border-[--input-border-invalid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{validationState:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,validationState:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,validationState:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,validationState:"valid",isFocused:!0,className:"ring !ring-[--input-ring-valid-color]"},{isDisabled:!1,isFocused:!0,validationState:"invalid",className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),l=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),n=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),d=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=a;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=n;exports.sharedInputSizeStyles=i;exports.sharedInputStyles=d;exports.sharedInputlabelStyles=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra62.cjs");require("./lyra73.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva({},{variants:{size:{small:["min-h-[42px]","px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["min-h-[50px]","px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["min-h-[58px]","px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}}}),l=e.cva(["flex","items-center","outline-none","border","border-solid","border-[--input-border-default-color]","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},isInvalid:{true:"border-[--input-border-invalid-color]",false:"border-[--input-border-valid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{isInvalid:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,isInvalid:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,isInvalid:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,isInvalid:!1,isFocused:!0,className:"ring !ring-[--input-ring-valid-color]"},{isDisabled:!1,isFocused:!0,isInvalid:!0,className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),n=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),s=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=l;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=n;exports.sharedInputSizeStyles=i;exports.sharedInputStyles=s;exports.sharedInputlabelStyles=a;

package/dist/lyra19.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra19.cjs","sources":["../src/components/inputs/shared.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./shared.vars.css\";\n\nexport const sharedInputFieldWrapperStyles = cva([\"flex\", \"flex-col\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n  },\n});\n\nexport const sharedInputSizeStyles = cva(\n  {},\n  {\n    variants: {\n      size: {\n        small: [\n          \"min-h-[42px]\",\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"min-h-[50px]\",\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"min-h-[58px]\",\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n  },\n);\n\nexport const sharedInputFieldStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"outline-none\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--input-border-default-color]\",\n    \"rounded-[--input-radius]\",\n    \"font-sans\",\n    \"text-base\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-150\",\n    \"placeholder:text-[--input-placeholder-color]\",\n  ],\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"w-fit\",\n      },\n      isDisabled: {\n        true: \"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed\",\n        false: \"bg-[--input-background-color] text-[--input-text-color]\",\n      },\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n      validationState: {\n        valid: \"border-[--input-border-valid-color]\",\n        invalid: \"border-[--input-border-invalid-color]\",\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isFocused: {\n        true: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        validationState: undefined,\n        isFocused: false,\n        isDisabled: false,\n        className: \"border-[--input-border-default-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: false,\n        validationState: undefined,\n        isHovered: true,\n        className: \"border-[--input-border-default-hover-color]\",\n      },\n      {\n        isFocused: true,\n        isDisabled: false,\n        validationState: undefined,\n        className: \"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]\",\n      },\n      {\n        isDisabled: false,\n        validationState: \"valid\",\n        isFocused: true,\n        className: \"ring !ring-[--input-ring-valid-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: true,\n        validationState: \"invalid\",\n        className: \"ring !ring-[--input-ring-invalid-color]\",\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport const sharedInputlabelStyles = cva([\n  \"text-[--input-label-color]\",\n  \"text-[length:--input-label-size]\",\n  \"mb-[--input-label-margin-bottom]\",\n  \"transition-all\",\n  \"ease-out\",\n  \"duration-150\",\n]);\n\nexport const sharedInputHintStyles = cva(\n  [\"font-[--input-hint-weight]\", \"text-[--input-hint-color]\", \"mb-[--input-hint-margin-bottom]\"],\n  {\n    variants: {\n      size: {\n        small: [\"text-[--input-hint-size-small]\"],\n        medium: [\"text-[--input-hint-size-medium]\"],\n        large: [\"text-[--input-hint-size-large]\"],\n      },\n    },\n  },\n);\n\nexport const sharedInputStyles = cva(\n  [\"w-full\", \"flex-grow\", \"bg-transparent\", \"outline-none\", \"disabled:cursor-not-allowed\"],\n  {\n    variants: {\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n    },\n  },\n);\n"],"names":["sharedInputFieldWrapperStyles","cva","sharedInputSizeStyles","sharedInputFieldStyles","sharedInputlabelStyles","sharedInputHintStyles","sharedInputStyles"],"mappings":"wIAIO,MAAMA,EAAgCC,EAAA,IAAI,CAAC,OAAQ,UAAU,EAAG,CACrE,SAAU,CACR,UAAW,CACT,KAAM,SACN,MAAO,OACT,CACF,CACF,CAAC,EAEYC,EAAwBD,EAAA,IACnC,CAAC,EACD,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CACL,eACA,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,eACA,gCACA,gCACA,6CACF,EACA,MAAO,CACL,eACA,+BACA,+BACA,4CACF,CACF,CACF,CACF,CACF,EAEaE,EAAyBF,EAAA,IACpC,CACE,OACA,eACA,eACA,SACA,eACA,wCACA,2BACA,YACA,YACA,iBACA,WACA,eACA,8CACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,SACN,MAAO,OACT,EACA,WAAY,CACV,KAAM,uFACN,MAAO,yDACT,EACA,KAAM,CACJ,MAAO,CACL,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,gCACA,gCACA,6CACF,EACA,MAAO,CACL,+BACA,+BACA,4CACF,CACF,EACA,gBAAiB,CACf,MAAO,sCACP,QAAS,uCACX,EACA,UAAW,CACT,KAAM,EACR,EACA,UAAW,CACT,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CACE,gBAAiB,OACjB,UAAW,GACX,WAAY,GACZ,UAAW,uCACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,gBAAiB,OACjB,UAAW,GACX,UAAW,6CACb,EACA,CACE,UAAW,GACX,WAAY,GACZ,gBAAiB,OACjB,UAAW,8EACb,EACA,CACE,WAAY,GACZ,gBAAiB,QACjB,UAAW,GACX,UAAW,uCACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,gBAAiB,UACjB,UAAW,yCACb,CACF,EACA,gBAAiB,CACf,WAAY,EACd,CACF,CACF,EAEaG,EAAyBH,EAAAA,IAAI,CACxC,6BACA,mCACA,mCACA,iBACA,WACA,cACF,CAAC,EAEYI,EAAwBJ,EAAA,IACnC,CAAC,6BAA8B,4BAA6B,iCAAiC,EAC7F,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CAAC,gCAAgC,EACxC,OAAQ,CAAC,iCAAiC,EAC1C,MAAO,CAAC,gCAAgC,CAC1C,CACF,CACF,CACF,EAEaK,EAAoBL,EAAA,IAC/B,CAAC,SAAU,YAAa,iBAAkB,eAAgB,6BAA6B,EACvF,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CACL,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,gCACA,gCACA,6CACF,EACA,MAAO,CACL,+BACA,+BACA,4CACF,CACF,CACF,EACA,gBAAiB,CACf,KAAM,QACR,CACF,CACF"}
+{"version":3,"file":"lyra19.cjs","sources":["../src/components/inputs/shared.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./shared.vars.css\";\n\nexport const sharedInputFieldWrapperStyles = cva([\"flex\", \"flex-col\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n  },\n});\n\nexport const sharedInputSizeStyles = cva(\n  {},\n  {\n    variants: {\n      size: {\n        small: [\n          \"min-h-[42px]\",\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"min-h-[50px]\",\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"min-h-[58px]\",\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n  },\n);\n\nexport const sharedInputFieldStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"outline-none\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--input-border-default-color]\",\n    \"rounded-[--input-radius]\",\n    \"font-sans\",\n    \"text-base\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-150\",\n    \"placeholder:text-[--input-placeholder-color]\",\n  ],\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"w-fit\",\n      },\n      isDisabled: {\n        true: \"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed\",\n        false: \"bg-[--input-background-color] text-[--input-text-color]\",\n      },\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n      isInvalid: {\n        true: \"border-[--input-border-invalid-color]\",\n        false: \"border-[--input-border-valid-color]\",\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isFocused: {\n        true: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        isInvalid: undefined,\n        isFocused: false,\n        isDisabled: false,\n        className: \"border-[--input-border-default-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: false,\n        isInvalid: undefined,\n        isHovered: true,\n        className: \"border-[--input-border-default-hover-color]\",\n      },\n      {\n        isFocused: true,\n        isDisabled: false,\n        isInvalid: undefined,\n        className: \"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]\",\n      },\n      {\n        isDisabled: false,\n        isInvalid: false,\n        isFocused: true,\n        className: \"ring !ring-[--input-ring-valid-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: true,\n        isInvalid: true,\n        className: \"ring !ring-[--input-ring-invalid-color]\",\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport const sharedInputlabelStyles = cva([\n  \"text-[--input-label-color]\",\n  \"text-[length:--input-label-size]\",\n  \"mb-[--input-label-margin-bottom]\",\n  \"transition-all\",\n  \"ease-out\",\n  \"duration-150\",\n]);\n\nexport const sharedInputHintStyles = cva(\n  [\"font-[--input-hint-weight]\", \"text-[--input-hint-color]\", \"mb-[--input-hint-margin-bottom]\"],\n  {\n    variants: {\n      size: {\n        small: [\"text-[--input-hint-size-small]\"],\n        medium: [\"text-[--input-hint-size-medium]\"],\n        large: [\"text-[--input-hint-size-large]\"],\n      },\n    },\n  },\n);\n\nexport const sharedInputStyles = cva(\n  [\"w-full\", \"flex-grow\", \"bg-transparent\", \"outline-none\", \"disabled:cursor-not-allowed\"],\n  {\n    variants: {\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n    },\n  },\n);\n"],"names":["sharedInputFieldWrapperStyles","cva","sharedInputSizeStyles","sharedInputFieldStyles","sharedInputlabelStyles","sharedInputHintStyles","sharedInputStyles"],"mappings":"wIAIO,MAAMA,EAAgCC,EAAA,IAAI,CAAC,OAAQ,UAAU,EAAG,CACrE,SAAU,CACR,UAAW,CACT,KAAM,SACN,MAAO,OACT,CACF,CACF,CAAC,EAEYC,EAAwBD,EAAA,IACnC,CAAC,EACD,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CACL,eACA,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,eACA,gCACA,gCACA,6CACF,EACA,MAAO,CACL,eACA,+BACA,+BACA,4CACF,CACF,CACF,CACF,CACF,EAEaE,EAAyBF,EAAA,IACpC,CACE,OACA,eACA,eACA,SACA,eACA,wCACA,2BACA,YACA,YACA,iBACA,WACA,eACA,8CACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,SACN,MAAO,OACT,EACA,WAAY,CACV,KAAM,uFACN,MAAO,yDACT,EACA,KAAM,CACJ,MAAO,CACL,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,gCACA,gCACA,6CACF,EACA,MAAO,CACL,+BACA,+BACA,4CACF,CACF,EACA,UAAW,CACT,KAAM,wCACN,MAAO,qCACT,EACA,UAAW,CACT,KAAM,EACR,EACA,UAAW,CACT,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,OACX,UAAW,GACX,WAAY,GACZ,UAAW,uCACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,UAAW,OACX,UAAW,GACX,UAAW,6CACb,EACA,CACE,UAAW,GACX,WAAY,GACZ,UAAW,OACX,UAAW,8EACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,uCACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,yCACb,CACF,EACA,gBAAiB,CACf,WAAY,EACd,CACF,CACF,EAEaG,EAAyBH,EAAAA,IAAI,CACxC,6BACA,mCACA,mCACA,iBACA,WACA,cACF,CAAC,EAEYI,EAAwBJ,EAAA,IACnC,CAAC,6BAA8B,4BAA6B,iCAAiC,EAC7F,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CAAC,gCAAgC,EACxC,OAAQ,CAAC,iCAAiC,EAC1C,MAAO,CAAC,gCAAgC,CAC1C,CACF,CACF,CACF,EAEaK,EAAoBL,EAAA,IAC/B,CAAC,SAAU,YAAa,iBAAkB,eAAgB,6BAA6B,EACvF,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CACL,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,gCACA,gCACA,6CACF,EACA,MAAO,CACL,+BACA,+BACA,4CACF,CACF,CACF,EACA,gBAAiB,CACf,KAAM,QACR,CACF,CACF"}

package/dist/lyra19.js

@@ -1,13 +1,13 @@
-import { cva as t } from "./lyra62.js";
-import "./lyra76.js";
-const a = t(["flex", "flex-col"], {
+import { cva as e } from "./lyra62.js";
+import "./lyra73.js";
+const l = e(["flex", "flex-col"], {
   variants: {
     fullWidth: {
       true: "w-full",
       false: "w-fit"
     }
   }
-}), l = t(
+}), a = e(
   {},
   {
     variants: {
@@ -33,7 +33,7 @@ const a = t(["flex", "flex-col"], {
       }
     }
   }
-), n = t(
+), n = e(
   [
     "flex",
     "items-center",
@@ -76,9 +76,9 @@ const a = t(["flex", "flex-col"], {
           "text-[length:var(--input-text-size-large)]"
         ]
       },
-      validationState: {
-        valid: "border-[--input-border-valid-color]",
-        invalid: "border-[--input-border-invalid-color]"
+      isInvalid: {
+        true: "border-[--input-border-invalid-color]",
+        false: "border-[--input-border-valid-color]"
       },
       isHovered: {
         true: ""
@@ -89,7 +89,7 @@ const a = t(["flex", "flex-col"], {
     },
     compoundVariants: [
       {
-        validationState: void 0,
+        isInvalid: void 0,
         isFocused: !1,
         isDisabled: !1,
         className: "border-[--input-border-default-color]"
@@ -97,26 +97,26 @@ const a = t(["flex", "flex-col"], {
       {
         isDisabled: !1,
         isFocused: !1,
-        validationState: void 0,
+        isInvalid: void 0,
         isHovered: !0,
         className: "border-[--input-border-default-hover-color]"
       },
       {
         isFocused: !0,
         isDisabled: !1,
-        validationState: void 0,
+        isInvalid: void 0,
         className: "border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"
       },
       {
         isDisabled: !1,
-        validationState: "valid",
+        isInvalid: !1,
         isFocused: !0,
         className: "ring !ring-[--input-ring-valid-color]"
       },
       {
         isDisabled: !1,
         isFocused: !0,
-        validationState: "invalid",
+        isInvalid: !0,
         className: "ring !ring-[--input-ring-invalid-color]"
       }
     ],
@@ -124,14 +124,14 @@ const a = t(["flex", "flex-col"], {
       isDisabled: !1
     }
   }
-), d = t([
+), s = e([
   "text-[--input-label-color]",
   "text-[length:--input-label-size]",
   "mb-[--input-label-margin-bottom]",
   "transition-all",
   "ease-out",
   "duration-150"
-]), r = t(
+]), r = e(
   ["font-[--input-hint-weight]", "text-[--input-hint-color]", "mb-[--input-hint-margin-bottom]"],
   {
     variants: {
@@ -142,7 +142,7 @@ const a = t(["flex", "flex-col"], {
       }
     }
   }
-), s = t(
+), d = e(
   ["w-full", "flex-grow", "bg-transparent", "outline-none", "disabled:cursor-not-allowed"],
   {
     variants: {
@@ -171,9 +171,9 @@ const a = t(["flex", "flex-col"], {
 );
 export {
   n as sharedInputFieldStyles,
-  a as sharedInputFieldWrapperStyles,
+  l as sharedInputFieldWrapperStyles,
   r as sharedInputHintStyles,
-  l as sharedInputSizeStyles,
-  s as sharedInputStyles,
-  d as sharedInputlabelStyles
+  a as sharedInputSizeStyles,
+  d as sharedInputStyles,
+  s as sharedInputlabelStyles
 };

package/dist/lyra19.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra19.js","sources":["../src/components/inputs/shared.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./shared.vars.css\";\n\nexport const sharedInputFieldWrapperStyles = cva([\"flex\", \"flex-col\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n  },\n});\n\nexport const sharedInputSizeStyles = cva(\n  {},\n  {\n    variants: {\n      size: {\n        small: [\n          \"min-h-[42px]\",\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"min-h-[50px]\",\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"min-h-[58px]\",\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n  },\n);\n\nexport const sharedInputFieldStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"outline-none\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--input-border-default-color]\",\n    \"rounded-[--input-radius]\",\n    \"font-sans\",\n    \"text-base\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-150\",\n    \"placeholder:text-[--input-placeholder-color]\",\n  ],\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"w-fit\",\n      },\n      isDisabled: {\n        true: \"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed\",\n        false: \"bg-[--input-background-color] text-[--input-text-color]\",\n      },\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n      validationState: {\n        valid: \"border-[--input-border-valid-color]\",\n        invalid: \"border-[--input-border-invalid-color]\",\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isFocused: {\n        true: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        validationState: undefined,\n        isFocused: false,\n        isDisabled: false,\n        className: \"border-[--input-border-default-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: false,\n        validationState: undefined,\n        isHovered: true,\n        className: \"border-[--input-border-default-hover-color]\",\n      },\n      {\n        isFocused: true,\n        isDisabled: false,\n        validationState: undefined,\n        className: \"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]\",\n      },\n      {\n        isDisabled: false,\n        validationState: \"valid\",\n        isFocused: true,\n        className: \"ring !ring-[--input-ring-valid-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: true,\n        validationState: \"invalid\",\n        className: \"ring !ring-[--input-ring-invalid-color]\",\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport const sharedInputlabelStyles = cva([\n  \"text-[--input-label-color]\",\n  \"text-[length:--input-label-size]\",\n  \"mb-[--input-label-margin-bottom]\",\n  \"transition-all\",\n  \"ease-out\",\n  \"duration-150\",\n]);\n\nexport const sharedInputHintStyles = cva(\n  [\"font-[--input-hint-weight]\", \"text-[--input-hint-color]\", \"mb-[--input-hint-margin-bottom]\"],\n  {\n    variants: {\n      size: {\n        small: [\"text-[--input-hint-size-small]\"],\n        medium: [\"text-[--input-hint-size-medium]\"],\n        large: [\"text-[--input-hint-size-large]\"],\n      },\n    },\n  },\n);\n\nexport const sharedInputStyles = cva(\n  [\"w-full\", \"flex-grow\", \"bg-transparent\", \"outline-none\", \"disabled:cursor-not-allowed\"],\n  {\n    variants: {\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n    },\n  },\n);\n"],"names":["sharedInputFieldWrapperStyles","cva","sharedInputSizeStyles","sharedInputFieldStyles","sharedInputlabelStyles","sharedInputHintStyles","sharedInputStyles"],"mappings":";;AAIO,MAAMA,IAAgCC,EAAI,CAAC,QAAQ,UAAU,GAAG;AAAA,EACrE,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC,GAEYC,IAAwBD;AAAA,EACnC,CAAC;AAAA,EACD;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,GAEaE,IAAyBF;AAAA,EACpC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAEaG,IAAyBH,EAAI;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEYI,IAAwBJ;AAAA,EACnC,CAAC,8BAA8B,6BAA6B,iCAAiC;AAAA,EAC7F;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO,CAAC,gCAAgC;AAAA,QACxC,QAAQ,CAAC,iCAAiC;AAAA,QAC1C,OAAO,CAAC,gCAAgC;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF,GAEaK,IAAoBL;AAAA,EAC/B,CAAC,UAAU,aAAa,kBAAkB,gBAAgB,6BAA6B;AAAA,EACvF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
+{"version":3,"file":"lyra19.js","sources":["../src/components/inputs/shared.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./shared.vars.css\";\n\nexport const sharedInputFieldWrapperStyles = cva([\"flex\", \"flex-col\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n  },\n});\n\nexport const sharedInputSizeStyles = cva(\n  {},\n  {\n    variants: {\n      size: {\n        small: [\n          \"min-h-[42px]\",\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"min-h-[50px]\",\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"min-h-[58px]\",\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n  },\n);\n\nexport const sharedInputFieldStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"outline-none\",\n    \"border\",\n    \"border-solid\",\n    \"border-[--input-border-default-color]\",\n    \"rounded-[--input-radius]\",\n    \"font-sans\",\n    \"text-base\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-150\",\n    \"placeholder:text-[--input-placeholder-color]\",\n  ],\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"w-fit\",\n      },\n      isDisabled: {\n        true: \"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed\",\n        false: \"bg-[--input-background-color] text-[--input-text-color]\",\n      },\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n      isInvalid: {\n        true: \"border-[--input-border-invalid-color]\",\n        false: \"border-[--input-border-valid-color]\",\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isFocused: {\n        true: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        isInvalid: undefined,\n        isFocused: false,\n        isDisabled: false,\n        className: \"border-[--input-border-default-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: false,\n        isInvalid: undefined,\n        isHovered: true,\n        className: \"border-[--input-border-default-hover-color]\",\n      },\n      {\n        isFocused: true,\n        isDisabled: false,\n        isInvalid: undefined,\n        className: \"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]\",\n      },\n      {\n        isDisabled: false,\n        isInvalid: false,\n        isFocused: true,\n        className: \"ring !ring-[--input-ring-valid-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: true,\n        isInvalid: true,\n        className: \"ring !ring-[--input-ring-invalid-color]\",\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport const sharedInputlabelStyles = cva([\n  \"text-[--input-label-color]\",\n  \"text-[length:--input-label-size]\",\n  \"mb-[--input-label-margin-bottom]\",\n  \"transition-all\",\n  \"ease-out\",\n  \"duration-150\",\n]);\n\nexport const sharedInputHintStyles = cva(\n  [\"font-[--input-hint-weight]\", \"text-[--input-hint-color]\", \"mb-[--input-hint-margin-bottom]\"],\n  {\n    variants: {\n      size: {\n        small: [\"text-[--input-hint-size-small]\"],\n        medium: [\"text-[--input-hint-size-medium]\"],\n        large: [\"text-[--input-hint-size-large]\"],\n      },\n    },\n  },\n);\n\nexport const sharedInputStyles = cva(\n  [\"w-full\", \"flex-grow\", \"bg-transparent\", \"outline-none\", \"disabled:cursor-not-allowed\"],\n  {\n    variants: {\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n    },\n  },\n);\n"],"names":["sharedInputFieldWrapperStyles","cva","sharedInputSizeStyles","sharedInputFieldStyles","sharedInputlabelStyles","sharedInputHintStyles","sharedInputStyles"],"mappings":"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"}

package/dist/lyra190.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;

package/dist/lyra190.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra190.cjs","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":"yGAEMA,EAAcC,EAAa,cAAC,CAAE,OAAQ,EAAO,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra190.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n"],"names":["motionComponentSymbol"],"mappings":"gFAAK,MAACA,EAAwB,OAAO,IAAI,uBAAuB","x_google_ignoreList":[0]}

package/dist/lyra190.js

@@ -1,5 +1,4 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+const o = Symbol.for("motionComponentSymbol");
 export {
-  o as LazyContext
+  o as motionComponentSymbol
 };

package/dist/lyra190.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra190.js","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":";AAEK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAO,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra190.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n"],"names":["motionComponentSymbol"],"mappings":"AAAK,MAACA,IAAwB,OAAO,IAAI,uBAAuB;","x_google_ignoreList":[0]}

package/dist/lyra191.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra169.cjs"),P=require("./lyra192.cjs"),T=require("./lyra193.cjs"),q=require("./lyra194.cjs"),m=require("./lyra195.cjs"),y=require("./lyra196.cjs"),F=require("./lyra197.cjs"),j=require("./lyra198.cjs"),V=require("./lyra172.cjs"),R=require("./lyra199.cjs"),v=require("./lyra200.cjs"),w=require("./lyra201.cjs"),E=require("./lyra202.cjs"),N=require("./lyra203.cjs"),x=require("./lyra204.cjs"),C=require("./lyra205.cjs"),b=require("./lyra206.cjs"),g=require("./lyra207.cjs"),p=require("./lyra208.cjs"),S=Object.keys(C.featureDefinitions),B=S.length,M=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],L=b.variantProps.length;class O{constructor({parent:t,props:e,presenceContext:i,reducedMotionConfig:s,visualState:n},h={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>p.frame.render(this.render,!1,!0);const{latestValues:u,renderState:r}=n;this.latestValues=u,this.baseTarget={...u},this.initialValues=e.initial?{...u}:{},this.renderState=r,this.parent=t,this.props=e,this.presenceContext=i,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=h,this.isControllingVariants=v.isControllingVariants(e),this.isVariantNode=v.isVariantNode(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:o,...d}=this.scrapeMotionValuesFromProps(e,{});for(const a in d){const l=d[a];u[a]!==void 0&&V.isMotionValue(l)&&(l.set(u[a],!1),j.isWillChangeMotionValue(o)&&o.add(a))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){this.current=t,g.visualElementStore.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((e,i)=>this.bindToMotionValue(i,e)),m.hasReducedMotionListener.current||q.initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:m.prefersReducedMotion.current,process.env.NODE_ENV!=="production"&&x.warnOnce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){g.visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),p.cancelFrame(this.notifyUpdate),p.cancelFrame(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const i=R.transformProps.has(t),s=e.on("change",h=>{this.latestValues[t]=h,this.props.onUpdate&&p.frame.update(this.notifyUpdate,!1,!0),i&&this.projection&&(this.projection.isTransformDirty=!0)}),n=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{s(),n()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...e},i,s,n){let h,u;if(process.env.NODE_ENV!=="production"&&s&&i){const r="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?f.warning(!1,r):f.invariant(!1,r)}for(let r=0;r<B;r++){const o=S[r],{isEnabled:d,Feature:a,ProjectionNode:l,MeasureLayout:c}=C.featureDefinitions[o];l&&(h=l),d(e)&&(!this.features[o]&&a&&(this.features[o]=new a(this)),c&&(u=c))}if(!this.projection&&h){this.projection=new h(this.latestValues,this.parent&&this.parent.projection);const{layoutId:r,layout:o,drag:d,dragConstraints:a,layoutScroll:l,layoutRoot:c}=e;this.projection.setOptions({layoutId:r,layout:o,alwaysMeasureLayout:!!d||a&&T.isRefObject(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:typeof o=="string"?o:"both",initialPromotionConfig:n,layoutScroll:l,layoutRoot:c})}return u}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):P.createBox()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let i=0;i<M.length;i++){const s=M[i];this.propEventSubscriptions[s]&&(this.propEventSubscriptions[s](),delete this.propEventSubscriptions[s]);const n=t["on"+s];n&&(this.propEventSubscriptions[s]=this.on(s,n))}this.prevMotionValues=E.updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(t,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const i=this.parent?this.parent.getVariantContext()||{}:{};return this.props.initial!==void 0&&(i.initial=this.props.initial),i}const e={};for(let i=0;i<L;i++){const s=b.variantProps[i],n=this.props[s];(w.isVariantLabel(n)||n===!1)&&(e[s]=n)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){this.values.delete(t);const e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let i=this.values.get(t);return i===void 0&&e!==void 0&&(i=F.motionValue(e,{owner:this}),this.addValue(t,i)),i}readValue(t){var e;return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(e=this.getBaseTargetFromProps(this.props,t))!==null&&e!==void 0?e:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:i}=this.props,s=typeof i=="string"||typeof i=="object"?(e=N.resolveVariantFromProps(this.props,i))===null||e===void 0?void 0:e[t]:void 0;if(i&&s!==void 0)return s;const n=this.getBaseTargetFromProps(this.props,t);return n!==void 0&&!V.isMotionValue(n)?n:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,e){return this.events[t]||(this.events[t]=new y.SubscriptionManager),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}exports.VisualElement=O;

package/dist/lyra191.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra191.cjs","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":"yGAKMA,EAA2BC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra191.cjs","sources":["../node_modules/framer-motion/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warning, invariant } from '../utils/errors.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { isRefObject } from '../utils/is-ref-object.mjs';\nimport { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';\nimport { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { isWillChangeMotionValue } from '../value/use-will-change/is.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { transformProps } from './html/utils/transform.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { isVariantLabel } from './utils/is-variant-label.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { featureDefinitions } from '../motion/features/definitions.mjs';\nimport { variantProps } from './utils/variant-props.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst featureNames = Object.keys(featureDefinitions);\nconst numFeatures = featureNames.length;\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\nconst numVariantProps = variantProps.length;\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    constructor({ parent, props, presenceContext, reducedMotionConfig, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.scheduleRender = () => frame.render(this.render, false, true);\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.options = options;\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't neccessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {});\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key], false);\n                if (isWillChangeMotionValue(willChange)) {\n                    willChange.add(key);\n                }\n            }\n        }\n    }\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps) {\n        return {};\n    }\n    mount(instance) {\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        if (!hasReducedMotionListener.current) {\n            initPrefersReducedMotion();\n        }\n        this.shouldReduceMotion =\n            this.reducedMotionConfig === \"never\"\n                ? false\n                : this.reducedMotionConfig === \"always\"\n                    ? true\n                    : prefersReducedMotion.current;\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n        }\n        if (this.parent)\n            this.parent.children.add(this);\n        this.update(this.props, this.presenceContext);\n    }\n    unmount() {\n        visualElementStore.delete(this.current);\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent && this.parent.children.delete(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            this.features[key].unmount();\n        }\n        this.current = null;\n    }\n    bindToMotionValue(key, value) {\n        const valueIsTransform = transformProps.has(key);\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate &&\n                frame.update(this.notifyUpdate, false, true);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n        });\n        const removeOnRenderRequest = value.on(\"renderRequest\", this.scheduleRender);\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            removeOnRenderRequest();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {\n        let ProjectionNodeConstructor;\n        let MeasureLayout;\n        /**\n         * If we're in development mode, check to make sure we're not rendering a motion component\n         * as a child of LazyMotion, as this will break the file-size benefits of using it.\n         */\n        if (process.env.NODE_ENV !== \"production\" &&\n            preloadedFeatures &&\n            isStrict) {\n            const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n            renderedProps.ignoreStrict\n                ? warning(false, strictMessage)\n                : invariant(false, strictMessage);\n        }\n        for (let i = 0; i < numFeatures; i++) {\n            const name = featureNames[i];\n            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];\n            if (ProjectionNode)\n                ProjectionNodeConstructor = ProjectionNode;\n            if (isEnabled(renderedProps)) {\n                if (!this.features[name] && FeatureConstructor) {\n                    this.features[name] = new FeatureConstructor(this);\n                }\n                if (MeasureLayoutComponent) {\n                    MeasureLayout = MeasureLayoutComponent;\n                }\n            }\n        }\n        if (!this.projection && ProjectionNodeConstructor) {\n            this.projection = new ProjectionNodeConstructor(this.latestValues, this.parent && this.parent.projection);\n            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;\n            this.projection.setOptions({\n                layoutId,\n                layout,\n                alwaysMeasureLayout: Boolean(drag) ||\n                    (dragConstraints && isRefObject(dragConstraints)),\n                visualElement: this,\n                scheduleRender: () => this.scheduleRender(),\n                /**\n                 * TODO: Update options in an effect. This could be tricky as it'll be too late\n                 * to update by the time layout animations run.\n                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n                 * ensuring it gets called if there's no potential layout animations.\n                 *\n                 */\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                initialPromotionConfig: initialLayoutGroupConfig,\n                layoutScroll,\n                layoutRoot,\n            });\n        }\n        return MeasureLayout;\n    }\n    updateFeatures() {\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature.isMounted) {\n                feature.update();\n            }\n            else {\n                feature.mount();\n                feature.isMounted = true;\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.options, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Make a target animatable by Popmotion. For instance, if we're\n     * trying to animate width from 100px to 100vw we need to measure 100vw\n     * in pixels to determine what we really need to animate to. This is also\n     * pluggable to support Framer's custom value types like Color,\n     * and CSS variables.\n     */\n    makeTargetAnimatable(target, canMutate = true) {\n        return this.makeTargetAnimatableFromInstance(target, this.props, canMutate);\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listener = props[\"on\" + key];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    getVariantContext(startAtParent = false) {\n        if (startAtParent) {\n            return this.parent ? this.parent.getVariantContext() : undefined;\n        }\n        if (!this.isControllingVariants) {\n            const context = this.parent\n                ? this.parent.getVariantContext() || {}\n                : {};\n            if (this.props.initial !== undefined) {\n                context.initial = this.props.initial;\n            }\n            return context;\n        }\n        const context = {};\n        for (let i = 0; i < numVariantProps; i++) {\n            const name = variantProps[i];\n            const prop = this.props[name];\n            if (isVariantLabel(prop) || prop === false) {\n                context[name] = prop;\n            }\n        }\n        return context;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        if (value !== this.values.get(key)) {\n            this.removeValue(key);\n            this.bindToMotionValue(key, value);\n        }\n        this.values.set(key, value);\n        this.latestValues[key] = value.get();\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key) {\n        var _a;\n        return this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        var _a;\n        const { initial } = this.props;\n        const valueFromInitial = typeof initial === \"string\" || typeof initial === \"object\"\n            ? (_a = resolveVariantFromProps(this.props, initial)) === null || _a === void 0 ? void 0 : _a[key]\n            : undefined;\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n}\n\nexport { VisualElement };\n"],"names":["featureNames","featureDefinitions","numFeatures","propEventHandlers","numVariantProps","variantProps","VisualElement","parent","props","presenceContext","reducedMotionConfig","visualState","options","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","isWillChangeMotionValue","_props","_prevProps","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","valueIsTransform","transformProps","removeOnChange","latestValue","removeOnRenderRequest","other","children","renderedProps","isStrict","preloadedFeatures","initialLayoutGroupConfig","ProjectionNodeConstructor","MeasureLayout","strictMessage","warning","invariant","i","name","isEnabled","FeatureConstructor","ProjectionNode","MeasureLayoutComponent","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","isRefObject","feature","createBox","target","canMutate","listener","updateMotionValuesFromProps","startAtParent","context","prop","isVariantLabel","child","closestVariantNode","unsubscribe","defaultValue","motionValue","_a","initial","valueFromInitial","resolveVariantFromProps","eventName","callback","SubscriptionManager","args"],"mappings":"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","x_google_ignoreList":[0]}