@new-black/lyra 0.0.4 → 0.0.6

package/dist/lyra11.js

@@ -1,48 +1,157 @@
-import a, { useContext as s, useState as d, useMemo as $, useLayoutEffect as v, useRef as p } from "react";
-const i = {
-  prefix: String(Math.round(Math.random() * 1e10)),
-  current: 0,
-  isSSR: !1
-}, o = /* @__PURE__ */ a.createContext(i);
-function S(u) {
-  let e = s(o), r = m(e === i), [c, n] = d(!0), t = $(() => ({
-    // If this is the first SSRProvider, start with an empty string prefix, otherwise
-    // append and increment the counter.
-    prefix: e === i ? "" : `${e.prefix}-${r}`,
-    current: 0,
-    isSSR: c
-  }), [
-    e,
-    r,
-    c
-  ]);
-  return typeof window < "u" && v(() => {
-    n(!1);
-  }, []), /* @__PURE__ */ a.createElement(o.Provider, {
-    value: t
-  }, u.children);
-}
-let l = /* @__PURE__ */ new WeakMap();
-function m(u = !1) {
-  let e = s(o), r = p(null);
-  if (r.current === null && !u) {
-    var c, n;
-    let t = (c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || c === void 0 || (n = c.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
-    if (t) {
-      let f = l.get(t);
-      f == null ? l.set(t, {
-        id: e.current,
-        state: t.memoizedState
-      }) : t.memoizedState !== f.state && (e.current = f.id, l.delete(t));
+import { cva as t } from "./lyra36.js";
+import "./lyra45.js";
+const a = t(["flex", "flex-col"], {
+  variants: {
+    fullWidth: {
+      true: "w-full",
+      false: "w-fit"
     }
-    r.current = ++e.current;
   }
-  return r.current;
-}
-function b() {
-  return s(o).isSSR;
-}
+}), l = t(
+  [
+    "flex",
+    "items-center",
+    "outline-none",
+    "border",
+    "border-solid",
+    "rounded-[--input-radius]",
+    "font-sans",
+    "text-base",
+    "transition-all",
+    "ease-out",
+    "duration-150",
+    "placeholder:text-[--input-placeholder-color]"
+  ],
+  {
+    variants: {
+      fullWidth: {
+        true: "w-full",
+        false: "w-fit"
+      },
+      isDisabled: {
+        true: "bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",
+        false: "bg-[--input-background-color] text-[--input-text-color]"
+      },
+      size: {
+        small: [
+          "px-[--input-padding-x-small]",
+          "py-[--input-padding-y-small]",
+          "text-[length:var(--input-text-size-small)]"
+        ],
+        medium: [
+          "px-[--input-padding-x-medium]",
+          "py-[--input-padding-y-medium]",
+          "text-[length:var(--input-text-size-medium)]"
+        ],
+        large: [
+          "px-[--input-padding-x-large]",
+          "py-[--input-padding-y-large]",
+          "text-[length:var(--input-text-size-large)]"
+        ]
+      },
+      validationState: {
+        valid: "border-[--input-border-valid-color]",
+        invalid: "border-[--input-border-invalid-color]"
+      },
+      isHovered: {
+        true: ""
+      },
+      isFocused: {
+        true: ""
+      }
+    },
+    compoundVariants: [
+      {
+        validationState: void 0,
+        isFocused: !1,
+        isDisabled: !1,
+        className: "border-[--input-border-default-color]"
+      },
+      {
+        isDisabled: !1,
+        isFocused: !1,
+        validationState: void 0,
+        isHovered: !0,
+        className: "border-[--input-border-default-hover-color]"
+      },
+      {
+        isFocused: !0,
+        isDisabled: !1,
+        validationState: void 0,
+        className: "border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"
+      },
+      {
+        isDisabled: !1,
+        validationState: "valid",
+        isFocused: !0,
+        className: "ring !ring-[--input-ring-valid-color]"
+      },
+      {
+        isDisabled: !1,
+        isFocused: !0,
+        validationState: "invalid",
+        className: "ring !ring-[--input-ring-invalid-color]"
+      }
+    ],
+    defaultVariants: {
+      isDisabled: !1
+    }
+  }
+), n = t([
+  "text-[--input-label-color]",
+  "text-[length:--input-label-size]",
+  "mb-[--input-label-margin-bottom]",
+  "transition-all",
+  "ease-out",
+  "duration-150"
+]), s = t(
+  ["font-[--input-hint-weight]", "text-[--input-hint-color]"],
+  {
+    variants: {
+      size: {
+        small: ["text-[--input-hint-size-small]"],
+        medium: ["text-[--input-hint-size-medium]"],
+        large: ["text-[--input-hint-size-large]"]
+      }
+    }
+  }
+), d = t(
+  [
+    "w-full",
+    "flex-grow",
+    "bg-transparent",
+    "outline-none",
+    "disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      size: {
+        small: [
+          "px-[--input-padding-x-small]",
+          "py-[--input-padding-y-small]",
+          "text-[length:var(--input-text-size-small)]"
+        ],
+        medium: [
+          "px-[--input-padding-x-medium]",
+          "py-[--input-padding-y-medium]",
+          "text-[length:var(--input-text-size-medium)]"
+        ],
+        large: [
+          "px-[--input-padding-x-large]",
+          "py-[--input-padding-y-large]",
+          "text-[length:var(--input-text-size-large)]"
+        ]
+      }
+    },
+    defaultVariants: {
+      size: "medium"
+    }
+  }
+);
 export {
-  S as SSRProvider,
-  b as useIsSSR
+  l as sharedInputFieldStyles,
+  a as sharedInputFieldWrapperStyles,
+  s as sharedInputHintStyles,
+  d as sharedInputStyles,
+  n as sharedInputlabelStyles
 };

package/dist/lyra110.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),C=require("./lyra124.cjs"),b=require("./lyra210.cjs"),g=require("./lyra232.cjs");function m(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const a=m(u),q=({children:t,initial:o,isPresent:e,onExitComplete:r,custom:f,presenceAffectsLayout:i,mode:l})=>{const n=b.useConstant(y),d=u.useId(),p=u.useMemo(()=>({id:d,initial:o,isPresent:e,custom:f,onExitComplete:c=>{n.set(c,!0);for(const s of n.values())if(!s)return;r&&r()},register:c=>(n.set(c,!1),()=>n.delete(c))}),i?void 0:[e]);return u.useMemo(()=>{n.forEach((c,s)=>n.set(s,!1))},[e]),a.useEffect(()=>{!e&&!n.size&&r&&r()},[e]),l==="popLayout"&&(t=a.createElement(g.PopChild,{isPresent:e},t)),a.createElement(C.PresenceContext.Provider,{value:p},t)};function y(){return new Map}exports.PresenceChild=q;

package/dist/lyra110.js

@@ -0,0 +1,40 @@
+import * as s from "react";
+import { useId as l, useMemo as u } from "react";
+import { PresenceContext as C } from "./lyra124.js";
+import { useConstant as v } from "./lyra210.js";
+import { PopChild as E } from "./lyra232.js";
+const q = ({ children: n, initial: a, isPresent: r, onExitComplete: o, custom: c, presenceAffectsLayout: m, mode: p }) => {
+  const e = v(M), i = l(), d = u(
+    () => ({
+      id: i,
+      initial: a,
+      isPresent: r,
+      custom: c,
+      onExitComplete: (t) => {
+        e.set(t, !0);
+        for (const f of e.values())
+          if (!f)
+            return;
+        o && o();
+      },
+      register: (t) => (e.set(t, !1), () => e.delete(t))
+    }),
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    m ? void 0 : [r]
+  );
+  return u(() => {
+    e.forEach((t, f) => e.set(f, !1));
+  }, [r]), s.useEffect(() => {
+    !r && !e.size && o && o();
+  }, [r]), p === "popLayout" && (n = s.createElement(E, { isPresent: r }, n)), s.createElement(C.Provider, { value: d }, n);
+};
+function M() {
+  return /* @__PURE__ */ new Map();
+}
+export {
+  q as PresenceChild
+};

package/dist/lyra111.cjs

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

package/dist/lyra111.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as LayoutGroupContext
+};

package/dist/lyra112.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./lyra132.cjs"),o=t.isBrowser?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/lyra112.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./lyra132.js";
+const s = e ? o : t;
+export {
+  s as useIsomorphicLayoutEffect
+};

package/dist/lyra113.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(e){return t.useEffect(()=>()=>e(),[])}exports.useUnmountEffect=u;

package/dist/lyra113.js

@@ -0,0 +1,7 @@
+import { useEffect as e } from "react";
+function n(t) {
+  return e(() => () => t(), []);
+}
+export {
+  n as useUnmountEffect
+};

package/dist/lyra114.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra172.cjs");exports.warning=e.noop;exports.invariant=e.noop;process.env.NODE_ENV!=="production"&&(exports.warning=(n,o)=>{!n&&typeof console<"u"&&console.warn(o)},exports.invariant=(n,o)=>{if(!n)throw new Error(o)});

package/dist/lyra114.js

@@ -0,0 +1,12 @@
+import { noop as r } from "./lyra172.js";
+let e = r, i = r;
+process.env.NODE_ENV !== "production" && (e = (o, n) => {
+  !o && typeof console < "u" && console.warn(n);
+}, i = (o, n) => {
+  if (!o)
+    throw new Error(n);
+});
+export {
+  i as invariant,
+  e as warning
+};

package/dist/lyra115.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra116.cjs"),u=require("./lyra117.cjs");function r(e){const o=u.isMotionValue(e)?e.get():e;return t.isCustomValue(o)?o.toValue():o}exports.resolveMotionValue=r;

package/dist/lyra115.js

@@ -0,0 +1,9 @@
+import { isCustomValue as e } from "./lyra116.js";
+import { isMotionValue as r } from "./lyra117.js";
+function u(o) {
+  const t = r(o) ? o.get() : o;
+  return e(t) ? t.toValue() : t;
+}
+export {
+  u as resolveMotionValue
+};

package/dist/lyra116.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra233.cjs"),r=e=>!!(e&&typeof e=="object"&&e.mix&&e.toValue),s=e=>t.isKeyframesTarget(e)?e[e.length-1]||0:e;exports.isCustomValue=r;exports.resolveFinalValueInKeyframes=s;

package/dist/lyra116.js

@@ -0,0 +1,6 @@
+import { isKeyframesTarget as o } from "./lyra233.js";
+const r = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), a = (e) => o(e) ? e[e.length - 1] || 0 : e;
+export {
+  r as isCustomValue,
+  a as resolveFinalValueInKeyframes
+};

package/dist/lyra117.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>!!(o&&o.getVelocity);exports.isMotionValue=e;

package/dist/lyra117.js

@@ -0,0 +1,4 @@
+const t = (o) => !!(o && o.getVelocity);
+export {
+  t as isMotionValue
+};

package/dist/lyra118.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra119.cjs"),l=require("./lyra120.cjs"),m=require("./lyra121.cjs");function c(e,a,r={}){e.notify("AnimationStart",a);let t;if(Array.isArray(a)){const n=a.map(s=>m.animateVariant(e,s,r));t=Promise.all(n)}else if(typeof a=="string")t=m.animateVariant(e,a,r);else{const n=typeof a=="function"?o.resolveVariant(e,a,r.custom):a;t=Promise.all(l.animateTarget(e,n,r))}return t.then(()=>e.notify("AnimationComplete",a))}exports.animateVisualElement=c;

package/dist/lyra118.js

@@ -0,0 +1,20 @@
+import { resolveVariant as c } from "./lyra119.js";
+import { animateTarget as p } from "./lyra120.js";
+import { animateVariant as e } from "./lyra121.js";
+function n(a, r, t = {}) {
+  a.notify("AnimationStart", r);
+  let m;
+  if (Array.isArray(r)) {
+    const o = r.map((y) => e(a, y, t));
+    m = Promise.all(o);
+  } else if (typeof r == "string")
+    m = e(a, r, t);
+  else {
+    const o = typeof r == "function" ? c(a, r, t.custom) : r;
+    m = Promise.all(p(a, o, t));
+  }
+  return m.then(() => a.notify("AnimationComplete", r));
+}
+export {
+  n as animateVisualElement
+};

package/dist/lyra119.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra149.cjs");function c(e){const r={};return e.values.forEach((t,o)=>r[o]=t.get()),r}function s(e){const r={};return e.values.forEach((t,o)=>r[o]=t.getVelocity()),r}function i(e,r,t){const o=e.getProps();return n.resolveVariantFromProps(o,r,t!==void 0?t:o.custom,c(e),s(e))}exports.resolveVariant=i;

package/dist/lyra119.js

@@ -0,0 +1,16 @@
+import { resolveVariantFromProps as n } from "./lyra149.js";
+function c(r) {
+  const t = {};
+  return r.values.forEach((o, e) => t[e] = o.get()), t;
+}
+function u(r) {
+  const t = {};
+  return r.values.forEach((o, e) => t[e] = o.getVelocity()), t;
+}
+function s(r, t, o) {
+  const e = r.getProps();
+  return n(e, t, o !== void 0 ? o : e.custom, c(r), u(r));
+}
+export {
+  s as resolveVariant
+};

package/dist/lyra12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),u=require("./lyra11.cjs"),$=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),s=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function o(e){if(Intl.Locale){let t=new Intl.Locale(e).maximize().script;return $.has(t)}let a=e.split("-")[0];return s.has(a)}function i(){let e=typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:o(e)?"rtl":"ltr"}}let l=i(),r=new Set;function c(){l=i();for(let e of r)e(l)}function g(){let e=u.useIsSSR(),[a,t]=n.useState(l);return n.useEffect(()=>(r.size===0&&window.addEventListener("languagechange",c),r.add(t),()=>{r.delete(t),r.size===0&&window.removeEventListener("languagechange",c)}),[]),e?{locale:"en-US",direction:"ltr"}:a}const v=n.createContext(null);function S(e){let{locale:a,children:t}=e,f=g(),d=a?{locale:a,direction:o(a)?"rtl":"ltr"}:f;return n.createElement(v.Provider,{value:d},t)}exports.I18nProvider=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra27.cjs"),t=require("./lyra46.cjs"),s=require("./lyra13.cjs"),u=({className:i,children:o,...n})=>e.jsxRuntimeExports.jsx(t.Popover,{...n,offset:4,isNonModal:!0,className:({isEntering:r,isExiting:p})=>s.popoverStyles({isEntering:r,isExiting:p}),children:r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Dialog,{className:s.popoverDialogStyles({className:i}),children:typeof o=="function"?o(r):o})})}),l=t.DialogTrigger;exports.Popover=u;exports.PopoverTrigger=l;

package/dist/lyra12.js

@@ -1,84 +1,25 @@
-import l, { useState as $, useEffect as u } from "react";
-import { useIsSSR as s } from "./lyra11.js";
-const g = /* @__PURE__ */ new Set([
-  "Arab",
-  "Syrc",
-  "Samr",
-  "Mand",
-  "Thaa",
-  "Mend",
-  "Nkoo",
-  "Adlm",
-  "Rohg",
-  "Hebr"
-]), p = /* @__PURE__ */ new Set([
-  "ae",
-  "ar",
-  "arc",
-  "bcc",
-  "bqi",
-  "ckb",
-  "dv",
-  "fa",
-  "glk",
-  "he",
-  "ku",
-  "mzn",
-  "nqo",
-  "pnb",
-  "ps",
-  "sd",
-  "ug",
-  "ur",
-  "yi"
-]);
-function o(e) {
-  if (Intl.Locale) {
-    let t = new Intl.Locale(e).maximize().script;
-    return g.has(t);
+import { j as o } from "./lyra27.js";
+import { Popover as a, Dialog as f, DialogTrigger as i } from "./lyra46.js";
+import { popoverStyles as c, popoverDialogStyles as m } from "./lyra13.js";
+const $ = ({
+  className: s,
+  //   includeArrow,
+  children: e,
+  ...t
+}) => /* @__PURE__ */ o.jsx(
+  a,
+  {
+    ...t,
+    offset: 4,
+    isNonModal: !0,
+    className: ({ isEntering: r, isExiting: p }) => c({
+      isEntering: r,
+      isExiting: p
+    }),
+    children: (r) => /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(f, { className: m({ className: s }), children: typeof e == "function" ? e(r) : e }) })
   }
-  let a = e.split("-")[0];
-  return p.has(a);
-}
-function f() {
-  let e = typeof navigator < "u" && (navigator.language || navigator.userLanguage) || "en-US";
-  try {
-    Intl.DateTimeFormat.supportedLocalesOf([
-      e
-    ]);
-  } catch {
-    e = "en-US";
-  }
-  return {
-    locale: e,
-    direction: o(e) ? "rtl" : "ltr"
-  };
-}
-let n = f(), r = /* @__PURE__ */ new Set();
-function c() {
-  n = f();
-  for (let e of r)
-    e(n);
-}
-function v() {
-  let e = s(), [a, t] = $(n);
-  return u(() => (r.size === 0 && window.addEventListener("languagechange", c), r.add(t), () => {
-    r.delete(t), r.size === 0 && window.removeEventListener("languagechange", c);
-  }), []), e ? {
-    locale: "en-US",
-    direction: "ltr"
-  } : a;
-}
-const b = /* @__PURE__ */ l.createContext(null);
-function m(e) {
-  let { locale: a, children: t } = e, i = v(), d = a ? {
-    locale: a,
-    direction: o(a) ? "rtl" : "ltr"
-  } : i;
-  return /* @__PURE__ */ l.createElement(b.Provider, {
-    value: d
-  }, t);
-}
+), b = i;
 export {
-  m as I18nProvider
+  $ as Popover,
+  b as PopoverTrigger
 };

package/dist/lyra120.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra137.cjs"),A=require("./lyra145.cjs"),w=require("./lyra175.cjs"),q=require("./lyra234.cjs"),S=require("./lyra144.cjs"),P=require("./lyra201.cjs");function V({protectedKeys:t,needsAnimating:o},e){const i=t.hasOwnProperty(e)&&o[e]!==!0;return o[e]=!1,i}function b(t,o,{delay:e=0,transitionOverride:i,type:u}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...f}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in f){const n=t.getValue(a),g=f[a];if(!n||g===void 0||p&&V(p,a))continue;const l={delay:e,elapsed:0,...d};if(window.HandoffAppearAnimations&&!n.hasAnimated){const h=t.getProps()[w.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,n,T.frame))}n.start(q.animateMotionValue(a,n,g,t.shouldReduceMotion&&A.transformProps.has(a)?{type:!1}:l));const m=n.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&P.setTarget(t,r)}),c}exports.animateTarget=b;

package/dist/lyra120.js

@@ -0,0 +1,35 @@
+import { frame as A } from "./lyra137.js";
+import { transformProps as w } from "./lyra145.js";
+import { optimizedAppearDataAttribute as T } from "./lyra175.js";
+import { animateMotionValue as P } from "./lyra234.js";
+import { isWillChangeMotionValue as S } from "./lyra144.js";
+import { setTarget as V } from "./lyra201.js";
+function C({ protectedKeys: t, needsAnimating: i }, n) {
+  const e = t.hasOwnProperty(n) && i[n] !== !0;
+  return i[n] = !1, e;
+}
+function x(t, i, { delay: n = 0, transitionOverride: e, type: p } = {}) {
+  let { transition: m = t.getDefaultTransition(), transitionEnd: r, ...c } = t.makeTargetAnimatable(i);
+  const f = t.getValue("willChange");
+  e && (m = e);
+  const s = [], d = p && t.animationState && t.animationState.getState()[p];
+  for (const o in c) {
+    const a = t.getValue(o), u = c[o];
+    if (!a || u === void 0 || d && C(d, o))
+      continue;
+    const g = { delay: n, elapsed: 0, ...m };
+    if (window.HandoffAppearAnimations && !a.hasAnimated) {
+      const l = t.getProps()[T];
+      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, A));
+    }
+    a.start(P(o, a, u, t.shouldReduceMotion && w.has(o) ? { type: !1 } : g));
+    const h = a.animation;
+    S(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
+  }
+  return r && Promise.all(s).then(() => {
+    r && V(t, r);
+  }), s;
+}
+export {
+  x as animateTarget
+};

package/dist/lyra121.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra119.cjs"),y=require("./lyra120.cjs");function m(r,t,n={}){const i=g.resolveVariant(r,t,n.custom);let{transition:o=r.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(o=n.transitionOverride);const s=i?()=>Promise.all(y.animateTarget(r,i,n)):()=>Promise.resolve(),a=r.variantChildren&&r.variantChildren.size?(c=0)=>{const{delayChildren:e=0,staggerChildren:d,staggerDirection:u}=o;return h(r,t,e+c,d,u,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[c,e]=l==="beforeChildren"?[s,a]:[a,s];return c().then(()=>e())}else return Promise.all([s(),a(n.delay)])}function h(r,t,n=0,i=0,o=1,s){const a=[],l=(r.variantChildren.size-1)*i,c=o===1?(e=0)=>e*i:(e=0)=>l-e*i;return Array.from(r.variantChildren).sort(f).forEach((e,d)=>{e.notify("AnimationStart",t),a.push(m(e,t,{...s,delay:n+c(d)}).then(()=>e.notify("AnimationComplete",t)))}),Promise.all(a)}function f(r,t){return r.sortNodePosition(t)}exports.animateVariant=m;exports.sortByTreeOrder=f;

package/dist/lyra121.js

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

package/dist/lyra122.cjs

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

package/dist/lyra122.js

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

package/dist/lyra123.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra124.cjs");function c(){const n=t.useContext(u.PresenceContext);if(n===null)return[!0,null];const{isPresent:r,onExitComplete:e,register:o}=n,s=t.useId();return t.useEffect(()=>o(s),[]),!r&&e?[!1,()=>e&&e(s)]:[!0]}exports.usePresence=c;

package/dist/lyra123.js

@@ -0,0 +1,12 @@
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra124.js";
+function x() {
+  const t = s(f);
+  if (t === null)
+    return [!0, null];
+  const { isPresent: n, onExitComplete: e, register: r } = t, o = u();
+  return c(() => r(o), []), !n && e ? [!1, () => e && e(o)] : [!0];
+}
+export {
+  x as usePresence
+};

package/dist/lyra124.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra124.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+const o = e(null);
+export {
+  o as PresenceContext
+};

package/dist/lyra125.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra126.cjs"),v=require("./lyra127.cjs"),M=require("./lyra128.cjs"),g=require("./lyra129.cjs"),b=require("./lyra130.cjs"),S=require("./lyra131.cjs"),L=require("./lyra132.cjs"),G=require("./lyra111.cjs"),p=require("./lyra133.cjs"),w=require("./lyra134.cjs"),O=require("./lyra135.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const C=j(r);function P({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:i,Component:c}){e&&S.loadFeatures(e);function d(u,x){let a;const s={...r.useContext(E.MotionConfigContext),...u,layoutId:R(u)},{isStatic:l}=s,o=b.useCreateMotionContext(u),f=i(u,l);if(!l&&L.isBrowser){o.visualElement=M.useVisualElement(c,f,s,t);const y=r.useContext(w.SwitchLayoutGroupContext),q=r.useContext(p.LazyContext).strict;o.visualElement&&(a=o.visualElement.loadFeatures(s,q,e,y))}return C.createElement(v.MotionContext.Provider,{value:o},a&&o.visualElement?C.createElement(a,{visualElement:o.visualElement,...s}):null,n(c,u,g.useMotionRef(f,o.visualElement,x),f,l,o.visualElement))}const m=r.forwardRef(d);return m[O.motionComponentSymbol]=c,m}function R({layoutId:e}){const t=r.useContext(G.LayoutGroupContext).id;return t&&e!==void 0?t+"-"+e:e}exports.createMotionComponent=P;