@new-black/lyra 0.0.25 → 0.0.28

package/dist/lyra299.js

@@ -1,9 +1,4 @@
-const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
+const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
 export {
-  r as createHtmlRenderState
+  t as isNodeOrChild
 };

package/dist/lyra299.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra299.js","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"AAOK,MAACA,IAAgB,CAACC,GAAQC,MACtBA,IAGID,MAAWC,IACT,KAGAF,EAAcC,GAAQC,EAAM,aAAa,IANzC;","x_google_ignoreList":[0]}

package/dist/lyra3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra72.cjs");require("./lyra76.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra81.cjs");require("./lyra85.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;

package/dist/lyra3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra3.cjs","sources":["../src/components/accordion/accordion.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./accordion.vars.css\";\n\nexport const accordionItemStyles = cva([\"rounded-base\", \"outline-none\"], {\n  variants: {\n    isFocusVisible: {\n      true: [\"ring-2\", \"ring-primary-1\", \"z-10\"],\n      false: [\n        \"border-b last:border-b-0 border-solid border-[--accordion-divider-color]\",\n      ],\n    },\n  },\n});\nexport const accordionItemButtonStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-between\",\n    \"gap-4\",\n    \"rounded-base\",\n    \"w-full\",\n    \"outline-none\",\n    \"px-[--accordion-title-padding-x]\",\n    \"py-[--accordion-title-padding-y]\",\n    \"text-[length:var(--accordion-title-font-size)]\",\n    \"font-[--accordion-title-font-weight]\",\n    \"outline-none\",\n    // \"focus:ring focus:ring-primary-3\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: [\"text-[--accordion-title-is-open-color]\"],\n        false: [\"text-[--accordion-title-color]\"],\n      },\n      isDisabled: {\n        true: [\n          \"text-[--accordion-title-is-disabled-color]\",\n          \"cursor-not-allowed\",\n        ],\n      },\n    },\n  }\n);\n\nexport const accordionItemContentStyles = cva(\n  [\n    \"text-[length:var(--accordion-content-font-size)]\",\n    \"font-[--accordion-content-font-weight]\",\n    \"text-[--accordion-content-color]\",\n  ],\n  {\n    variants: {\n      disableAccordionContentPadding: {\n        true: [\"p-0\"],\n        false: [\n          \"px-[--accordion-content-padding-x]\",\n          \"py-[--accordion-content-padding-y]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      disableAccordionContentPadding: false,\n    },\n  }\n);\n"],"names":["accordionItemStyles","cva","accordionItemButtonStyles","accordionItemContentStyles"],"mappings":"wIAGO,MAAMA,EAAsBC,EAAA,IAAI,CAAC,eAAgB,cAAc,EAAG,CACvE,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,SAAU,iBAAkB,MAAM,EACzC,MAAO,CACL,0EACF,CACF,CACF,CACF,CAAC,EACYC,EAA4BD,EAAA,IACvC,CACE,OACA,eACA,kBACA,QACA,eACA,SACA,eACA,mCACA,mCACA,iDACA,uCACA,cAEF,EACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,CAAC,wCAAwC,EAC/C,MAAO,CAAC,gCAAgC,CAC1C,EACA,WAAY,CACV,KAAM,CACJ,6CACA,oBACF,CACF,CACF,CACF,CACF,EAEaE,EAA6BF,EAAA,IACxC,CACE,mDACA,yCACA,kCACF,EACA,CACE,SAAU,CACR,+BAAgC,CAC9B,KAAM,CAAC,KAAK,EACZ,MAAO,CACL,qCACA,oCACF,CACF,CACF,EACA,gBAAiB,CACf,+BAAgC,EAClC,CACF,CACF"}

package/dist/lyra3.js

@@ -1,5 +1,5 @@
-import { cva as o } from "./lyra72.js";
-import "./lyra76.js";
+import { cva as o } from "./lyra81.js";
+import "./lyra85.js";
 const e = o(["rounded-base", "outline-none"], {
   variants: {
     isFocusVisible: {

package/dist/lyra3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra3.js","sources":["../src/components/accordion/accordion.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./accordion.vars.css\";\n\nexport const accordionItemStyles = cva([\"rounded-base\", \"outline-none\"], {\n  variants: {\n    isFocusVisible: {\n      true: [\"ring-2\", \"ring-primary-1\", \"z-10\"],\n      false: [\n        \"border-b last:border-b-0 border-solid border-[--accordion-divider-color]\",\n      ],\n    },\n  },\n});\nexport const accordionItemButtonStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-between\",\n    \"gap-4\",\n    \"rounded-base\",\n    \"w-full\",\n    \"outline-none\",\n    \"px-[--accordion-title-padding-x]\",\n    \"py-[--accordion-title-padding-y]\",\n    \"text-[length:var(--accordion-title-font-size)]\",\n    \"font-[--accordion-title-font-weight]\",\n    \"outline-none\",\n    // \"focus:ring focus:ring-primary-3\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: [\"text-[--accordion-title-is-open-color]\"],\n        false: [\"text-[--accordion-title-color]\"],\n      },\n      isDisabled: {\n        true: [\n          \"text-[--accordion-title-is-disabled-color]\",\n          \"cursor-not-allowed\",\n        ],\n      },\n    },\n  }\n);\n\nexport const accordionItemContentStyles = cva(\n  [\n    \"text-[length:var(--accordion-content-font-size)]\",\n    \"font-[--accordion-content-font-weight]\",\n    \"text-[--accordion-content-color]\",\n  ],\n  {\n    variants: {\n      disableAccordionContentPadding: {\n        true: [\"p-0\"],\n        false: [\n          \"px-[--accordion-content-padding-x]\",\n          \"py-[--accordion-content-padding-y]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      disableAccordionContentPadding: false,\n    },\n  }\n);\n"],"names":["accordionItemStyles","cva","accordionItemButtonStyles","accordionItemContentStyles"],"mappings":";;AAGO,MAAMA,IAAsBC,EAAI,CAAC,gBAAgB,cAAc,GAAG;AAAA,EACvE,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM,CAAC,UAAU,kBAAkB,MAAM;AAAA,MACzC,OAAO;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GACYC,IAA4BD;AAAA,EACvC;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;AAAA,EAEF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM,CAAC,wCAAwC;AAAA,QAC/C,OAAO,CAAC,gCAAgC;AAAA,MAC1C;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,GAEaE,IAA6BF;AAAA,EACxC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,gCAAgC;AAAA,QAC9B,MAAM,CAAC,KAAK;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,gCAAgC;AAAA,IAClC;AAAA,EACF;AACF;"}

package/dist/lyra30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra37.cjs"),r=require("react"),s=require("./lyra44.cjs"),f=require("./lyra31.cjs"),p=require("./lyra38.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("./lyra81.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/lyra30.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra30.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/lyra30.js

@@ -1,46 +1,28 @@
-import { j as u } from "./lyra37.js";
-import { forwardRef as i, useRef as p } from "react";
-import { useObjectRef as h, mergeRefs as l } from "./lyra44.js";
-import { textStyles as g } from "./lyra31.js";
-import { twMerge as x } from "./lyra38.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 "./lyra81.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/lyra30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra30.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/lyra300.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra178.cjs"),b=require("./lyra194.cjs"),d=require("./lyra168.cjs"),p=require("./lyra335.cjs"),S=require("./lyra331.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=new WeakMap,n=new WeakMap,b=e=>{const r=c.get(e.target);r&&r(e)},a=e=>{e.forEach(b)};function i({root:e,...r}){const s=e||document;n.has(s)||n.set(s,{});const t=n.get(s),o=JSON.stringify(r);return t[o]||(t[o]=new IntersectionObserver(a,{root:e,...r})),t[o]}function v(e,r,s){const t=i(r);return c.set(e,s),t.observe(e),()=>{c.delete(e),t.unobserve(e)}}exports.observeIntersection=v;

package/dist/lyra300.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra300.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"gFAKA,MAAMA,EAAoB,IAAI,QAMxBC,EAAY,IAAI,QAChBC,EAAwBC,GAAU,CACpC,MAAMC,EAAWJ,EAAkB,IAAIG,EAAM,MAAM,EACnDC,GAAYA,EAASD,CAAK,CAC9B,EACME,EAA4BC,GAAY,CAC1CA,EAAQ,QAAQJ,CAAoB,CACxC,EACA,SAASK,EAAyB,CAAE,KAAAC,EAAM,GAAGC,GAAW,CACpD,MAAMC,EAAaF,GAAQ,SAItBP,EAAU,IAAIS,CAAU,GACzBT,EAAU,IAAIS,EAAY,CAAA,CAAE,EAEhC,MAAMC,EAAgBV,EAAU,IAAIS,CAAU,EACxCE,EAAM,KAAK,UAAUH,CAAO,EAKlC,OAAKE,EAAcC,CAAG,IAClBD,EAAcC,CAAG,EAAI,IAAI,qBAAqBP,EAA0B,CAAE,KAAAG,EAAM,GAAGC,CAAO,CAAE,GAEzFE,EAAcC,CAAG,CAC5B,CACA,SAASC,EAAoBC,EAASL,EAASL,EAAU,CACrD,MAAMW,EAA4BR,EAAyBE,CAAO,EAClE,OAAAT,EAAkB,IAAIc,EAASV,CAAQ,EACvCW,EAA0B,QAAQD,CAAO,EAClC,IAAM,CACTd,EAAkB,OAAOc,CAAO,EAChCC,EAA0B,UAAUD,CAAO,CACnD,CACA","x_google_ignoreList":[0]}

package/dist/lyra300.js

@@ -1,30 +1,21 @@
-import { buildTransform as y } from "./lyra178.js";
-import { isCSSVariableName as T } from "./lyra194.js";
-import { transformProps as b } from "./lyra168.js";
-import { getValueAsType as h } from "./lyra335.js";
-import { numberValueTypes as v } from "./lyra331.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 c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
 }
 export {
-  N as buildHTMLStyles
+  v as observeIntersection
 };

package/dist/lyra300.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra300.js","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"AAKA,MAAMA,IAAoB,oBAAI,WAMxBC,IAAY,oBAAI,WAChBC,IAAuB,CAACC,MAAU;AACpC,QAAMC,IAAWJ,EAAkB,IAAIG,EAAM,MAAM;AACnD,EAAAC,KAAYA,EAASD,CAAK;AAC9B,GACME,IAA2B,CAACC,MAAY;AAC1C,EAAAA,EAAQ,QAAQJ,CAAoB;AACxC;AACA,SAASK,EAAyB,EAAE,MAAAC,GAAM,GAAGC,KAAW;AACpD,QAAMC,IAAaF,KAAQ;AAI3B,EAAKP,EAAU,IAAIS,CAAU,KACzBT,EAAU,IAAIS,GAAY,CAAA,CAAE;AAEhC,QAAMC,IAAgBV,EAAU,IAAIS,CAAU,GACxCE,IAAM,KAAK,UAAUH,CAAO;AAKlC,SAAKE,EAAcC,CAAG,MAClBD,EAAcC,CAAG,IAAI,IAAI,qBAAqBP,GAA0B,EAAE,MAAAG,GAAM,GAAGC,EAAO,CAAE,IAEzFE,EAAcC,CAAG;AAC5B;AACA,SAASC,EAAoBC,GAASL,GAASL,GAAU;AACrD,QAAMW,IAA4BR,EAAyBE,CAAO;AAClE,SAAAT,EAAkB,IAAIc,GAASV,CAAQ,GACvCW,EAA0B,QAAQD,CAAO,GAClC,MAAM;AACT,IAAAd,EAAkB,OAAOc,CAAO,GAChCC,EAA0B,UAAUD,CAAO;AAAA,EACnD;AACA;","x_google_ignoreList":[0]}

package/dist/lyra301.cjs

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

package/dist/lyra301.cjs.map

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

package/dist/lyra301.js

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