@new-black/lyra 0.0.8 → 0.0.10

package/README.md

@@ -28,6 +28,11 @@ yarn add @new-black/lyra
 import { lyraPreset } from "@new-black/lyra";
 
 export default {
+  content: [
+    ...,
+    "./node_modules/@new-black/lyra/dist/**/*.{js,ts,jsx,tsx,mdx}",
+
+  ]
   presets: [lyraPreset],
   ...
 } satisfies Config;

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { TextProps } from "../text";
+import { alertStyles } from "./alert.styles";
+import { VariantProps } from "../../utils/class-variance-authority";
+export type AlertProps = {
+    children: ReactNode;
+    className?: string;
+} & VariantProps<typeof alertStyles> & ({
+    title?: string;
+    titleVariant?: TextProps["variant"];
+    titleElementType?: TextProps["elementType"];
+    startElement?: never;
+} | {
+    startElement?: ReactNode;
+    title: never;
+    titleVariant?: never;
+    titleElementType?: never;
+});
+export declare const Alert: ({ children, className, color, startElement, title, titleVariant, titleElementType, variant, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAGpE,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,GAClC,CACI;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CACJ,CAAC;AAEJ,eAAO,MAAM,KAAK,kGASf,UAAU,4CAkBZ,CAAC"}

package/dist/components/alert/alert.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const alertStyles: (props?: ({
+    variant?: "outline" | "solid" | "ghost" | null | undefined;
+    color?: "primary" | "danger" | "success" | "warning" | "monochrome" | null | undefined;
+} & import("../../utils/class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=alert.styles.d.ts.map

package/dist/components/alert/alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.styles.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,WAAW;;;0FAkDvB,CAAC"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./alert";
+export * from "./alert.styles";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/alert";
 export * from "./components/accordion";
 export * from "./components/badge";
 export * from "./components/button";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/lyra.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra2.cjs"),t=require("./lyra3.cjs"),u=require("./lyra4.cjs"),a=require("./lyra5.cjs"),s=require("./lyra6.cjs"),r=require("./lyra7.cjs"),y=require("./lyra8.cjs"),c=require("./lyra9.cjs"),d=require("./lyra10.cjs"),e=require("./lyra11.cjs"),o=require("./lyra12.cjs"),n=require("./lyra13.cjs"),p=require("./lyra14.cjs"),l=require("./lyra15.cjs"),S=require("./lyra16.cjs"),I=require("./lyra17.cjs"),q=require("./lyra18.cjs"),g=require("./lyra19.cjs"),P=require("./lyra20.cjs"),b=require("./lyra21.cjs"),v=require("./lyra22.cjs"),B=require("./lyra23.cjs");exports.Accordion=i.Accordion;exports.accordionItemButtonStyles=t.accordionItemButtonStyles;exports.accordionItemContentStyles=t.accordionItemContentStyles;exports.accordionItemStyles=t.accordionItemStyles;exports.Badge=u.Badge;exports.badgeStyles=a.badgeStyles;exports.Button=s.Button;exports.ButtonInner=s.ButtonInner;exports.buttonStyles=r.buttonStyles;exports.iconStyles=r.iconStyles;exports.nakedButtonStyles=r.nakedButtonStyles;exports.TextField=y.TextField;exports.PasswordTextField=c.PasswordTextField;exports.InputIcon=d.InputIcon;exports.sharedInputFieldStyles=e.sharedInputFieldStyles;exports.sharedInputFieldWrapperStyles=e.sharedInputFieldWrapperStyles;exports.sharedInputHintStyles=e.sharedInputHintStyles;exports.sharedInputStyles=e.sharedInputStyles;exports.sharedInputlabelStyles=e.sharedInputlabelStyles;exports.Popover=o.Popover;exports.PopoverTrigger=o.PopoverTrigger;exports.popoverDialogStyles=n.popoverDialogStyles;exports.popoverStyles=n.popoverStyles;exports.ProgressBar=p.ProgressBar;exports.barActiveStyles=l.barActiveStyles;exports.barStyles=l.barStyles;exports.Spinner=S.Spinner;exports.spinnerStyles=I.spinnerStyles;exports.Text=q.Text;exports.textStyles=g.textStyles;exports.Tooltip=P.Tooltip;exports.lyraPlugin=b.lyraPlugin;exports.lyraPreset=v.lyraPreset;exports.Provider=B.Provider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra2.cjs"),a=require("./lyra3.cjs"),u=require("./lyra4.cjs"),t=require("./lyra5.cjs"),y=require("./lyra6.cjs"),c=require("./lyra7.cjs"),s=require("./lyra8.cjs"),r=require("./lyra9.cjs"),d=require("./lyra10.cjs"),p=require("./lyra11.cjs"),S=require("./lyra12.cjs"),e=require("./lyra13.cjs"),o=require("./lyra14.cjs"),n=require("./lyra15.cjs"),q=require("./lyra16.cjs"),l=require("./lyra17.cjs"),I=require("./lyra18.cjs"),g=require("./lyra19.cjs"),P=require("./lyra20.cjs"),b=require("./lyra21.cjs"),v=require("./lyra22.cjs"),B=require("./lyra23.cjs"),x=require("./lyra24.cjs"),T=require("./lyra25.cjs");exports.Alert=i.Alert;exports.alertStyles=a.alertStyles;exports.Accordion=u.Accordion;exports.accordionItemButtonStyles=t.accordionItemButtonStyles;exports.accordionItemContentStyles=t.accordionItemContentStyles;exports.accordionItemStyles=t.accordionItemStyles;exports.Badge=y.Badge;exports.badgeStyles=c.badgeStyles;exports.Button=s.Button;exports.ButtonInner=s.ButtonInner;exports.buttonStyles=r.buttonStyles;exports.iconStyles=r.iconStyles;exports.nakedButtonStyles=r.nakedButtonStyles;exports.TextField=d.TextField;exports.PasswordTextField=p.PasswordTextField;exports.InputIcon=S.InputIcon;exports.sharedInputFieldStyles=e.sharedInputFieldStyles;exports.sharedInputFieldWrapperStyles=e.sharedInputFieldWrapperStyles;exports.sharedInputHintStyles=e.sharedInputHintStyles;exports.sharedInputStyles=e.sharedInputStyles;exports.sharedInputlabelStyles=e.sharedInputlabelStyles;exports.Popover=o.Popover;exports.PopoverTrigger=o.PopoverTrigger;exports.popoverDialogStyles=n.popoverDialogStyles;exports.popoverStyles=n.popoverStyles;exports.ProgressBar=q.ProgressBar;exports.barActiveStyles=l.barActiveStyles;exports.barStyles=l.barStyles;exports.Spinner=I.Spinner;exports.spinnerStyles=g.spinnerStyles;exports.Text=P.Text;exports.textStyles=b.textStyles;exports.Tooltip=v.Tooltip;exports.lyraPlugin=B.lyraPlugin;exports.lyraPreset=x.lyraPreset;exports.Provider=T.Provider;

package/dist/lyra.js

@@ -1,58 +1,62 @@
-import { Accordion as o } from "./lyra2.js";
-import { accordionItemButtonStyles as p, accordionItemContentStyles as l, accordionItemStyles as s } from "./lyra3.js";
-import { Badge as x } from "./lyra4.js";
-import { badgeStyles as f } from "./lyra5.js";
-import { Button as y, ButtonInner as S } from "./lyra6.js";
-import { buttonStyles as i, iconStyles as u, nakedButtonStyles as c } from "./lyra7.js";
-import { TextField as g } from "./lyra8.js";
-import { PasswordTextField as v } from "./lyra9.js";
-import { InputIcon as b } from "./lyra10.js";
-import { sharedInputFieldStyles as T, sharedInputFieldWrapperStyles as F, sharedInputHintStyles as A, sharedInputStyles as k, sharedInputlabelStyles as w } from "./lyra11.js";
-import { Popover as D, PopoverTrigger as H } from "./lyra12.js";
-import { popoverDialogStyles as j, popoverStyles as q } from "./lyra13.js";
-import { ProgressBar as E } from "./lyra14.js";
-import { barActiveStyles as J, barStyles as K } from "./lyra15.js";
-import { Spinner as M } from "./lyra16.js";
-import { spinnerStyles as O } from "./lyra17.js";
-import { Text as R } from "./lyra18.js";
-import { textStyles as V } from "./lyra19.js";
-import { Tooltip as Y } from "./lyra20.js";
-import { lyraPlugin as _ } from "./lyra21.js";
-import { lyraPreset as ee } from "./lyra22.js";
-import { Provider as oe } from "./lyra23.js";
+import { Alert as o } from "./lyra2.js";
+import { alertStyles as p } from "./lyra3.js";
+import { Accordion as s } from "./lyra4.js";
+import { accordionItemButtonStyles as x, accordionItemContentStyles as m, accordionItemStyles as f } from "./lyra5.js";
+import { Badge as y } from "./lyra6.js";
+import { badgeStyles as d } from "./lyra7.js";
+import { Button as u, ButtonInner as c } from "./lyra8.js";
+import { buttonStyles as g, iconStyles as P, nakedButtonStyles as v } from "./lyra9.js";
+import { TextField as b } from "./lyra10.js";
+import { PasswordTextField as T } from "./lyra11.js";
+import { InputIcon as A } from "./lyra12.js";
+import { sharedInputFieldStyles as w, sharedInputFieldWrapperStyles as C, sharedInputHintStyles as D, sharedInputStyles as H, sharedInputlabelStyles as W } from "./lyra13.js";
+import { Popover as q, PopoverTrigger as z } from "./lyra14.js";
+import { popoverDialogStyles as G, popoverStyles as J } from "./lyra15.js";
+import { ProgressBar as L } from "./lyra16.js";
+import { barActiveStyles as N, barStyles as O } from "./lyra17.js";
+import { Spinner as R } from "./lyra18.js";
+import { spinnerStyles as V } from "./lyra19.js";
+import { Text as Y } from "./lyra20.js";
+import { textStyles as _ } from "./lyra21.js";
+import { Tooltip as rr } from "./lyra22.js";
+import { lyraPlugin as or } from "./lyra23.js";
+import { lyraPreset as pr } from "./lyra24.js";
+import { Provider as sr } from "./lyra25.js";
 export {
-  o as Accordion,
-  x as Badge,
-  y as Button,
-  S as ButtonInner,
-  b as InputIcon,
-  v as PasswordTextField,
-  D as Popover,
-  H as PopoverTrigger,
-  E as ProgressBar,
-  oe as Provider,
-  M as Spinner,
-  R as Text,
-  g as TextField,
-  Y as Tooltip,
-  p as accordionItemButtonStyles,
-  l as accordionItemContentStyles,
-  s as accordionItemStyles,
-  f as badgeStyles,
-  J as barActiveStyles,
-  K as barStyles,
-  i as buttonStyles,
-  u as iconStyles,
-  _ as lyraPlugin,
-  ee as lyraPreset,
-  c as nakedButtonStyles,
-  j as popoverDialogStyles,
-  q as popoverStyles,
-  T as sharedInputFieldStyles,
-  F as sharedInputFieldWrapperStyles,
-  A as sharedInputHintStyles,
-  k as sharedInputStyles,
-  w as sharedInputlabelStyles,
-  O as spinnerStyles,
-  V as textStyles
+  s as Accordion,
+  o as Alert,
+  y as Badge,
+  u as Button,
+  c as ButtonInner,
+  A as InputIcon,
+  T as PasswordTextField,
+  q as Popover,
+  z as PopoverTrigger,
+  L as ProgressBar,
+  sr as Provider,
+  R as Spinner,
+  Y as Text,
+  b as TextField,
+  rr as Tooltip,
+  x as accordionItemButtonStyles,
+  m as accordionItemContentStyles,
+  f as accordionItemStyles,
+  p as alertStyles,
+  d as badgeStyles,
+  N as barActiveStyles,
+  O as barStyles,
+  g as buttonStyles,
+  P as iconStyles,
+  or as lyraPlugin,
+  pr as lyraPreset,
+  v as nakedButtonStyles,
+  G as popoverDialogStyles,
+  J as popoverStyles,
+  w as sharedInputFieldStyles,
+  C as sharedInputFieldWrapperStyles,
+  D as sharedInputHintStyles,
+  H as sharedInputStyles,
+  W as sharedInputlabelStyles,
+  V as spinnerStyles,
+  _ as textStyles
 };

package/dist/lyra10.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra29.cjs"),n=require("react"),a=require("./lyra36.cjs"),m=require("./lyra20.cjs"),p=require("./lyra34.cjs");require("./lyra32.cjs");const s=require("./lyra13.cjs");require("./lyra39.cjs");const g=require("./lyra33.cjs"),S=n.forwardRef(({label:t,description:i,errorMessage:o,className:f,fullWidth:j=!1,isDisabled:r=!1,isRequired:l=!1,validationState:c,startSlot:u,endSlot:d,size:y,hint:x,...h},F)=>{const[v,E]=n.useState(!1),[I,N]=n.useState(!1);return e.jsxRuntimeExports.jsxs(a.TextField,{className:s.sharedInputFieldWrapperStyles({className:f}),isDisabled:r,isRequired:l,validationState:c,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-2",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(a.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[t,l&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(s.sharedInputFieldStyles({fullWidth:j,isFocused:v,isHovered:I,isDisabled:r,validationState:c})),children:[u,e.jsxRuntimeExports.jsx(a.Input,{className:({isFocused:q,isHovered:R})=>(E(q),N(R),s.sharedInputStyles({size:y,className:p.cx(!!u&&"ps-2",!!d&&"pe-2")})),required:l,disabled:r,style:{fontFamily:"var(--input-font-family)"}}),d]}),i&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),o&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.TextField=S;

package/dist/lyra10.js

@@ -1,15 +1,124 @@
-import { cx as c } from "./lyra32.js";
-const e = ({
-  icon: s,
-  iconProps: t = {},
-  variant: r = "start"
-}) => {
-  const { className: o, ...a } = t;
-  return s({
-    ...a,
-    className: c("w-5 h-5", r === "start" ? "ms-2" : "me-2", o)
-  });
-};
+import { j as e } from "./lyra29.js";
+import { forwardRef as $, useState as d } from "react";
+import { TextField as g, Label as H, Input as w } from "./lyra36.js";
+import { Text as f } from "./lyra20.js";
+import { cx as i } from "./lyra34.js";
+import "./lyra32.js";
+import { sharedInputFieldWrapperStyles as S, sharedInputlabelStyles as T, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra13.js";
+import "./lyra39.js";
+import { twMerge as W } from "./lyra33.js";
+const P = $(
+  ({
+    label: s,
+    description: l,
+    errorMessage: r,
+    className: p,
+    fullWidth: x = !1,
+    isDisabled: a = !1,
+    isRequired: t = !1,
+    validationState: o,
+    startSlot: n,
+    endSlot: m,
+    size: u,
+    hint: c,
+    ...y
+  }, h) => {
+    const [j, F] = d(!1), [b, I] = d(!1);
+    return /* @__PURE__ */ e.jsxs(
+      g,
+      {
+        className: S({ className: p }),
+        isDisabled: a,
+        isRequired: t,
+        validationState: o,
+        ...y,
+        ref: h,
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: i(
+                "flex items-center gap-2",
+                s ? "justify-between" : "justify-end"
+              ),
+              children: [
+                s ? /* @__PURE__ */ e.jsxs(
+                  H,
+                  {
+                    className: T(),
+                    style: { fontFamily: "var(--input-label-font-family)" },
+                    children: [
+                      s,
+                      t && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                    ]
+                  }
+                ) : null,
+                c ? /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: E(),
+                    style: { fontFamily: "var(--input-hint-font-family)" },
+                    children: c
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: W(
+                L({
+                  fullWidth: x,
+                  isFocused: j,
+                  isHovered: b,
+                  isDisabled: a,
+                  validationState: o
+                })
+              ),
+              children: [
+                n,
+                /* @__PURE__ */ e.jsx(
+                  w,
+                  {
+                    className: ({ isFocused: N, isHovered: v }) => (F(N), I(v), M({
+                      size: u,
+                      className: i(!!n && "ps-2", !!m && "pe-2")
+                    })),
+                    required: t,
+                    disabled: a,
+                    style: { fontFamily: "var(--input-font-family)" }
+                  }
+                ),
+                m
+              ]
+            }
+          ),
+          l && /* @__PURE__ */ e.jsx(
+            f,
+            {
+              className: "ml-1 mt-1.5",
+              variant: "body-small",
+              color: "secondary",
+              slot: "description",
+              children: l
+            }
+          ),
+          r && /* @__PURE__ */ e.jsx(
+            f,
+            {
+              className: "ml-1 mt-1.5",
+              variant: "body-small",
+              color: "accent-danger",
+              slot: "errorMessage",
+              children: r
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 export {
-  e as InputIcon
+  P as TextField
 };

package/dist/lyra100.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 i=require("./lyra124.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;

package/dist/lyra100.js

@@ -1,21 +1,20 @@
-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 { createMotionComponent as c } from "./lyra124.js";
+function u(r) {
+  function n(e, t = {}) {
+    return c(r(e, t));
   }
-};
+  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 {
-  a as gestureAnimations
+  u as createMotionProxy
 };

package/dist/lyra101.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra220.cjs"),r=require("./lyra221.cjs"),s=require("./lyra222.cjs"),c=require("./lyra223.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;

package/dist/lyra101.js

@@ -1,13 +1,16 @@
-import { AnimationFeature as t } from "./lyra196.js";
-import { ExitAnimationFeature as i } from "./lyra197.js";
-const o = {
-  animation: {
-    Feature: t
-  },
-  exit: {
-    Feature: i
-  }
-};
+import { isSVGComponent as n } from "./lyra220.js";
+import { createUseRender as t } from "./lyra221.js";
+import { svgMotionConfig as f } from "./lyra222.js";
+import { htmlMotionConfig as m } from "./lyra223.js";
+function c(o, { forwardMotionProps: e = !1 }, r, i) {
+  return {
+    ...n(o) ? f : m,
+    preloadedFeatures: r,
+    useRender: t(e),
+    createVisualElement: i,
+    Component: o
+  };
+}
 export {
-  o as animations
+  c as createDomMotionConfig
 };

package/dist/lyra102.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 e=require("./lyra224.cjs"),r=require("./lyra225.cjs"),t=require("./lyra226.cjs"),s=require("./lyra227.cjs"),u={inView:{Feature:s.InViewFeature},tap:{Feature:t.PressGesture},focus:{Feature:r.FocusGesture},hover:{Feature:e.HoverGesture}};exports.gestureAnimations=u;

package/dist/lyra102.js

@@ -1,17 +1,21 @@
-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: {
+import { HoverGesture as e } from "./lyra224.js";
+import { FocusGesture as r } from "./lyra225.js";
+import { PressGesture as t } from "./lyra226.js";
+import { InViewFeature as o } from "./lyra227.js";
+const a = {
+  inView: {
     Feature: o
   },
-  drag: {
-    Feature: r,
-    ProjectionNode: t,
-    MeasureLayout: e
+  tap: {
+    Feature: t
+  },
+  focus: {
+    Feature: r
+  },
+  hover: {
+    Feature: e
   }
 };
 export {
-  u as drag
+  a as gestureAnimations
 };

package/dist/lyra103.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 e=require("./lyra198.cjs"),t=require("./lyra199.cjs"),i={animation:{Feature:e.AnimationFeature},exit:{Feature:t.ExitAnimationFeature}};exports.animations=i;

package/dist/lyra103.js

@@ -1,7 +1,13 @@
-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 { AnimationFeature as t } from "./lyra198.js";
+import { ExitAnimationFeature as i } from "./lyra199.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
+  }
+};
 export {
-  i as createDomVisualElement
+  o as animations
 };

package/dist/lyra104.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 e=require("./lyra228.cjs"),r=require("./lyra229.cjs"),o=require("./lyra230.cjs"),t=require("./lyra231.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;

package/dist/lyra104.js

@@ -1,11 +1,17 @@
-import { HTMLProjectionNode as o } from "./lyra229.js";
-import { MeasureLayout as t } from "./lyra228.js";
-const a = {
-  layout: {
-    ProjectionNode: o,
-    MeasureLayout: t
+import { DragGesture as r } from "./lyra228.js";
+import { PanGesture as o } from "./lyra229.js";
+import { MeasureLayout as e } from "./lyra230.js";
+import { HTMLProjectionNode as t } from "./lyra231.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
   }
 };
 export {
-  a as layout
+  u as drag
 };

package/dist/lyra105.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra232.cjs"),r=require("./lyra233.cjs"),l=require("./lyra220.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;

package/dist/lyra105.js

@@ -1,12 +1,7 @@
-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];
-}
+import { HTMLVisualElement as a } from "./lyra232.js";
+import { SVGVisualElement as t } from "./lyra233.js";
+import { isSVGComponent as n } from "./lyra220.js";
+const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
 export {
-  R as useForceUpdate
+  i as createDomVisualElement
 };

package/dist/lyra106.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra231.cjs"),o=require("./lyra230.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;

package/dist/lyra106.js

@@ -1,11 +1,11 @@
-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;
-}
+import { HTMLProjectionNode as o } from "./lyra231.js";
+import { MeasureLayout as t } from "./lyra230.js";
+const a = {
+  layout: {
+    ProjectionNode: o,
+    MeasureLayout: t
+  }
+};
 export {
-  n as useIsMounted
+  a as layout
 };

package/dist/lyra107.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra136.cjs"),r=require("react"),d=require("./lyra108.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;