@new-black/lyra 0.0.28 → 0.1.1

package/dist/lyra318.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra318.js","sources":["../node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, isSVGTag(Component), props.transformTemplate);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":";;;;;AAMA,SAASA,EAAYC,GAAOC,GAAaC,GAAWC,GAAW;AAC3D,QAAMC,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAQC;AACd,WAAAC,EAAcF,GAAOL,GAAa,EAAE,4BAA4B,MAASQ,EAASN,CAAS,GAAGH,EAAM,iBAAiB,GAC9G;AAAA,MACH,GAAGM,EAAM;AAAA,MACT,OAAO,EAAE,GAAGA,EAAM,MAAO;AAAA,IACrC;AAAA,EACA,GAAO,CAACL,CAAW,CAAC;AAChB,MAAID,EAAM,OAAO;AACb,UAAMU,IAAY,CAAA;AAClB,IAAAC,EAAkBD,GAAWV,EAAM,OAAOA,CAAK,GAC/CI,EAAY,QAAQ,EAAE,GAAGM,GAAW,GAAGN,EAAY;EACtD;AACD,SAAOA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra318.js","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"AAKK,MAACA,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxB,gBAAgB;AACpB;","x_google_ignoreList":[0]}

package/dist/lyra319.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra320.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra213.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;

package/dist/lyra319.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra319.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":"iHAEMA,EAAuB,KAAO,CAChC,GAAGC,wBAAuB,EAC1B,MAAO,CAAE,CACb","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra319.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":"iHAEA,SAASA,EAAgBC,EAAQC,EAAM,CACnC,OAAIA,EAAK,MAAQA,EAAK,IACX,EACHD,GAAUC,EAAK,IAAMA,EAAK,KAAQ,GAC9C,CAQK,MAACC,EAAsB,CACxB,QAAS,CAACC,EAAQC,IAAS,CACvB,GAAI,CAACA,EAAK,OACN,OAAOD,EAKX,GAAI,OAAOA,GAAW,SAClB,GAAIE,EAAE,GAAC,KAAKF,CAAM,EACdA,EAAS,WAAWA,CAAM,MAG1B,QAAOA,EAOf,MAAMG,EAAIP,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EACzCG,EAAIR,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EAC/C,MAAO,GAAGE,CAAC,KAAKC,CAAC,GACpB,CACL","x_google_ignoreList":[0]}

package/dist/lyra319.js

@@ -1,8 +1,21 @@
-import { createHtmlRenderState as t } from "./lyra320.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+import { px as c } from "./lyra213.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
+};
 export {
-  r as createSvgRenderState
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra319.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra319.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":";AAEK,MAACA,IAAuB,OAAO;AAAA,EAChC,GAAGC,EAAuB;AAAA,EAC1B,OAAO,CAAE;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra319.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACpB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra39.cjs"),r=require("react"),s=require("./lyra46.cjs"),f=require("./lyra33.cjs"),p=require("./lyra40.cjs"),n=r.forwardRef(function({variant:e,color:a,className:c,...u},o){const{elementType:i="span",...d}=u,l=r.useRef(null),g=s.useObjectRef(s.mergeRefs(l,o)),h=y(i,e);return m.jsxRuntimeExports.jsx(h,{ref:g,...d,className:p.twMerge(f.textStyles({variant:e,color:a,className:c}))})});n.displayName="Text";const y=(t,e)=>{if(t)return t;switch(e){case"heading-1":return"h1";case"heading-2":return"h2";case"heading-3":return"h3";case"heading-4":return"h4";case"heading-5":return"h5";case"heading-6":return"h6";case"body-large":case"body-medium":case"body-small":return"span";case"badge":return"span";default:return"span"}};exports.Text=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra53.cjs"),e=r.cva("inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",{variants:{size:{small:"h-4 w-4 border-2",medium:"h-6 w-6 border-2",large:"h-8 w-8 border-4"},color:{primary:"border-primary border-r-transparent",current:"border-current border-r-transparent",danger:"border-danger border-r-transparent",success:"border-success border-r-transparent",warning:"border-warning border-r-transparent",monochromatic:"border-neutral-9 border-r-transparent"}},defaultVariants:{size:"medium",color:"primary"}});exports.spinnerStyles=e;

package/dist/lyra32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra32.cjs","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { twMerge } from \"tailwind-merge\";\nimport { textStyles } from \"./text.styles\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\n\nexport type TextProps = VariantProps<typeof textStyles> &\n  HTMLAttributes<HTMLElement> & {\n    elementType?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"h5\"\n      | \"h6\"\n      | \"span\"\n      | \"small\"\n      | \"p\"\n      | \"li\"\n      | \"label\"\n      | \"div\"\n      | \"a\"\n      | \"button\"\n      | \"strong\"\n      | \"em\";\n  };\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { variant, color, className, ...props },\n  forwardedRef\n) {\n  const { elementType = \"span\", ...domProps } = props;\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const ElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <ElementType\n      // @ts-ignore: The ref will be fine like this.\n      ref={ref}\n      {...domProps}\n      className={twMerge(textStyles({ variant, color, className }))}\n    />\n  );\n});\n\nText.displayName = \"Text\";\n\nconst getElementTypeByVariant = (\n  elementType?: TextProps[\"elementType\"],\n  variant?: VariantProps<typeof textStyles>[\"variant\"]\n) => {\n  if (elementType) return elementType;\n\n  switch (variant) {\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"heading-4\":\n      return \"h4\";\n    case \"heading-5\":\n      return \"h5\";\n    case \"heading-6\":\n      return \"h6\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    case \"badge\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","variant","color","className","props","forwardedRef","elementType","domProps","localRef","useRef","ref","useObjectRef","mergeRefs","ElementType","getElementTypeByVariant","jsx","twMerge","textStyles"],"mappings":"iNA2BaA,EAAOC,EAAAA,WAAmC,SACrD,CAAE,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,GAAGC,CAAM,EACtCC,EACA,CACA,KAAM,CAAE,YAAAC,EAAc,OAAQ,GAAGC,GAAaH,EACxCI,EAAWC,SAAoB,IAAI,EACnCC,EAAMC,EAAAA,aAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EACpDQ,EAAcC,EAAwBR,EAAaL,CAAO,EAG9D,OAAAc,EAAA,kBAAA,IAACF,EAAA,CAEC,IAAAH,EACC,GAAGH,EACJ,UAAWS,UAAQC,aAAW,CAAE,QAAAhB,EAAS,MAAAC,EAAO,UAAAC,CAAA,CAAW,CAAC,CAAA,CAAA,CAGlE,CAAC,EAEDJ,EAAK,YAAc,OAEnB,MAAMe,EAA0B,CAC9BR,EACAL,IACG,CACC,GAAAK,EAAoB,OAAAA,EAExB,OAAQL,EAAS,CACf,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,YACI,MAAA,KACT,IAAK,aACL,IAAK,cACL,IAAK,aACI,MAAA,OACT,IAAK,QACI,MAAA,OACT,QACS,MAAA,MACX,CACF"}
+{"version":3,"file":"lyra32.cjs","sources":["../src/components/spinner/spinner.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nexport const spinnerStyles = cva(\n  \"inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border\",\n  {\n    variants: {\n      size: {\n        small: \"h-4 w-4 border-2\",\n        medium: \"h-6 w-6 border-2\",\n        large: \"h-8 w-8 border-4\",\n      },\n      color: {\n        primary: \"border-primary border-r-transparent\",\n        current: \"border-current border-r-transparent\",\n        danger: \"border-danger border-r-transparent\",\n        success: \"border-success border-r-transparent\",\n        warning: \"border-warning border-r-transparent\",\n        monochromatic: \"border-neutral-9 border-r-transparent\",\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n      color: \"primary\",\n    },\n  }\n);\n"],"names":["spinnerStyles","cva"],"mappings":"gHAEaA,EAAgBC,EAAA,IAC3B,yJACA,CACE,SAAU,CACR,KAAM,CACJ,MAAO,mBACP,OAAQ,mBACR,MAAO,kBACT,EACA,MAAO,CACL,QAAS,sCACT,QAAS,sCACT,OAAQ,qCACR,QAAS,sCACT,QAAS,sCACT,cAAe,uCACjB,CACF,EACA,gBAAiB,CACf,KAAM,SACN,MAAO,SACT,CACF,CACF"}

package/dist/lyra32.js

@@ -1,46 +1,28 @@
-import { j as u } from "./lyra39.js";
-import { forwardRef as i, useRef as p } from "react";
-import { useObjectRef as h, mergeRefs as l } from "./lyra46.js";
-import { textStyles as g } from "./lyra33.js";
-import { twMerge as x } from "./lyra40.js";
-const b = i(function({ variant: e, color: t, className: s, ...a }, n) {
-  const { elementType: o = "span", ...c } = a, f = p(null), m = h(l(f, n)), d = y(o, e);
-  return /* @__PURE__ */ u.jsx(
-    d,
-    {
-      ref: m,
-      ...c,
-      className: x(g({ variant: e, color: t, className: s }))
+import { cva as r } from "./lyra53.js";
+const n = r(
+  "inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",
+  {
+    variants: {
+      size: {
+        small: "h-4 w-4 border-2",
+        medium: "h-6 w-6 border-2",
+        large: "h-8 w-8 border-4"
+      },
+      color: {
+        primary: "border-primary border-r-transparent",
+        current: "border-current border-r-transparent",
+        danger: "border-danger border-r-transparent",
+        success: "border-success border-r-transparent",
+        warning: "border-warning border-r-transparent",
+        monochromatic: "border-neutral-9 border-r-transparent"
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      color: "primary"
     }
-  );
-});
-b.displayName = "Text";
-const y = (r, e) => {
-  if (r)
-    return r;
-  switch (e) {
-    case "heading-1":
-      return "h1";
-    case "heading-2":
-      return "h2";
-    case "heading-3":
-      return "h3";
-    case "heading-4":
-      return "h4";
-    case "heading-5":
-      return "h5";
-    case "heading-6":
-      return "h6";
-    case "body-large":
-    case "body-medium":
-    case "body-small":
-      return "span";
-    case "badge":
-      return "span";
-    default:
-      return "span";
   }
-};
+);
 export {
-  b as Text
+  n as spinnerStyles
 };

package/dist/lyra32.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra32.js","sources":["../src/components/text/text.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { twMerge } from \"tailwind-merge\";\nimport { textStyles } from \"./text.styles\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\n\nexport type TextProps = VariantProps<typeof textStyles> &\n  HTMLAttributes<HTMLElement> & {\n    elementType?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"h5\"\n      | \"h6\"\n      | \"span\"\n      | \"small\"\n      | \"p\"\n      | \"li\"\n      | \"label\"\n      | \"div\"\n      | \"a\"\n      | \"button\"\n      | \"strong\"\n      | \"em\";\n  };\n\nexport const Text = forwardRef<HTMLElement, TextProps>(function Text(\n  { variant, color, className, ...props },\n  forwardedRef\n) {\n  const { elementType = \"span\", ...domProps } = props;\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const ElementType = getElementTypeByVariant(elementType, variant);\n\n  return (\n    <ElementType\n      // @ts-ignore: The ref will be fine like this.\n      ref={ref}\n      {...domProps}\n      className={twMerge(textStyles({ variant, color, className }))}\n    />\n  );\n});\n\nText.displayName = \"Text\";\n\nconst getElementTypeByVariant = (\n  elementType?: TextProps[\"elementType\"],\n  variant?: VariantProps<typeof textStyles>[\"variant\"]\n) => {\n  if (elementType) return elementType;\n\n  switch (variant) {\n    case \"heading-1\":\n      return \"h1\";\n    case \"heading-2\":\n      return \"h2\";\n    case \"heading-3\":\n      return \"h3\";\n    case \"heading-4\":\n      return \"h4\";\n    case \"heading-5\":\n      return \"h5\";\n    case \"heading-6\":\n      return \"h6\";\n    case \"body-large\":\n    case \"body-medium\":\n    case \"body-small\":\n      return \"span\";\n    case \"badge\":\n      return \"span\";\n    default:\n      return \"span\";\n  }\n};\n"],"names":["Text","forwardRef","variant","color","className","props","forwardedRef","elementType","domProps","localRef","useRef","ref","useObjectRef","mergeRefs","ElementType","getElementTypeByVariant","jsx","twMerge","textStyles"],"mappings":";;;;;AA2Ba,MAAAA,IAAOC,EAAmC,SACrD,EAAE,SAAAC,GAAS,OAAAC,GAAO,WAAAC,GAAW,GAAGC,EAAM,GACtCC,GACA;AACA,QAAM,EAAE,aAAAC,IAAc,QAAQ,GAAGC,MAAaH,GACxCI,IAAWC,EAAoB,IAAI,GACnCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC,GACpDQ,IAAcC,EAAwBR,GAAaL,CAAO;AAG9D,SAAAc,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MAEC,KAAAH;AAAA,MACC,GAAGH;AAAA,MACJ,WAAWS,EAAQC,EAAW,EAAE,SAAAhB,GAAS,OAAAC,GAAO,WAAAC,EAAA,CAAW,CAAC;AAAA,IAAA;AAAA,EAAA;AAGlE,CAAC;AAEDJ,EAAK,cAAc;AAEnB,MAAMe,IAA0B,CAC9BR,GACAL,MACG;AACC,MAAAK;AAAoB,WAAAA;AAExB,UAAQL,GAAS;AAAA,IACf,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;"}
+{"version":3,"file":"lyra32.js","sources":["../src/components/spinner/spinner.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nexport const spinnerStyles = cva(\n  \"inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border\",\n  {\n    variants: {\n      size: {\n        small: \"h-4 w-4 border-2\",\n        medium: \"h-6 w-6 border-2\",\n        large: \"h-8 w-8 border-4\",\n      },\n      color: {\n        primary: \"border-primary border-r-transparent\",\n        current: \"border-current border-r-transparent\",\n        danger: \"border-danger border-r-transparent\",\n        success: \"border-success border-r-transparent\",\n        warning: \"border-warning border-r-transparent\",\n        monochromatic: \"border-neutral-9 border-r-transparent\",\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n      color: \"primary\",\n    },\n  }\n);\n"],"names":["spinnerStyles","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;"}

package/dist/lyra320.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra222.cjs"),i=require("./lyra209.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;

package/dist/lyra320.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra320.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"gFAAK,MAACA,EAAwB,KAAO,CACjC,MAAO,CAAE,EACT,UAAW,CAAE,EACb,gBAAiB,CAAE,EACnB,KAAM,CAAE,CACZ","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra320.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":"4IAGMA,EAAmB,CACrB,QAAS,CAACC,EAAQ,CAAE,UAAAC,EAAW,gBAAAC,CAAe,IAAO,CACjD,MAAMC,EAAWH,EACXI,EAASC,EAAAA,QAAQ,MAAML,CAAM,EAEnC,GAAII,EAAO,OAAS,EAChB,OAAOD,EACX,MAAMG,EAAWD,EAAAA,QAAQ,kBAAkBL,CAAM,EAC3CO,EAAS,OAAOH,EAAO,CAAC,GAAM,SAAW,EAAI,EAE7CI,EAASN,EAAgB,EAAE,MAAQD,EAAU,EAC7CQ,EAASP,EAAgB,EAAE,MAAQD,EAAU,EACnDG,EAAO,EAAIG,CAAM,GAAKC,EACtBJ,EAAO,EAAIG,CAAM,GAAKE,EAOtB,MAAMC,EAAeC,EAAG,IAACH,EAAQC,EAAQ,EAAG,EAE5C,OAAI,OAAOL,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GAEtB,OAAON,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GACnBJ,EAASF,CAAM,CACzB,CACL","x_google_ignoreList":[0]}

package/dist/lyra320.js

@@ -1,9 +1,16 @@
-const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
+import { mix as i } from "./lyra222.js";
+import { complex as m } from "./lyra209.js";
+const l = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = m.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= s;
+    const f = i(n, s, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
+  }
+};
 export {
-  r as createHtmlRenderState
+  l as correctBoxShadow
 };

package/dist/lyra320.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra320.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs"],"sourcesContent":["const createHtmlRenderState = () => ({\n    style: {},\n    transform: {},\n    transformOrigin: {},\n    vars: {},\n});\n\nexport { createHtmlRenderState };\n"],"names":["createHtmlRenderState"],"mappings":"AAAK,MAACA,IAAwB,OAAO;AAAA,EACjC,OAAO,CAAE;AAAA,EACT,WAAW,CAAE;AAAA,EACb,iBAAiB,CAAE;AAAA,EACnB,MAAM,CAAE;AACZ;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra320.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAIH,GAAQC,GAAQ,GAAG;AAE5C,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EACzB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra321.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra280.cjs"),F=require("./lyra281.cjs"),k=require("./lyra351.cjs"),T=require("./lyra191.cjs"),u=require("./lyra198.cjs"),w=require("./lyra340.cjs"),K=require("./lyra207.cjs"),P=require("./lyra188.cjs"),V=w.memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),v=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),l=10,x=2e4,C=(i,r)=>r.type==="spring"||i==="backgroundColor"||!F.isWaapiSupportedEasing(r.ease);function D(i,r,{onUpdate:O,onComplete:d,...n}){if(!(V()&&v.has(r)&&!n.repeatDelay&&n.repeatType!=="mirror"&&n.damping!==0&&n.type!=="inertia"))return!1;let p=!1,f,y;const h=()=>{y=new Promise(e=>{f=e})};h();let{keyframes:s,duration:o=300,ease:g,times:A}=n;if(C(r,n)){const e=T.animateValue({...n,repeat:0,delay:0});let a={done:!1,value:s[0]};const S=[];let c=0;for(;!a.done&&c<x;)a=e.sample(c),S.push(a.value),c+=l;A=void 0,s=S,o=c-l,g="linear"}const t=b.animateStyle(i.owner.current,r,s,{...n,duration:o,ease:g,times:A}),q=()=>t.cancel(),m=()=>{P.frame.update(q),f(),h()};return t.onfinish=()=>{i.set(k.getFinalKeyframe(s,n)),d&&d(),m()},{then(e,a){return y.then(e,a)},attachTimeline(e){return t.timeline=e,t.onfinish=null,K.noop},get time(){return u.millisecondsToSeconds(t.currentTime||0)},set time(e){t.currentTime=u.secondsToMilliseconds(e)},get speed(){return t.playbackRate},set speed(e){t.playbackRate=e},get duration(){return u.millisecondsToSeconds(o)},play:()=>{p||(t.play(),P.cancelFrame(q))},pause:()=>t.pause(),stop:()=>{if(p=!0,t.playState==="idle")return;const{currentTime:e}=t;if(e){const a=T.animateValue({...n,autoplay:!1});i.setWithVelocity(a.sample(e-l).value,a.sample(e).value,l)}m()},complete:()=>t.finish(),cancel:m}}exports.createAcceleratedAnimation=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra194.cjs"),b=require("./lyra210.cjs"),d=require("./lyra183.cjs"),p=require("./lyra354.cjs"),S=require("./lyra347.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;

package/dist/lyra321.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra321.cjs","sources":["../node_modules/framer-motion/dist/es/animation/animators/waapi/create-accelerated-animation.mjs"],"sourcesContent":["import { animateStyle } from './index.mjs';\nimport { isWaapiSupportedEasing } from './easing.mjs';\nimport { getFinalKeyframe } from './utils/get-final-keyframe.mjs';\nimport { animateValue } from '../js/index.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { memo } from '../../../utils/memo.mjs';\nimport { noop } from '../../../utils/noop.mjs';\nimport { frame, cancelFrame } from '../../../frameloop/frame.mjs';\n\nconst supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\n/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    \"backgroundColor\",\n]);\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\n/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxDuration = 20000;\nconst requiresPregeneratedKeyframes = (valueName, options) => options.type === \"spring\" ||\n    valueName === \"backgroundColor\" ||\n    !isWaapiSupportedEasing(options.ease);\nfunction createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {\n    const canAccelerateAnimation = supportsWaapi() &&\n        acceleratedValues.has(valueName) &&\n        !options.repeatDelay &&\n        options.repeatType !== \"mirror\" &&\n        options.damping !== 0 &&\n        options.type !== \"inertia\";\n    if (!canAccelerateAnimation)\n        return false;\n    /**\n     * TODO: Unify with js/index\n     */\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let { keyframes, duration = 300, ease, times } = options;\n    /**\n     * If this animation needs pre-generated keyframes then generate.\n     */\n    if (requiresPregeneratedKeyframes(valueName, options)) {\n        const sampleAnimation = animateValue({\n            ...options,\n            repeat: 0,\n            delay: 0,\n        });\n        let state = { done: false, value: keyframes[0] };\n        const pregeneratedKeyframes = [];\n        /**\n         * Bail after 20 seconds of pre-generated keyframes as it's likely\n         * we're heading for an infinite loop.\n         */\n        let t = 0;\n        while (!state.done && t < maxDuration) {\n            state = sampleAnimation.sample(t);\n            pregeneratedKeyframes.push(state.value);\n            t += sampleDelta;\n        }\n        times = undefined;\n        keyframes = pregeneratedKeyframes;\n        duration = t - sampleDelta;\n        ease = \"linear\";\n    }\n    const animation = animateStyle(value.owner.current, valueName, keyframes, {\n        ...options,\n        duration,\n        /**\n         * This function is currently not called if ease is provided\n         * as a function so the cast is safe.\n         *\n         * However it would be possible for a future refinement to port\n         * in easing pregeneration from Motion One for browsers that\n         * support the upcoming `linear()` easing function.\n         */\n        ease: ease,\n        times,\n    });\n    const cancelAnimation = () => animation.cancel();\n    const safeCancel = () => {\n        frame.update(cancelAnimation);\n        resolveFinishedPromise();\n        updateFinishedPromise();\n    };\n    /**\n     * Prefer the `onfinish` prop as it's more widely supported than\n     * the `finished` promise.\n     *\n     * Here, we synchronously set the provided MotionValue to the end\n     * keyframe. If we didn't, when the WAAPI animation is finished it would\n     * be removed from the element which would then revert to its old styles.\n     */\n    animation.onfinish = () => {\n        value.set(getFinalKeyframe(keyframes, options));\n        onComplete && onComplete();\n        safeCancel();\n    };\n    /**\n     * Animation interrupt callback.\n     */\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        attachTimeline(timeline) {\n            animation.timeline = timeline;\n            animation.onfinish = null;\n            return noop;\n        },\n        get time() {\n            return millisecondsToSeconds(animation.currentTime || 0);\n        },\n        set time(newTime) {\n            animation.currentTime = secondsToMilliseconds(newTime);\n        },\n        get speed() {\n            return animation.playbackRate;\n        },\n        set speed(newSpeed) {\n            animation.playbackRate = newSpeed;\n        },\n        get duration() {\n            return millisecondsToSeconds(duration);\n        },\n        play: () => {\n            if (hasStopped)\n                return;\n            animation.play();\n            /**\n             * Cancel any pending cancel tasks\n             */\n            cancelFrame(cancelAnimation);\n        },\n        pause: () => animation.pause(),\n        stop: () => {\n            hasStopped = true;\n            if (animation.playState === \"idle\")\n                return;\n            /**\n             * WAAPI doesn't natively have any interruption capabilities.\n             *\n             * Rather than read commited styles back out of the DOM, we can\n             * create a renderless JS animation and sample it twice to calculate\n             * its current value, \"previous\" value, and therefore allow\n             * Motion to calculate velocity for any subsequent animation.\n             */\n            const { currentTime } = animation;\n            if (currentTime) {\n                const sampleAnimation = animateValue({\n                    ...options,\n                    autoplay: false,\n                });\n                value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);\n            }\n            safeCancel();\n        },\n        complete: () => animation.finish(),\n        cancel: safeCancel,\n    };\n    return controls;\n}\n\nexport { createAcceleratedAnimation };\n"],"names":["supportsWaapi","memo","acceleratedValues","sampleDelta","maxDuration","requiresPregeneratedKeyframes","valueName","options","isWaapiSupportedEasing","createAcceleratedAnimation","value","onUpdate","onComplete","hasStopped","resolveFinishedPromise","currentFinishedPromise","updateFinishedPromise","resolve","keyframes","duration","ease","times","sampleAnimation","animateValue","state","pregeneratedKeyframes","t","animation","animateStyle","cancelAnimation","safeCancel","frame","getFinalKeyframe","reject","timeline","noop","millisecondsToSeconds","newTime","secondsToMilliseconds","newSpeed","cancelFrame","currentTime"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra321.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":"6NAMA,SAASA,EAAgBC,EAAOC,EAAcC,EAASC,EAAmB,CACtE,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAI,UAAEC,EAAW,gBAAAC,CAAe,EAAKP,EAEpD,IAAIQ,EAAe,GACfC,EAAqB,GAErBC,EAAkB,GAOtB,UAAWC,KAAOV,EAAc,CAC5B,MAAMW,EAAQX,EAAaU,CAAG,EAI9B,GAAIE,EAAAA,kBAAkBF,CAAG,EAAG,CACxBN,EAAKM,CAAG,EAAIC,EACZ,QACH,CAED,MAAME,EAAYC,mBAAiBJ,CAAG,EAChCK,EAAcC,EAAAA,eAAeL,EAAOE,CAAS,EACnD,GAAII,EAAc,eAAC,IAAIP,CAAG,EAAG,CAKzB,GAHAH,EAAe,GACfF,EAAUK,CAAG,EAAIK,EAEb,CAACN,EACD,SAEAE,KAAWE,EAAU,SAAW,KAChCJ,EAAkB,GACzB,MACQC,EAAI,WAAW,QAAQ,GAE5BF,EAAqB,GACrBF,EAAgBI,CAAG,EAAIK,GAGvBZ,EAAMO,CAAG,EAAIK,CAEpB,CAiBD,GAhBKf,EAAa,YACVO,GAAgBL,EAChBC,EAAM,UAAYe,EAAAA,eAAenB,EAAM,UAAWE,EAASQ,EAAiBP,CAAiB,EAExFC,EAAM,YAKXA,EAAM,UAAY,SAOtBK,EAAoB,CACpB,KAAM,CAAE,QAAAW,EAAU,MAAO,QAAAC,EAAU,MAAO,QAAAC,EAAU,CAAI,EAAGf,EAC3DH,EAAM,gBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO,EAC3D,CACL","x_google_ignoreList":[0]}

package/dist/lyra321.js

@@ -1,103 +1,30 @@
-import { animateStyle as b } from "./lyra280.js";
-import { isWaapiSupportedEasing as k } from "./lyra281.js";
-import { getFinalKeyframe as w } from "./lyra351.js";
-import { animateValue as T } from "./lyra191.js";
-import { millisecondsToSeconds as S, secondsToMilliseconds as F } from "./lyra198.js";
-import { memo as D } from "./lyra340.js";
-import { noop as K } from "./lyra207.js";
-import { frame as V, cancelFrame as W } from "./lyra188.js";
-const x = D(() => Object.hasOwnProperty.call(Element.prototype, "animate")), C = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform",
-  "backgroundColor"
-]), l = 10, E = 2e4, O = (i, n) => n.type === "spring" || i === "backgroundColor" || !k(n.ease);
-function J(i, n, { onUpdate: R, onComplete: p, ...a }) {
-  if (!(x() && C.has(n) && !a.repeatDelay && a.repeatType !== "mirror" && a.damping !== 0 && a.type !== "inertia"))
-    return !1;
-  let u = !1, f, d;
-  const y = () => {
-    d = new Promise((e) => {
-      f = e;
-    });
-  };
-  y();
-  let { keyframes: s, duration: c = 300, ease: h, times: g } = a;
-  if (O(n, a)) {
-    const e = T({
-      ...a,
-      repeat: 0,
-      delay: 0
-    });
-    let r = { done: !1, value: s[0] };
-    const P = [];
-    let o = 0;
-    for (; !r.done && o < E; )
-      r = e.sample(o), P.push(r.value), o += l;
-    g = void 0, s = P, c = o - l, h = "linear";
+import { buildTransform as y } from "./lyra194.js";
+import { isCSSVariableName as T } from "./lyra210.js";
+import { transformProps as b } from "./lyra183.js";
+import { getValueAsType as h } from "./lyra354.js";
+import { numberValueTypes as v } from "./lyra347.js";
+function N(t, s, p, a) {
+  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
+  let l = !1, u = !1, f = !0;
+  for (const r in s) {
+    const i = s[r];
+    if (T(r)) {
+      c[r] = i;
+      continue;
+    }
+    const n = v[r], e = h(i, n);
+    if (b.has(r)) {
+      if (l = !0, g[r] = e, !f)
+        continue;
+      i !== (n.default || 0) && (f = !1);
+    } else
+      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+  }
+  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
+    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
+    o.transformOrigin = `${r} ${i} ${n}`;
   }
-  const t = b(i.owner.current, n, s, {
-    ...a,
-    duration: c,
-    /**
-     * This function is currently not called if ease is provided
-     * as a function so the cast is safe.
-     *
-     * However it would be possible for a future refinement to port
-     * in easing pregeneration from Motion One for browsers that
-     * support the upcoming `linear()` easing function.
-     */
-    ease: h,
-    times: g
-  }), A = () => t.cancel(), m = () => {
-    V.update(A), f(), y();
-  };
-  return t.onfinish = () => {
-    i.set(w(s, a)), p && p(), m();
-  }, {
-    then(e, r) {
-      return d.then(e, r);
-    },
-    attachTimeline(e) {
-      return t.timeline = e, t.onfinish = null, K;
-    },
-    get time() {
-      return S(t.currentTime || 0);
-    },
-    set time(e) {
-      t.currentTime = F(e);
-    },
-    get speed() {
-      return t.playbackRate;
-    },
-    set speed(e) {
-      t.playbackRate = e;
-    },
-    get duration() {
-      return S(c);
-    },
-    play: () => {
-      u || (t.play(), W(A));
-    },
-    pause: () => t.pause(),
-    stop: () => {
-      if (u = !0, t.playState === "idle")
-        return;
-      const { currentTime: e } = t;
-      if (e) {
-        const r = T({
-          ...a,
-          autoplay: !1
-        });
-        i.setWithVelocity(r.sample(e - l).value, r.sample(e).value, l);
-      }
-      m();
-    },
-    complete: () => t.finish(),
-    cancel: m
-  };
 }
 export {
-  J as createAcceleratedAnimation
+  N as buildHTMLStyles
 };

package/dist/lyra321.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra321.js","sources":["../node_modules/framer-motion/dist/es/animation/animators/waapi/create-accelerated-animation.mjs"],"sourcesContent":["import { animateStyle } from './index.mjs';\nimport { isWaapiSupportedEasing } from './easing.mjs';\nimport { getFinalKeyframe } from './utils/get-final-keyframe.mjs';\nimport { animateValue } from '../js/index.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { memo } from '../../../utils/memo.mjs';\nimport { noop } from '../../../utils/noop.mjs';\nimport { frame, cancelFrame } from '../../../frameloop/frame.mjs';\n\nconst supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\n/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    \"backgroundColor\",\n]);\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\n/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxDuration = 20000;\nconst requiresPregeneratedKeyframes = (valueName, options) => options.type === \"spring\" ||\n    valueName === \"backgroundColor\" ||\n    !isWaapiSupportedEasing(options.ease);\nfunction createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {\n    const canAccelerateAnimation = supportsWaapi() &&\n        acceleratedValues.has(valueName) &&\n        !options.repeatDelay &&\n        options.repeatType !== \"mirror\" &&\n        options.damping !== 0 &&\n        options.type !== \"inertia\";\n    if (!canAccelerateAnimation)\n        return false;\n    /**\n     * TODO: Unify with js/index\n     */\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let { keyframes, duration = 300, ease, times } = options;\n    /**\n     * If this animation needs pre-generated keyframes then generate.\n     */\n    if (requiresPregeneratedKeyframes(valueName, options)) {\n        const sampleAnimation = animateValue({\n            ...options,\n            repeat: 0,\n            delay: 0,\n        });\n        let state = { done: false, value: keyframes[0] };\n        const pregeneratedKeyframes = [];\n        /**\n         * Bail after 20 seconds of pre-generated keyframes as it's likely\n         * we're heading for an infinite loop.\n         */\n        let t = 0;\n        while (!state.done && t < maxDuration) {\n            state = sampleAnimation.sample(t);\n            pregeneratedKeyframes.push(state.value);\n            t += sampleDelta;\n        }\n        times = undefined;\n        keyframes = pregeneratedKeyframes;\n        duration = t - sampleDelta;\n        ease = \"linear\";\n    }\n    const animation = animateStyle(value.owner.current, valueName, keyframes, {\n        ...options,\n        duration,\n        /**\n         * This function is currently not called if ease is provided\n         * as a function so the cast is safe.\n         *\n         * However it would be possible for a future refinement to port\n         * in easing pregeneration from Motion One for browsers that\n         * support the upcoming `linear()` easing function.\n         */\n        ease: ease,\n        times,\n    });\n    const cancelAnimation = () => animation.cancel();\n    const safeCancel = () => {\n        frame.update(cancelAnimation);\n        resolveFinishedPromise();\n        updateFinishedPromise();\n    };\n    /**\n     * Prefer the `onfinish` prop as it's more widely supported than\n     * the `finished` promise.\n     *\n     * Here, we synchronously set the provided MotionValue to the end\n     * keyframe. If we didn't, when the WAAPI animation is finished it would\n     * be removed from the element which would then revert to its old styles.\n     */\n    animation.onfinish = () => {\n        value.set(getFinalKeyframe(keyframes, options));\n        onComplete && onComplete();\n        safeCancel();\n    };\n    /**\n     * Animation interrupt callback.\n     */\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        attachTimeline(timeline) {\n            animation.timeline = timeline;\n            animation.onfinish = null;\n            return noop;\n        },\n        get time() {\n            return millisecondsToSeconds(animation.currentTime || 0);\n        },\n        set time(newTime) {\n            animation.currentTime = secondsToMilliseconds(newTime);\n        },\n        get speed() {\n            return animation.playbackRate;\n        },\n        set speed(newSpeed) {\n            animation.playbackRate = newSpeed;\n        },\n        get duration() {\n            return millisecondsToSeconds(duration);\n        },\n        play: () => {\n            if (hasStopped)\n                return;\n            animation.play();\n            /**\n             * Cancel any pending cancel tasks\n             */\n            cancelFrame(cancelAnimation);\n        },\n        pause: () => animation.pause(),\n        stop: () => {\n            hasStopped = true;\n            if (animation.playState === \"idle\")\n                return;\n            /**\n             * WAAPI doesn't natively have any interruption capabilities.\n             *\n             * Rather than read commited styles back out of the DOM, we can\n             * create a renderless JS animation and sample it twice to calculate\n             * its current value, \"previous\" value, and therefore allow\n             * Motion to calculate velocity for any subsequent animation.\n             */\n            const { currentTime } = animation;\n            if (currentTime) {\n                const sampleAnimation = animateValue({\n                    ...options,\n                    autoplay: false,\n                });\n                value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);\n            }\n            safeCancel();\n        },\n        complete: () => animation.finish(),\n        cancel: safeCancel,\n    };\n    return controls;\n}\n\nexport { createAcceleratedAnimation };\n"],"names":["supportsWaapi","memo","acceleratedValues","sampleDelta","maxDuration","requiresPregeneratedKeyframes","valueName","options","isWaapiSupportedEasing","createAcceleratedAnimation","value","onUpdate","onComplete","hasStopped","resolveFinishedPromise","currentFinishedPromise","updateFinishedPromise","resolve","keyframes","duration","ease","times","sampleAnimation","animateValue","state","pregeneratedKeyframes","t","animation","animateStyle","cancelAnimation","safeCancel","frame","getFinalKeyframe","reject","timeline","noop","millisecondsToSeconds","newTime","secondsToMilliseconds","newSpeed","cancelFrame","currentTime"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra321.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAASC,GAAmB;AACtE,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,iBAAAC,EAAe,IAAKP;AAEpD,MAAIQ,IAAe,IACfC,IAAqB,IAErBC,IAAkB;AAOtB,aAAWC,KAAOV,GAAc;AAC5B,UAAMW,IAAQX,EAAaU,CAAG;AAI9B,QAAIE,EAAkBF,CAAG,GAAG;AACxB,MAAAN,EAAKM,CAAG,IAAIC;AACZ;AAAA,IACH;AAED,UAAME,IAAYC,EAAiBJ,CAAG,GAChCK,IAAcC,EAAeL,GAAOE,CAAS;AACnD,QAAII,EAAe,IAAIP,CAAG,GAAG;AAKzB,UAHAH,IAAe,IACfF,EAAUK,CAAG,IAAIK,GAEb,CAACN;AACD;AAEJ,MAAIE,OAAWE,EAAU,WAAW,OAChCJ,IAAkB;AAAA,IACzB;AACI,MAAIC,EAAI,WAAW,QAAQ,KAE5BF,IAAqB,IACrBF,EAAgBI,CAAG,IAAIK,KAGvBZ,EAAMO,CAAG,IAAIK;AAAA,EAEpB;AAiBD,MAhBKf,EAAa,cACVO,KAAgBL,IAChBC,EAAM,YAAYe,EAAenB,EAAM,WAAWE,GAASQ,GAAiBP,CAAiB,IAExFC,EAAM,cAKXA,EAAM,YAAY,UAOtBK,GAAoB;AACpB,UAAM,EAAE,SAAAW,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAI,IAAGf;AAC3D,IAAAH,EAAM,kBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC3D;AACL;","x_google_ignoreList":[0]}

package/dist/lyra322.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra191.cjs"),e=require("./lyra207.cjs");function s({keyframes:n,delay:t,onUpdate:o,onComplete:r}){const i=()=>(o&&o(n[n.length-1]),r&&r(),{time:0,speed:1,duration:0,play:e.noop,pause:e.noop,stop:e.noop,then:a=>(a(),Promise.resolve()),cancel:e.noop,complete:e.noop});return t?u.animateValue({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}exports.createInstantAnimation=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;

package/dist/lyra322.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra322.cjs","sources":["../node_modules/framer-motion/dist/es/animation/animators/instant.mjs"],"sourcesContent":["import { animateValue } from './js/index.mjs';\nimport { noop } from '../../utils/noop.mjs';\n\nfunction createInstantAnimation({ keyframes, delay, onUpdate, onComplete, }) {\n    const setValue = () => {\n        onUpdate && onUpdate(keyframes[keyframes.length - 1]);\n        onComplete && onComplete();\n        /**\n         * TODO: As this API grows it could make sense to always return\n         * animateValue. This will be a bigger project as animateValue\n         * is frame-locked whereas this function resolves instantly.\n         * This is a behavioural change and also has ramifications regarding\n         * assumptions within tests.\n         */\n        return {\n            time: 0,\n            speed: 1,\n            duration: 0,\n            play: (noop),\n            pause: (noop),\n            stop: (noop),\n            then: (resolve) => {\n                resolve();\n                return Promise.resolve();\n            },\n            cancel: (noop),\n            complete: (noop),\n        };\n    };\n    return delay\n        ? animateValue({\n            keyframes: [0, 1],\n            duration: 0,\n            delay,\n            onComplete: setValue,\n        })\n        : setValue();\n}\n\nexport { createInstantAnimation };\n"],"names":["createInstantAnimation","keyframes","delay","onUpdate","onComplete","setValue","noop","resolve","animateValue"],"mappings":"4IAGA,SAASA,EAAuB,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,WAAAC,CAAU,EAAK,CACzE,MAAMC,EAAW,KACbF,GAAYA,EAASF,EAAUA,EAAU,OAAS,CAAC,CAAC,EACpDG,GAAcA,EAAU,EAQjB,CACH,KAAM,EACN,MAAO,EACP,SAAU,EACV,KAAOE,EAAAA,KACP,MAAQA,EAAAA,KACR,KAAOA,EAAAA,KACP,KAAOC,IACHA,IACO,QAAQ,WAEnB,OAASD,EAAAA,KACT,SAAWA,EAAAA,IACvB,GAEI,OAAOJ,EACDM,eAAa,CACX,UAAW,CAAC,EAAG,CAAC,EAChB,SAAU,EACV,MAAAN,EACA,WAAYG,CACxB,CAAS,EACCA,GACV","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra322.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"gFAAA,SAASA,EAAWC,EAAS,CAAE,MAAAC,EAAO,KAAAC,CAAM,EAAEC,EAAWC,EAAY,CACjE,OAAO,OAAOJ,EAAQ,MAAOC,EAAOG,GAAcA,EAAW,oBAAoBD,CAAS,CAAC,EAE3F,UAAWE,KAAOH,EACdF,EAAQ,MAAM,YAAYK,EAAKH,EAAKG,CAAG,CAAC,CAEhD","x_google_ignoreList":[0]}

package/dist/lyra322.js

@@ -1,24 +1,8 @@
-import { animateValue as m } from "./lyra191.js";
-import { noop as e } from "./lyra207.js";
-function s({ keyframes: t, delay: n, onUpdate: r, onComplete: o }) {
-  const a = () => (r && r(t[t.length - 1]), o && o(), {
-    time: 0,
-    speed: 1,
-    duration: 0,
-    play: e,
-    pause: e,
-    stop: e,
-    then: (i) => (i(), Promise.resolve()),
-    cancel: e,
-    complete: e
-  });
-  return n ? m({
-    keyframes: [0, 1],
-    duration: 0,
-    delay: n,
-    onComplete: a
-  }) : a();
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
 }
 export {
-  s as createInstantAnimation
+  y as renderHTML
 };

package/dist/lyra322.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra322.js","sources":["../node_modules/framer-motion/dist/es/animation/animators/instant.mjs"],"sourcesContent":["import { animateValue } from './js/index.mjs';\nimport { noop } from '../../utils/noop.mjs';\n\nfunction createInstantAnimation({ keyframes, delay, onUpdate, onComplete, }) {\n    const setValue = () => {\n        onUpdate && onUpdate(keyframes[keyframes.length - 1]);\n        onComplete && onComplete();\n        /**\n         * TODO: As this API grows it could make sense to always return\n         * animateValue. This will be a bigger project as animateValue\n         * is frame-locked whereas this function resolves instantly.\n         * This is a behavioural change and also has ramifications regarding\n         * assumptions within tests.\n         */\n        return {\n            time: 0,\n            speed: 1,\n            duration: 0,\n            play: (noop),\n            pause: (noop),\n            stop: (noop),\n            then: (resolve) => {\n                resolve();\n                return Promise.resolve();\n            },\n            cancel: (noop),\n            complete: (noop),\n        };\n    };\n    return delay\n        ? animateValue({\n            keyframes: [0, 1],\n            duration: 0,\n            delay,\n            onComplete: setValue,\n        })\n        : setValue();\n}\n\nexport { createInstantAnimation };\n"],"names":["createInstantAnimation","keyframes","delay","onUpdate","onComplete","setValue","noop","resolve","animateValue"],"mappings":";;AAGA,SAASA,EAAuB,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,YAAAC,EAAU,GAAK;AACzE,QAAMC,IAAW,OACbF,KAAYA,EAASF,EAAUA,EAAU,SAAS,CAAC,CAAC,GACpDG,KAAcA,EAAU,GAQjB;AAAA,IACH,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAOE;AAAA,IACP,OAAQA;AAAA,IACR,MAAOA;AAAA,IACP,MAAM,CAACC,OACHA,KACO,QAAQ;IAEnB,QAASD;AAAA,IACT,UAAWA;AAAA,EACvB;AAEI,SAAOJ,IACDM,EAAa;AAAA,IACX,WAAW,CAAC,GAAG,CAAC;AAAA,IAChB,UAAU;AAAA,IACV,OAAAN;AAAA,IACA,YAAYG;AAAA,EACxB,CAAS,IACCA;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra322.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAM,GAAEC,GAAWC,GAAY;AACjE,SAAO,OAAOJ,EAAQ,OAAOC,GAAOG,KAAcA,EAAW,oBAAoBD,CAAS,CAAC;AAE3F,aAAWE,KAAOH;AACd,IAAAF,EAAQ,MAAM,YAAYK,GAAKH,EAAKG,CAAG,CAAC;AAEhD;","x_google_ignoreList":[0]}

package/dist/lyra323.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra179.cjs"),s={type:"spring",stiffness:500,damping:25,restSpeed:10},n=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),i={type:"keyframes",duration:.8},a={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},o=(e,{keyframes:t})=>t.length>2?i:r.transformProps.has(e)?e.startsWith("scale")?n(t[1]):s:a;exports.getDefaultTransition=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra353.cjs"),s=require("./lyra334.cjs");function i(e,o){return n.convertBoundingBoxToBox(n.transformBoxPoints(e.getBoundingClientRect(),o))}function a(e,o,u){const t=i(e,u),{scroll:r}=o;return r&&(s.translateAxis(t.x,r.offset.x),s.translateAxis(t.y,r.offset.y)),t}exports.measurePageBox=a;exports.measureViewportBox=i;