@new-black/lyra 0.0.6 → 0.0.8

package/README.md

@@ -13,10 +13,6 @@ Lyra is a comprehensive design system aimed at providing consistent and reusable
 
 ## Installation
 
-```bash
-npm install @new-black/lyra
-```
-
 ```bash
 npm i @new-black/lyra
 ```
@@ -38,9 +34,31 @@ export default {
 
 ```
 
+```css
+/** index.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  /* Add your fonts there */
+  @font-face {
+    font-family: "Inter";
+    src: url("/fonts/inter-regular.ttf") format("truetype");
+    font-weight: 400;
+  }
+
+  /* set global styling */
+  * {
+    -webkit-font-smoothing: antialiased;
+  }
+}
+```
+
 ```tsx
 // Some root component
 import { Provider } from "@new-black/lyra";
+import "./index.css";
 
 export const Root = () => {
   return (
@@ -69,7 +87,3 @@ Our future plans for Lyra include:
 - Enhancing documentation with usage examples and guidelines.
 
 Please note that this roadmap is subject to change as the project evolves.
-
-```
-
-```

package/dist/lyra10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra36.cjs"),o=({icon:t,iconProps:e={},variant:s="start"})=>{const{className:n,...r}=e;return t({...r,className:c.cx("w-5 h-5",s==="start"?"ms-2":"me-2",n)})};exports.InputIcon=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra32.cjs"),o=({icon:t,iconProps:e={},variant:s="start"})=>{const{className:n,...r}=e;return t({...r,className:c.cx("w-5 h-5",s==="start"?"ms-2":"me-2",n)})};exports.InputIcon=o;

package/dist/lyra10.js

@@ -1,4 +1,4 @@
-import { cx as c } from "./lyra36.js";
+import { cx as c } from "./lyra32.js";
 const e = ({
   icon: s,
   iconProps: t = {},

package/dist/lyra100.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var h="!";function g(a){var r=a.separator||":",i=r.length===1,e=r[0],f=r.length;return function(o){for(var v=[],u=0,s=0,n,t=0;t<o.length;t++){var p=o[t];if(u===0){if(p===e&&(i||o.slice(t,t+f)===r)){v.push(o.slice(s,t)),s=t+f;continue}if(p==="/"){n=t;continue}}p==="["?u++:p==="]"&&u--}var M=v.length===0?o:o.substring(s),l=M.startsWith(h),b=l?M.substring(1):M,d=n&&n>s?n-s:void 0;return{modifiers:v,hasImportantModifier:l,baseClassName:b,maybePostfixModifierPosition:d}}}function I(a){if(a.length<=1)return a;var r=[],i=[];return a.forEach(function(e){var f=e[0]==="[";f?(r.push.apply(r,i.sort().concat([e])),i=[]):i.push(e)}),r.push.apply(r,i.sort()),r}exports.IMPORTANT_MODIFIER=h;exports.createSplitModifiers=g;exports.sortModifiers=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra222.cjs"),r=require("./lyra223.cjs"),t=require("./lyra224.cjs"),s=require("./lyra225.cjs"),u={inView:{Feature:s.InViewFeature},tap:{Feature:t.PressGesture},focus:{Feature:r.FocusGesture},hover:{Feature:e.HoverGesture}};exports.gestureAnimations=u;

package/dist/lyra100.js

@@ -1,41 +1,21 @@
-var g = "!";
-function I(o) {
-  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
-  return function(a) {
-    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
-      var p = a[t];
-      if (h === 0) {
-        if (p === s && (i || a.slice(t, t + f) === r)) {
-          v.push(a.slice(e, t)), e = t + f;
-          continue;
-        }
-        if (p === "/") {
-          n = t;
-          continue;
-        }
-      }
-      p === "[" ? h++ : p === "]" && h--;
-    }
-    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
-    return {
-      modifiers: v,
-      hasImportantModifier: M,
-      baseClassName: l,
-      maybePostfixModifierPosition: b
-    };
-  };
-}
-function P(o) {
-  if (o.length <= 1)
-    return o;
-  var r = [], i = [];
-  return o.forEach(function(s) {
-    var f = s[0] === "[";
-    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
-  }), r.push.apply(r, i.sort()), r;
-}
+import { HoverGesture as e } from "./lyra222.js";
+import { FocusGesture as r } from "./lyra223.js";
+import { PressGesture as t } from "./lyra224.js";
+import { InViewFeature as o } from "./lyra225.js";
+const a = {
+  inView: {
+    Feature: o
+  },
+  tap: {
+    Feature: t
+  },
+  focus: {
+    Feature: r
+  },
+  hover: {
+    Feature: e
+  }
+};
 export {
-  g as IMPORTANT_MODIFIER,
-  I as createSplitModifiers,
-  P as sortModifiers
+  a as gestureAnimations
 };

package/dist/lyra101.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra125.cjs");function c(r){function t(o,e={}){return i.createMotionComponent(r(o,e))}if(typeof Proxy>"u")return t;const n=new Map;return new Proxy(t,{get:(o,e)=>(n.has(e)||n.set(e,t(e)),n.get(e))})}exports.createMotionProxy=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra196.cjs"),t=require("./lyra197.cjs"),i={animation:{Feature:e.AnimationFeature},exit:{Feature:t.ExitAnimationFeature}};exports.animations=i;

package/dist/lyra101.js

@@ -1,20 +1,13 @@
-import { createMotionComponent as c } from "./lyra125.js";
-function u(r) {
-  function n(e, t = {}) {
-    return c(r(e, t));
+import { AnimationFeature as t } from "./lyra196.js";
+import { ExitAnimationFeature as i } from "./lyra197.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
   }
-  if (typeof Proxy > "u")
-    return n;
-  const o = /* @__PURE__ */ new Map();
-  return new Proxy(n, {
-    /**
-     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
-     * The prop name is passed through as `key` and we can use that to generate a `motion`
-     * DOM component with that name.
-     */
-    get: (e, t) => (o.has(t) || o.set(t, n(t)), o.get(t))
-  });
-}
+};
 export {
-  u as createMotionProxy
+  o as animations
 };

package/dist/lyra102.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra218.cjs"),r=require("./lyra219.cjs"),s=require("./lyra220.cjs"),c=require("./lyra221.cjs");function g(e,{forwardMotionProps:o=!1},n,i){return{...t.isSVGComponent(e)?s.svgMotionConfig:c.htmlMotionConfig,preloadedFeatures:n,useRender:r.createUseRender(o),createVisualElement:i,Component:e}}exports.createDomMotionConfig=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra226.cjs"),r=require("./lyra227.cjs"),o=require("./lyra228.cjs"),t=require("./lyra229.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;

package/dist/lyra102.js

@@ -1,16 +1,17 @@
-import { isSVGComponent as n } from "./lyra218.js";
-import { createUseRender as t } from "./lyra219.js";
-import { svgMotionConfig as f } from "./lyra220.js";
-import { htmlMotionConfig as m } from "./lyra221.js";
-function c(o, { forwardMotionProps: e = !1 }, r, i) {
-  return {
-    ...n(o) ? f : m,
-    preloadedFeatures: r,
-    useRender: t(e),
-    createVisualElement: i,
-    Component: o
-  };
-}
+import { DragGesture as r } from "./lyra226.js";
+import { PanGesture as o } from "./lyra227.js";
+import { MeasureLayout as e } from "./lyra228.js";
+import { HTMLProjectionNode as t } from "./lyra229.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
+  }
+};
 export {
-  c as createDomMotionConfig
+  u as drag
 };

package/dist/lyra103.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra222.cjs"),r=require("./lyra223.cjs"),t=require("./lyra224.cjs"),s=require("./lyra225.cjs"),u={inView:{Feature:s.InViewFeature},tap:{Feature:t.PressGesture},focus:{Feature:r.FocusGesture},hover:{Feature:e.HoverGesture}};exports.gestureAnimations=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra230.cjs"),r=require("./lyra231.cjs"),l=require("./lyra218.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;

package/dist/lyra103.js

@@ -1,21 +1,7 @@
-import { HoverGesture as e } from "./lyra222.js";
-import { FocusGesture as r } from "./lyra223.js";
-import { PressGesture as t } from "./lyra224.js";
-import { InViewFeature as o } from "./lyra225.js";
-const a = {
-  inView: {
-    Feature: o
-  },
-  tap: {
-    Feature: t
-  },
-  focus: {
-    Feature: r
-  },
-  hover: {
-    Feature: e
-  }
-};
+import { HTMLVisualElement as a } from "./lyra230.js";
+import { SVGVisualElement as t } from "./lyra231.js";
+import { isSVGComponent as n } from "./lyra218.js";
+const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
 export {
-  a as gestureAnimations
+  i as createDomVisualElement
 };

package/dist/lyra104.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra199.cjs"),t=require("./lyra200.cjs"),i={animation:{Feature:e.AnimationFeature},exit:{Feature:t.ExitAnimationFeature}};exports.animations=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra229.cjs"),o=require("./lyra228.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;

package/dist/lyra104.js

@@ -1,13 +1,11 @@
-import { AnimationFeature as t } from "./lyra199.js";
-import { ExitAnimationFeature as i } from "./lyra200.js";
-const o = {
-  animation: {
-    Feature: t
-  },
-  exit: {
-    Feature: i
+import { HTMLProjectionNode as o } from "./lyra229.js";
+import { MeasureLayout as t } from "./lyra228.js";
+const a = {
+  layout: {
+    ProjectionNode: o,
+    MeasureLayout: t
   }
 };
 export {
-  o as animations
+  a as layout
 };

package/dist/lyra105.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra226.cjs"),r=require("./lyra227.cjs"),o=require("./lyra228.cjs"),t=require("./lyra229.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra134.cjs"),r=require("react"),d=require("./lyra106.cjs");function s(){const n=d.useIsMounted(),[e,o]=r.useState(0),t=r.useCallback(()=>{n.current&&o(e+1)},[e]);return[r.useCallback(()=>c.frame.postRender(t),[t]),e]}exports.useForceUpdate=s;

package/dist/lyra105.js

@@ -1,17 +1,12 @@
-import { DragGesture as r } from "./lyra226.js";
-import { PanGesture as o } from "./lyra227.js";
-import { MeasureLayout as e } from "./lyra228.js";
-import { HTMLProjectionNode as t } from "./lyra229.js";
-const u = {
-  pan: {
-    Feature: o
-  },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
-  }
-};
+import { frame as d } from "./lyra134.js";
+import { useState as c, useCallback as o } from "react";
+import { useIsMounted as s } from "./lyra106.js";
+function R() {
+  const t = s(), [e, n] = c(0), r = o(() => {
+    t.current && n(e + 1);
+  }, [e]);
+  return [o(() => d.postRender(r), [r]), e];
+}
 export {
-  u as drag
+  R as useForceUpdate
 };

package/dist/lyra106.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra230.cjs"),r=require("./lyra231.cjs"),l=require("./lyra218.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./lyra109.cjs");function u(){const e=t.useRef(!1);return r.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=u;

package/dist/lyra106.js

@@ -1,7 +1,11 @@
-import { HTMLVisualElement as a } from "./lyra230.js";
-import { SVGVisualElement as t } from "./lyra231.js";
-import { isSVGComponent as n } from "./lyra218.js";
-const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
+import { useRef as r } from "react";
+import { useIsomorphicLayoutEffect as t } from "./lyra109.js";
+function n() {
+  const e = r(!1);
+  return t(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
+}
 export {
-  i as createDomVisualElement
+  n as useIsMounted
 };

package/dist/lyra107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra229.cjs"),o=require("./lyra228.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),C=require("./lyra121.cjs"),b=require("./lyra207.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/lyra107.js

@@ -1,11 +1,40 @@
-import { HTMLProjectionNode as o } from "./lyra229.js";
-import { MeasureLayout as t } from "./lyra228.js";
-const a = {
-  layout: {
-    ProjectionNode: o,
-    MeasureLayout: t
-  }
+import * as s from "react";
+import { useId as l, useMemo as u } from "react";
+import { PresenceContext as C } from "./lyra121.js";
+import { useConstant as v } from "./lyra207.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 {
-  a as layout
+  q as PresenceChild
 };

package/dist/lyra108.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra137.cjs"),r=require("react"),d=require("./lyra109.cjs");function s(){const n=d.useIsMounted(),[e,o]=r.useState(0),t=r.useCallback(()=>{n.current&&o(e+1)},[e]);return[r.useCallback(()=>c.frame.postRender(t),[t]),e]}exports.useForceUpdate=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.LayoutGroupContext=e;

package/dist/lyra108.js

@@ -1,12 +1,5 @@
-import { frame as d } from "./lyra137.js";
-import { useState as c, useCallback as o } from "react";
-import { useIsMounted as s } from "./lyra109.js";
-function R() {
-  const t = s(), [e, n] = c(0), r = o(() => {
-    t.current && n(e + 1);
-  }, [e]);
-  return [o(() => d.postRender(r), [r]), e];
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  R as useForceUpdate
+  e as LayoutGroupContext
 };

package/dist/lyra109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./lyra112.cjs");function u(){const e=t.useRef(!1);return r.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./lyra129.cjs"),o=t.isBrowser?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/lyra109.js

@@ -1,11 +1,6 @@
-import { useRef as r } from "react";
-import { useIsomorphicLayoutEffect as t } from "./lyra112.js";
-function n() {
-  const e = r(!1);
-  return t(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
-}
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./lyra129.js";
+const s = e ? o : t;
 export {
-  n as useIsMounted
+  s as useIsomorphicLayoutEffect
 };

package/dist/lyra11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs");require("./lyra45.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva(["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}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),l=e.cva(["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]"]}}}),n=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=i;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=l;exports.sharedInputStyles=n;exports.sharedInputlabelStyles=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra32.cjs");require("./lyra37.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva(["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}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),l=e.cva(["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]"]}}}),n=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=i;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=l;exports.sharedInputStyles=n;exports.sharedInputlabelStyles=a;

package/dist/lyra11.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra36.js";
-import "./lyra45.js";
+import { cva as t } from "./lyra32.js";
+import "./lyra37.js";
 const a = t(["flex", "flex-col"], {
   variants: {
     fullWidth: {

package/dist/lyra110.cjs

@@ -1 +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;
+"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/lyra110.js

@@ -1,40 +1,7 @@
-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();
+import { useEffect as e } from "react";
+function n(t) {
+  return e(() => () => t(), []);
 }
 export {
-  q as PresenceChild
+  n as useUnmountEffect
 };

package/dist/lyra111.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.LayoutGroupContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra169.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/lyra111.js

@@ -1,5 +1,12 @@
-import { createContext as t } from "react";
-const e = t({});
+import { noop as r } from "./lyra169.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 {
-  e as LayoutGroupContext
+  i as invariant,
+  e as warning
 };

package/dist/lyra112.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra113.cjs"),u=require("./lyra114.cjs");function r(e){const o=u.isMotionValue(e)?e.get():e;return t.isCustomValue(o)?o.toValue():o}exports.resolveMotionValue=r;

package/dist/lyra112.js

@@ -1,6 +1,9 @@
-import { useLayoutEffect as o, useEffect as t } from "react";
-import { isBrowser as e } from "./lyra132.js";
-const s = e ? o : t;
+import { isCustomValue as e } from "./lyra113.js";
+import { isMotionValue as r } from "./lyra114.js";
+function u(o) {
+  const t = r(o) ? o.get() : o;
+  return e(t) ? t.toValue() : t;
+}
 export {
-  s as useIsomorphicLayoutEffect
+  u as resolveMotionValue
 };

package/dist/lyra113.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(e){return t.useEffect(()=>()=>e(),[])}exports.useUnmountEffect=u;
+"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/lyra113.js

@@ -1,7 +1,6 @@
-import { useEffect as e } from "react";
-function n(t) {
-  return e(() => () => t(), []);
-}
+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 {
-  n as useUnmountEffect
+  r as isCustomValue,
+  a as resolveFinalValueInKeyframes
 };

package/dist/lyra114.cjs

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

package/dist/lyra114.js

@@ -1,12 +1,4 @@
-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);
-});
+const t = (o) => !!(o && o.getVelocity);
 export {
-  i as invariant,
-  e as warning
+  t as isMotionValue
 };

package/dist/lyra115.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra116.cjs"),l=require("./lyra117.cjs"),m=require("./lyra118.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/lyra115.js

@@ -1,9 +1,20 @@
-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;
+import { resolveVariant as c } from "./lyra116.js";
+import { animateTarget as p } from "./lyra117.js";
+import { animateVariant as e } from "./lyra118.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 {
-  u as resolveMotionValue
+  n as animateVisualElement
 };