@new-black/lyra 0.1.0 → 0.1.1

package/dist/lyra261.js

@@ -1,4 +1,85 @@
-const t = "";
+import { __exports as c } from "./lyra303.js";
+import I from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function G() {
+  return p ? c : (p = 1, process.env.NODE_ENV !== "production" && function() {
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    var o = I, E = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function _(t) {
+      {
+        for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++)
+          r[n - 1] = arguments[n];
+        O("error", t, r);
+      }
+    }
+    function O(t, e, r) {
+      {
+        var n = E.ReactDebugCurrentFrame, u = n.getStackAddendum();
+        u !== "" && (e += "%s", r = r.concat([u]));
+        var i = r.map(function(a) {
+          return String(a);
+        });
+        i.unshift("Warning: " + e), Function.prototype.apply.call(console[t], console, i);
+      }
+    }
+    function v(t, e) {
+      return t === e && (t !== 0 || 1 / t === 1 / e) || t !== t && e !== e;
+    }
+    var l = typeof Object.is == "function" ? Object.is : v, h = o.useState, L = o.useEffect, y = o.useLayoutEffect, m = o.useDebugValue, S = !1, d = !1;
+    function T(t, e, r) {
+      S || o.startTransition !== void 0 && (S = !0, _("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+      var n = e();
+      if (!d) {
+        var u = e();
+        l(n, u) || (_("The result of getSnapshot should be cached to avoid an infinite loop"), d = !0);
+      }
+      var i = h({
+        inst: {
+          value: n,
+          getSnapshot: e
+        }
+      }), a = i[0].inst, f = i[1];
+      return y(function() {
+        a.value = n, a.getSnapshot = e, s(a) && f({
+          inst: a
+        });
+      }, [t, n, e]), L(function() {
+        s(a) && f({
+          inst: a
+        });
+        var C = function() {
+          s(a) && f({
+            inst: a
+          });
+        };
+        return t(C);
+      }, [t]), m(n), n;
+    }
+    function s(t) {
+      var e = t.getSnapshot, r = t.value;
+      try {
+        var n = e();
+        return !l(r, n);
+      } catch {
+        return !0;
+      }
+    }
+    function g(t, e, r) {
+      return e();
+    }
+    var A = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !A, D = R ? g : T, w = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : D;
+    c.useSyncExternalStore = w, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+  }(), c);
+}
 export {
-  t as default
+  G as __require
 };

package/dist/lyra261.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra261.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"lyra261.js","sources":["../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"],"sourcesContent":["/**\n * @license React\n * use-sync-external-store-shim.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV !== \"production\") {\n  (function() {\n\n          'use strict';\n\n/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\nif (\n  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&\n  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===\n    'function'\n) {\n  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());\n}\n          var React = require('react');\n\nvar ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n\nfunction error(format) {\n  {\n    {\n      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n        args[_key2 - 1] = arguments[_key2];\n      }\n\n      printWarning('error', format, args);\n    }\n  }\n}\n\nfunction printWarning(level, format, args) {\n  // When changing this logic, you might want to also\n  // update consoleWithStackDev.www.js as well.\n  {\n    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n    var stack = ReactDebugCurrentFrame.getStackAddendum();\n\n    if (stack !== '') {\n      format += '%s';\n      args = args.concat([stack]);\n    } // eslint-disable-next-line react-internal/safe-string-coercion\n\n\n    var argsWithFormat = args.map(function (item) {\n      return String(item);\n    }); // Careful: RN currently depends on this prefix\n\n    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it\n    // breaks IE9: https://github.com/facebook/react/issues/13610\n    // eslint-disable-next-line react-internal/no-production-logging\n\n    Function.prototype.apply.call(console[level], console, argsWithFormat);\n  }\n}\n\n/**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\nfunction is(x, y) {\n  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare\n  ;\n}\n\nvar objectIs = typeof Object.is === 'function' ? Object.is : is;\n\n// dispatch for CommonJS interop named imports.\n\nvar useState = React.useState,\n    useEffect = React.useEffect,\n    useLayoutEffect = React.useLayoutEffect,\n    useDebugValue = React.useDebugValue;\nvar didWarnOld18Alpha = false;\nvar didWarnUncachedGetSnapshot = false; // Disclaimer: This shim breaks many of the rules of React, and only works\n// because of a very particular set of implementation details and assumptions\n// -- change any one of them and it will break. The most important assumption\n// is that updates are always synchronous, because concurrent rendering is\n// only available in versions of React that also have a built-in\n// useSyncExternalStore API. And we only use this shim when the built-in API\n// does not exist.\n//\n// Do not assume that the clever hacks used by this hook also work in general.\n// The point of this shim is to replace the need for hacks by other libraries.\n\nfunction useSyncExternalStore(subscribe, getSnapshot, // Note: The shim does not use getServerSnapshot, because pre-18 versions of\n// React do not expose a way to check if we're hydrating. So users of the shim\n// will need to track that themselves and return the correct value\n// from `getSnapshot`.\ngetServerSnapshot) {\n  {\n    if (!didWarnOld18Alpha) {\n      if (React.startTransition !== undefined) {\n        didWarnOld18Alpha = true;\n\n        error('You are using an outdated, pre-release alpha of React 18 that ' + 'does not support useSyncExternalStore. The ' + 'use-sync-external-store shim will not work correctly. Upgrade ' + 'to a newer pre-release.');\n      }\n    }\n  } // Read the current snapshot from the store on every render. Again, this\n  // breaks the rules of React, and only works here because of specific\n  // implementation details, most importantly that updates are\n  // always synchronous.\n\n\n  var value = getSnapshot();\n\n  {\n    if (!didWarnUncachedGetSnapshot) {\n      var cachedValue = getSnapshot();\n\n      if (!objectIs(value, cachedValue)) {\n        error('The result of getSnapshot should be cached to avoid an infinite loop');\n\n        didWarnUncachedGetSnapshot = true;\n      }\n    }\n  } // Because updates are synchronous, we don't queue them. Instead we force a\n  // re-render whenever the subscribed state changes by updating an some\n  // arbitrary useState hook. Then, during render, we call getSnapshot to read\n  // the current value.\n  //\n  // Because we don't actually use the state returned by the useState hook, we\n  // can save a bit of memory by storing other stuff in that slot.\n  //\n  // To implement the early bailout, we need to track some things on a mutable\n  // object. Usually, we would put that in a useRef hook, but we can stash it in\n  // our useState hook instead.\n  //\n  // To force a re-render, we call forceUpdate({inst}). That works because the\n  // new object always fails an equality check.\n\n\n  var _useState = useState({\n    inst: {\n      value: value,\n      getSnapshot: getSnapshot\n    }\n  }),\n      inst = _useState[0].inst,\n      forceUpdate = _useState[1]; // Track the latest getSnapshot function with a ref. This needs to be updated\n  // in the layout phase so we can access it during the tearing check that\n  // happens on subscribe.\n\n\n  useLayoutEffect(function () {\n    inst.value = value;\n    inst.getSnapshot = getSnapshot; // Whenever getSnapshot or subscribe changes, we need to check in the\n    // commit phase if there was an interleaved mutation. In concurrent mode\n    // this can happen all the time, but even in synchronous mode, an earlier\n    // effect may have mutated the store.\n\n    if (checkIfSnapshotChanged(inst)) {\n      // Force a re-render.\n      forceUpdate({\n        inst: inst\n      });\n    }\n  }, [subscribe, value, getSnapshot]);\n  useEffect(function () {\n    // Check for changes right before subscribing. Subsequent changes will be\n    // detected in the subscription handler.\n    if (checkIfSnapshotChanged(inst)) {\n      // Force a re-render.\n      forceUpdate({\n        inst: inst\n      });\n    }\n\n    var handleStoreChange = function () {\n      // TODO: Because there is no cross-renderer API for batching updates, it's\n      // up to the consumer of this library to wrap their subscription event\n      // with unstable_batchedUpdates. Should we try to detect when this isn't\n      // the case and print a warning in development?\n      // The store changed. Check if the snapshot changed since the last time we\n      // read from the store.\n      if (checkIfSnapshotChanged(inst)) {\n        // Force a re-render.\n        forceUpdate({\n          inst: inst\n        });\n      }\n    }; // Subscribe to the store and return a clean-up function.\n\n\n    return subscribe(handleStoreChange);\n  }, [subscribe]);\n  useDebugValue(value);\n  return value;\n}\n\nfunction checkIfSnapshotChanged(inst) {\n  var latestGetSnapshot = inst.getSnapshot;\n  var prevValue = inst.value;\n\n  try {\n    var nextValue = latestGetSnapshot();\n    return !objectIs(prevValue, nextValue);\n  } catch (error) {\n    return true;\n  }\n}\n\nfunction useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {\n  // Note: The shim does not use getServerSnapshot, because pre-18 versions of\n  // React do not expose a way to check if we're hydrating. So users of the shim\n  // will need to track that themselves and return the correct value\n  // from `getSnapshot`.\n  return getSnapshot();\n}\n\nvar canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');\n\nvar isServerEnvironment = !canUseDOM;\n\nvar shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;\nvar useSyncExternalStore$2 = React.useSyncExternalStore !== undefined ? React.useSyncExternalStore : shim;\n\nexports.useSyncExternalStore = useSyncExternalStore$2;\n          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\nif (\n  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&\n  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===\n    'function'\n) {\n  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());\n}\n        \n  })();\n}\n"],"names":["React","require$$0","ReactSharedInternals","error","format","_len2","args","_key2","printWarning","level","ReactDebugCurrentFrame","stack","argsWithFormat","item","is","x","y","objectIs","useState","useEffect","useLayoutEffect","useDebugValue","didWarnOld18Alpha","didWarnUncachedGetSnapshot","useSyncExternalStore","subscribe","getSnapshot","getServerSnapshot","value","cachedValue","_useState","inst","forceUpdate","checkIfSnapshotChanged","handleStoreChange","latestGetSnapshot","prevValue","nextValue","useSyncExternalStore$1","canUseDOM","isServerEnvironment","shim","useSyncExternalStore$2","useSyncExternalStoreShim_development"],"mappings":";;;;;;;;;;;;;yBAYI,QAAQ,IAAI,aAAa,gBAC1B,WAAW;AAKd,IACE,OAAO,iCAAmC,OAC1C,OAAO,+BAA+B,+BACpC,cAEF,+BAA+B,4BAA4B,IAAI,MAAK,CAAE;AAE9D,QAAIA,IAAQC,GAElBC,IAAuBF,EAAM;AAEjC,aAASG,EAAMC,GAAQ;AAEnB;AACE,iBAASC,IAAQ,UAAU,QAAQC,IAAO,IAAI,MAAMD,IAAQ,IAAIA,IAAQ,IAAI,CAAC,GAAGE,IAAQ,GAAGA,IAAQF,GAAOE;AACxG,UAAAD,EAAKC,IAAQ,CAAC,IAAI,UAAUA,CAAK;AAGnC,QAAAC,EAAa,SAASJ,GAAQE,CAAI;AAAA,MACnC;AAAA,IAEJ;AAED,aAASE,EAAaC,GAAOL,GAAQE,GAAM;AAGzC;AACE,YAAII,IAAyBR,EAAqB,wBAC9CS,IAAQD,EAAuB;AAEnC,QAAIC,MAAU,OACZP,KAAU,MACVE,IAAOA,EAAK,OAAO,CAACK,CAAK,CAAC;AAI5B,YAAIC,IAAiBN,EAAK,IAAI,SAAUO,GAAM;AAC5C,iBAAO,OAAOA,CAAI;AAAA,QACxB,CAAK;AAED,QAAAD,EAAe,QAAQ,cAAcR,CAAM,GAI3C,SAAS,UAAU,MAAM,KAAK,QAAQK,CAAK,GAAG,SAASG,CAAc;AAAA,MACtE;AAAA,IACF;AAMD,aAASE,EAAGC,GAAGC,GAAG;AAChB,aAAOD,MAAMC,MAAMD,MAAM,KAAK,IAAIA,MAAM,IAAIC,MAAMD,MAAMA,KAAKC,MAAMA;AAAA,IAEpE;AAED,QAAIC,IAAW,OAAO,OAAO,MAAO,aAAa,OAAO,KAAKH,GAIzDI,IAAWlB,EAAM,UACjBmB,IAAYnB,EAAM,WAClBoB,IAAkBpB,EAAM,iBACxBqB,IAAgBrB,EAAM,eACtBsB,IAAoB,IACpBC,IAA6B;AAWjC,aAASC,EAAqBC,GAAWC,GAIzCC,GAAmB;AAEf,MAAKL,KACCtB,EAAM,oBAAoB,WAC5BsB,IAAoB,IAEpBnB,EAAM,gMAA+M;AAS3N,UAAIyB,IAAQF;AAGV,UAAI,CAACH,GAA4B;AAC/B,YAAIM,IAAcH;AAElB,QAAKT,EAASW,GAAOC,CAAW,MAC9B1B,EAAM,sEAAsE,GAE5EoB,IAA6B;AAAA,MAEhC;AAiBH,UAAIO,IAAYZ,EAAS;AAAA,QACvB,MAAM;AAAA,UACJ,OAAOU;AAAA,UACP,aAAaF;AAAA,QACd;AAAA,MACL,CAAG,GACGK,IAAOD,EAAU,CAAC,EAAE,MACpBE,IAAcF,EAAU,CAAC;AAK7B,aAAAV,EAAgB,WAAY;AAC1B,QAAAW,EAAK,QAAQH,GACbG,EAAK,cAAcL,GAKfO,EAAuBF,CAAI,KAE7BC,EAAY;AAAA,UACV,MAAMD;AAAA,QACd,CAAO;AAAA,MAEJ,GAAE,CAACN,GAAWG,GAAOF,CAAW,CAAC,GAClCP,EAAU,WAAY;AAGpB,QAAIc,EAAuBF,CAAI,KAE7BC,EAAY;AAAA,UACV,MAAMD;AAAA,QACd,CAAO;AAGH,YAAIG,IAAoB,WAAY;AAOlC,UAAID,EAAuBF,CAAI,KAE7BC,EAAY;AAAA,YACV,MAAMD;AAAA,UAChB,CAAS;AAAA,QAET;AAGI,eAAON,EAAUS,CAAiB;AAAA,MACtC,GAAK,CAACT,CAAS,CAAC,GACdJ,EAAcO,CAAK,GACZA;AAAA,IACR;AAED,aAASK,EAAuBF,GAAM;AACpC,UAAII,IAAoBJ,EAAK,aACzBK,IAAYL,EAAK;AAErB,UAAI;AACF,YAAIM,IAAYF;AAChB,eAAO,CAAClB,EAASmB,GAAWC,CAAS;AAAA,MACtC,QAAe;AACd,eAAO;AAAA,MACR;AAAA,IACF;AAED,aAASC,EAAuBb,GAAWC,GAAaC,GAAmB;AAKzE,aAAOD,EAAW;AAAA,IACnB;AAED,QAAIa,IAAe,OAAO,SAAW,OAAe,OAAO,OAAO,WAAa,OAAe,OAAO,OAAO,SAAS,gBAAkB,KAEnIC,IAAsB,CAACD,GAEvBE,IAAOD,IAAsBF,IAAyBd,GACtDkB,IAAyB1C,EAAM,yBAAyB,SAAYA,EAAM,uBAAuByC;AAEzE,IAAAE,EAAA,uBAAGD,GAG7B,OAAO,iCAAmC,OAC1C,OAAO,+BAA+B,8BACpC,cAEF,+BAA+B,2BAA2B,IAAI,MAAK,CAAE;AAAA,EAGvE;;","x_google_ignoreList":[0]}

package/dist/lyra262.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra319.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra306.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;

package/dist/lyra262.js

@@ -1,4 +1,4 @@
-import { lowercaseSVGElements as r } from "./lyra319.js";
+import { lowercaseSVGElements as r } from "./lyra306.js";
 function s(e) {
   return (
     /**

package/dist/lyra263.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra322.cjs"),a=require("./lyra246.cjs"),p=require("./lyra262.cjs"),f=require("./lyra323.cjs"),q=require("./lyra157.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra307.cjs"),a=require("./lyra245.cjs"),p=require("./lyra262.cjs"),f=require("./lyra308.cjs"),q=require("./lyra156.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;

package/dist/lyra263.js

@@ -1,9 +1,9 @@
 import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra322.js";
-import { filterProps as d } from "./lyra246.js";
+import { useHTMLProps as p } from "./lyra307.js";
+import { filterProps as d } from "./lyra245.js";
 import { isSVGComponent as P } from "./lyra262.js";
-import { useSVGProps as a } from "./lyra323.js";
-import { isMotionValue as V } from "./lyra157.js";
+import { useSVGProps as a } from "./lyra308.js";
+import { isMotionValue as V } from "./lyra156.js";
 function E(o = !1) {
   return (e, s, t, { latestValues: i }, n) => {
     const u = (P(e) ? a : p)(s, i, n, e), l = {

package/dist/lyra264.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra317.cjs"),i=require("./lyra314.cjs"),a=require("./lyra247.cjs"),n=require("./lyra324.cjs"),u=require("./lyra315.cjs"),c=require("./lyra318.cjs"),g={useVisualState:a.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:n.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:r})=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}u.buildSVGAttrs(t,r,{enableHardwareAcceleration:!1},c.isSVGTag(e.tagName),o.transformTemplate),s.renderSVG(e,t)}})};exports.svgMotionConfig=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra309.cjs"),i=require("./lyra310.cjs"),a=require("./lyra246.cjs"),n=require("./lyra311.cjs"),u=require("./lyra312.cjs"),c=require("./lyra313.cjs"),g={useVisualState:a.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:n.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:r})=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}u.buildSVGAttrs(t,r,{enableHardwareAcceleration:!1},c.isSVGTag(e.tagName),o.transformTemplate),s.renderSVG(e,t)}})};exports.svgMotionConfig=g;

package/dist/lyra264.js

@@ -1,9 +1,9 @@
-import { renderSVG as i } from "./lyra317.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra314.js";
-import { makeUseVisualState as a } from "./lyra247.js";
-import { createSvgRenderState as s } from "./lyra324.js";
-import { buildSVGAttrs as p } from "./lyra315.js";
-import { isSVGTag as f } from "./lyra318.js";
+import { renderSVG as i } from "./lyra309.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra310.js";
+import { makeUseVisualState as a } from "./lyra246.js";
+import { createSvgRenderState as s } from "./lyra311.js";
+import { buildSVGAttrs as p } from "./lyra312.js";
+import { isSVGTag as f } from "./lyra313.js";
 const B = {
   useVisualState: a({
     scrapeMotionValuesFromProps: m,

package/dist/lyra265.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra247.cjs"),t=require("./lyra310.cjs"),o=require("./lyra325.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra246.cjs"),t=require("./lyra314.cjs"),o=require("./lyra315.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;

package/dist/lyra265.js

@@ -1,6 +1,6 @@
-import { makeUseVisualState as t } from "./lyra247.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra310.js";
-import { createHtmlRenderState as o } from "./lyra325.js";
+import { makeUseVisualState as t } from "./lyra246.js";
+import { scrapeMotionValuesFromProps as e } from "./lyra314.js";
+import { createHtmlRenderState as o } from "./lyra315.js";
 const i = {
   useVisualState: t({
     scrapeMotionValuesFromProps: e,

package/dist/lyra266.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra251.cjs"),p=require("./lyra224.cjs"),v=require("./lyra250.cjs"),l=require("./lyra299.cjs"),d=require("./lyra193.cjs");function a(e,t){const i="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,i,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(a(this.node,!0),a(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra250.cjs"),p=require("./lyra223.cjs"),v=require("./lyra249.cjs"),l=require("./lyra295.cjs"),d=require("./lyra192.cjs");function a(e,t){const i="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,i,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(a(this.node,!0),a(this.node,!1))}unmount(){}}exports.HoverGesture=m;

package/dist/lyra266.js

@@ -1,8 +1,8 @@
-import { addPointerEvent as p } from "./lyra251.js";
-import { pipe as u } from "./lyra224.js";
-import { isDragActive as f } from "./lyra250.js";
-import { Feature as c } from "./lyra299.js";
-import { frame as v } from "./lyra193.js";
+import { addPointerEvent as p } from "./lyra250.js";
+import { pipe as u } from "./lyra223.js";
+import { isDragActive as f } from "./lyra249.js";
+import { Feature as c } from "./lyra295.js";
+import { frame as v } from "./lyra192.js";
 function a(t, e) {
   const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
     if (n.type === "touch" || f())

package/dist/lyra267.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra252.cjs"),s=require("./lyra299.cjs"),i=require("./lyra224.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra251.cjs"),s=require("./lyra295.cjs"),i=require("./lyra223.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;

package/dist/lyra267.js

@@ -1,6 +1,6 @@
-import { addDomEvent as e } from "./lyra252.js";
-import { Feature as i } from "./lyra299.js";
-import { pipe as s } from "./lyra224.js";
+import { addDomEvent as e } from "./lyra251.js";
+import { Feature as i } from "./lyra295.js";
+import { pipe as s } from "./lyra223.js";
 class a extends i {
   constructor() {
     super(...arguments), this.isActive = !1;

package/dist/lyra268.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra253.cjs"),h=require("./lyra252.cjs"),u=require("./lyra251.cjs"),E=require("./lyra299.cjs"),P=require("./lyra224.cjs"),L=require("./lyra250.cjs"),g=require("./lyra320.cjs"),v=require("./lyra212.cjs"),p=require("./lyra193.cjs");function m(l,e){if(!e)return;const s=new PointerEvent("pointer"+l);e(s,f.extractEventInfo(s))}class w extends E.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.removeEndListeners(),this.isPressing)return;const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:c}=this.node.getProps();p.frame.update(()=>{g.isNodeOrChild(this.node.current,n.target)?d&&d(n,r):c&&c(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),a=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,a),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const a=n=>{n.key!=="Enter"||!this.checkPressEnd()||m("up",(r,d)=>{const{onTap:c}=this.node.getProps();c&&p.frame.update(()=>c(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",a),m("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&m("cancel",(o,a)=>this.cancelPress(o,a))},i=h.addDomEvent(this.node.current,"blur",t);this.removeAccessibleListeners=P.pipe(s,i)}}startPress(e,s){this.isPressing=!0;const{onTapStart:t,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),t&&p.frame.update(()=>t(e,s))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!L.isDragActive()}cancelPress(e,s){if(!this.checkPressEnd())return;const{onTapCancel:t}=this.node.getProps();t&&p.frame.update(()=>t(e,s))}mount(){const e=this.node.getProps(),s=u.addPointerEvent(this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),t=h.addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=P.pipe(s,t)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}exports.PressGesture=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra252.cjs"),h=require("./lyra251.cjs"),u=require("./lyra250.cjs"),E=require("./lyra295.cjs"),P=require("./lyra223.cjs"),L=require("./lyra249.cjs"),g=require("./lyra304.cjs"),v=require("./lyra211.cjs"),p=require("./lyra192.cjs");function m(l,e){if(!e)return;const s=new PointerEvent("pointer"+l);e(s,f.extractEventInfo(s))}class w extends E.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.removeEndListeners(),this.isPressing)return;const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:c}=this.node.getProps();p.frame.update(()=>{g.isNodeOrChild(this.node.current,n.target)?d&&d(n,r):c&&c(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),a=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,a),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const a=n=>{n.key!=="Enter"||!this.checkPressEnd()||m("up",(r,d)=>{const{onTap:c}=this.node.getProps();c&&p.frame.update(()=>c(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",a),m("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&m("cancel",(o,a)=>this.cancelPress(o,a))},i=h.addDomEvent(this.node.current,"blur",t);this.removeAccessibleListeners=P.pipe(s,i)}}startPress(e,s){this.isPressing=!0;const{onTapStart:t,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),t&&p.frame.update(()=>t(e,s))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!L.isDragActive()}cancelPress(e,s){if(!this.checkPressEnd())return;const{onTapCancel:t}=this.node.getProps();t&&p.frame.update(()=>t(e,s))}mount(){const e=this.node.getProps(),s=u.addPointerEvent(this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),t=h.addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=P.pipe(s,t)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}exports.PressGesture=w;

package/dist/lyra268.js

@@ -1,12 +1,12 @@
-import { extractEventInfo as f } from "./lyra253.js";
-import { addDomEvent as p } from "./lyra252.js";
-import { addPointerEvent as m } from "./lyra251.js";
-import { Feature as L } from "./lyra299.js";
-import { pipe as P } from "./lyra224.js";
-import { isDragActive as E } from "./lyra250.js";
-import { isNodeOrChild as g } from "./lyra320.js";
-import { noop as u } from "./lyra212.js";
-import { frame as d } from "./lyra193.js";
+import { extractEventInfo as f } from "./lyra252.js";
+import { addDomEvent as p } from "./lyra251.js";
+import { addPointerEvent as m } from "./lyra250.js";
+import { Feature as L } from "./lyra295.js";
+import { pipe as P } from "./lyra223.js";
+import { isDragActive as E } from "./lyra249.js";
+import { isNodeOrChild as g } from "./lyra304.js";
+import { noop as u } from "./lyra211.js";
+import { frame as d } from "./lyra192.js";
 function v(l, e) {
   if (!e)
     return;

package/dist/lyra269.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra299.cjs"),w=require("./lyra321.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra295.cjs"),w=require("./lyra305.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;

package/dist/lyra269.js

@@ -1,5 +1,5 @@
-import { Feature as m } from "./lyra299.js";
-import { observeIntersection as f } from "./lyra321.js";
+import { Feature as m } from "./lyra295.js";
+import { observeIntersection as f } from "./lyra305.js";
 const w = {
   some: 0,
   all: 1

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra44.cjs"),i=require("./lyra43.cjs");require("./lyra2.cjs");require("./lyra58.cjs");require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra8.cjs");require("./lyra63.cjs");require("./lyra10.cjs");require("./lyra131.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("react");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra64.cjs");require("./lyra19.cjs");require("./lyra132.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra65.cjs");require("./lyra25.cjs");const c=require("./lyra28.cjs");require("./lyra67.cjs");require("./lyra69.cjs");const v=require("./lyra37.cjs");require("./lyra39.cjs");require("./lyra48.cjs");const x=require("./lyra54.cjs"),f=require("./lyra42.cjs"),j=({position:r="center",fullScreen:d,fullWidth:m,maxWidth:s,isDismissable:t=!0,centerDialogToBottomOnMobileScreens:o=!0,disableBlur:y=!1,...e},D)=>{const n=v.useIsMobileDevice();r=r==="center"&&o&&n?"bottom":r,s=r==="center"&&o&&n?void 0:s;const g={defaultOpen:e.defaultOpen,isOpen:e.isOpen,isDismissable:t,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:l,isExiting:u})=>c.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:l,isExiting:u,disableBlur:y}),style:e.overlayStyle},b={isDismissable:t,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,className:({isEntering:l,isExiting:u})=>c.modalStyles({fullScreen:d,fullWidth:m,maxWidth:s,position:r,direction:q,isEntering:l,isExiting:u,className:e.className})},{direction:q}=f.useLocale(),O={onClose:e.onClose,children:e.children};return a.jsxRuntimeExports.jsx(i.ModalOverlay,{...g,style:{direction:q},children:a.jsxRuntimeExports.jsx(i.Modal,{ref:D,...b,"data-position":r,children:a.jsxRuntimeExports.jsx(i.Dialog,{...O,className:"outline-none"})})})},N=x.fixedForwardRef(j);exports.DialogTrigger=i.DialogTrigger;exports.Dialog=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra44.cjs"),q=require("react"),a=require("./lyra43.cjs");require("./lyra2.cjs");require("./lyra58.cjs");require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra64.cjs");require("./lyra8.cjs");require("./lyra62.cjs");require("./lyra10.cjs");require("./lyra132.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra67.cjs");require("./lyra19.cjs");require("./lyra133.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra63.cjs");require("./lyra25.cjs");const b=require("./lyra28.cjs");require("./lyra66.cjs");require("./lyra69.cjs");const N=require("./lyra37.cjs");require("./lyra39.cjs");require("./lyra48.cjs");const f=require("./lyra54.cjs"),j=require("./lyra42.cjs"),x=({position:r="center",fullScreen:n,fullWidth:o,maxWidth:i,isDismissable:s=!0,centerDialogToBottomOnMobileScreens:m=!0,disableBlur:y=!1,onOpenChange:l,...e},v)=>{const{direction:u}=j.useLocale(),D=N.useIsMobileDevice();r=r==="center"&&m&&D?"bottom":r,i=r==="center"&&m&&D?void 0:i;const O=q.useMemo(()=>({defaultOpen:e.defaultOpen,isOpen:e.isOpen,onOpenChange:l,isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:t,isExiting:d})=>b.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:t,isExiting:d,disableBlur:y}),style:e.overlayStyle}),[y,s,l,r,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen,e.overlayClassName,e.overlayStyle]),g=q.useMemo(()=>({isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,onOpenChange:l,className:({isEntering:t,isExiting:d})=>b.modalStyles({fullScreen:n,fullWidth:o,maxWidth:i,position:r,direction:u,isEntering:t,isExiting:d,className:e.className})}),[u,n,o,s,i,l,r,e.className,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen]),M=q.useMemo(()=>({onClose:e.onClose,children:e.children}),[e.children,e.onClose]);return c.jsxRuntimeExports.jsx(a.ModalOverlay,{...O,style:{direction:u},children:c.jsxRuntimeExports.jsx(a.Modal,{ref:v,...g,"data-position":r,children:c.jsxRuntimeExports.jsx(a.Dialog,{...M,className:"outline-none"})})})},K=f.fixedForwardRef(x);exports.DialogTrigger=a.DialogTrigger;exports.Dialog=K;

package/dist/lyra27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = {\n    defaultOpen: props.defaultOpen,\n    isOpen: props.isOpen,\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    className: ({ isEntering, isExiting }) =>\n      modalOverlayStyles({\n        position,\n        className: props.overlayClassName,\n        isEntering,\n        isExiting,\n        disableBlur,\n      }),\n    style: props.overlayStyle,\n  };\n  const modalProps: ModalOverlayProps = {\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    isOpen: props.isOpen,\n    defaultOpen: props.defaultOpen,\n    className: ({ isEntering, isExiting }) =>\n      modalStyles({\n        fullScreen,\n        fullWidth,\n        maxWidth,\n        position,\n        direction,\n        isEntering,\n        isExiting,\n        className: props.className,\n      }),\n  };\n\n  const { direction } = useLocale();\n\n  const dialogProps = {\n    onClose: props.onClose,\n    children: props.children,\n  };\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","props","ref","isMobileDevice","useIsMobileDevice","modalOverlayProps","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","direction","useLocale","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"62BAmCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAiBC,EAAAA,oBACvBV,EACEA,IAAa,UAAYK,GAAuCI,EAC5D,SACAT,EAENG,EACEH,IAAa,UAAYK,GAAuCI,EAC5D,OACAN,EAEN,MAAMQ,EAAuC,CAC3C,YAAaJ,EAAM,YACnB,OAAQA,EAAM,OACd,cAAAH,EACA,0BAA2BG,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAK,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAd,EACA,UAAWO,EAAM,iBACjB,WAAAK,EACA,UAAAC,EACA,YAAAP,CAAA,CACD,EACH,MAAOC,EAAM,YAAA,EAETQ,EAAgC,CACpC,cAAAX,EACA,0BAA2BG,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,UAAW,CAAC,CAAE,WAAAK,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAAf,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAiB,EACA,WAAAL,EACA,UAAAC,EACA,UAAWN,EAAM,SAAA,CAClB,CAAA,EAGC,CAAE,UAAAU,GAAcC,EAAAA,YAEhBC,EAAc,CAClB,QAASZ,EAAM,QACf,SAAUA,EAAM,QAAA,EAGhB,OAAAa,wBAACC,EAAAA,cAAc,GAAGV,EAAmB,MAAO,CAAE,UAAAM,CAAA,EAC5C,SAAAG,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAd,EAAW,GAAGO,EAAY,gBAAef,EAC9C,SAACoB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB1B,CAAO"}
+{"version":3,"file":"lyra27.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      onClose: props.onClose,\n      children: props.children,\n    }),\n    [props.children, props.onClose],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"+2BAoCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,aAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAChBC,EAAiBC,EAAAA,oBACvBb,EACEA,IAAa,UAAYK,GAAuCO,EAC5D,SACAZ,EAENG,EACEH,IAAa,UAAYK,GAAuCO,EAC5D,OACAT,EAEN,MAAMW,EAAuCC,EAAA,QAC3C,KAAO,CACL,YAAaP,EAAM,YACnB,OAAQA,EAAM,OACd,aAAAD,EACA,cAAAH,EACA,0BAA2BI,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAQ,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAlB,EACA,UAAWQ,EAAM,iBACjB,WAAAQ,EACA,UAAAC,EACA,YAAAX,CAAA,CACD,EACH,MAAOE,EAAM,YAAA,GAEf,CACEF,EACAF,EACAG,EACAP,EACAQ,EAAM,YACNA,EAAM,0BACNA,EAAM,OACNA,EAAM,iBACNA,EAAM,YACR,CAAA,EAGIW,EAAgCJ,EAAA,QACpC,KAAO,CACL,cAAAX,EACA,0BAA2BI,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,aAAAD,EACA,UAAW,CAAC,CAAE,WAAAS,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAAnB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAU,EACA,WAAAM,EACA,UAAAC,EACA,UAAWT,EAAM,SAAA,CAClB,CAAA,GAEL,CACEE,EACAT,EACAC,EACAE,EACAD,EACAI,EACAP,EACAQ,EAAM,UACNA,EAAM,YACNA,EAAM,0BACNA,EAAM,MACR,CAAA,EAGIa,EAAcN,EAAA,QAClB,KAAO,CACL,QAASP,EAAM,QACf,SAAUA,EAAM,QAAA,GAElB,CAACA,EAAM,SAAUA,EAAM,OAAO,CAAA,EAI9B,OAAAc,wBAACC,EAAAA,cAAc,GAAGT,EAAmB,MAAO,CAAE,UAAAJ,CAAA,EAC5C,SAAAY,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAf,EAAW,GAAGU,EAAY,gBAAenB,EAC9C,SAACsB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB5B,CAAO"}

package/dist/lyra27.js

@@ -1,83 +1,117 @@
-import { j as a } from "./lyra44.js";
-import { ModalOverlay as $, Modal as u, Dialog as x } from "./lyra43.js";
-import { DialogTrigger as se } from "./lyra43.js";
+import { j as s } from "./lyra44.js";
+import { useMemo as d } from "react";
+import { ModalOverlay as v, Modal as x, Dialog as N } from "./lyra43.js";
+import { DialogTrigger as de } from "./lyra43.js";
 import "./lyra2.js";
 import "./lyra58.js";
 import "./lyra34.js";
 import "./lyra59.js";
 import "./lyra60.js";
-import "./lyra61.js";
+import "./lyra64.js";
 import "./lyra8.js";
-import "./lyra63.js";
+import "./lyra62.js";
 import "./lyra10.js";
-import "./lyra131.js";
+import "./lyra132.js";
 import "./lyra21.js";
 import "./lyra14.js";
-import "react";
 import "./lyra16.js";
 import "./lyra17.js";
-import "./lyra64.js";
+import "./lyra67.js";
 import "./lyra19.js";
-import "./lyra132.js";
+import "./lyra133.js";
 import "./lyra22.js";
 import "./lyra23.js";
-import "./lyra65.js";
+import "./lyra63.js";
 import "./lyra25.js";
-import { modalOverlayStyles as O, modalStyles as v } from "./lyra28.js";
-import "./lyra67.js";
+import { modalOverlayStyles as K, modalStyles as j } from "./lyra28.js";
+import "./lyra66.js";
 import "./lyra69.js";
-import { useIsMobileDevice as N } from "./lyra37.js";
+import { useIsMobileDevice as M } from "./lyra37.js";
 import "./lyra39.js";
 import "./lyra48.js";
 import { fixedForwardRef as g } from "./lyra54.js";
-import { useLocale as j } from "./lyra42.js";
-const K = ({
-  position: o = "center",
+import { useLocale as P } from "./lyra42.js";
+const p = ({
+  position: a = "center",
   fullScreen: f,
   fullWidth: c,
-  maxWidth: r,
+  maxWidth: t,
   isDismissable: m = !0,
-  centerDialogToBottomOnMobileScreens: s = !0,
-  disableBlur: p = !1,
+  centerDialogToBottomOnMobileScreens: y = !0,
+  disableBlur: b = !1,
+  onOpenChange: r,
   ...e
-}, n) => {
-  const l = N();
-  o = o === "center" && s && l ? "bottom" : o, r = o === "center" && s && l ? void 0 : r;
-  const b = {
-    defaultOpen: e.defaultOpen,
-    isOpen: e.isOpen,
-    isDismissable: m,
-    isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
-    className: ({ isEntering: t, isExiting: i }) => O({
-      position: o,
-      className: e.overlayClassName,
-      isEntering: t,
-      isExiting: i,
-      disableBlur: p
+}, D) => {
+  const { direction: i } = P(), n = M();
+  a = a === "center" && y && n ? "bottom" : a, t = a === "center" && y && n ? void 0 : t;
+  const $ = d(
+    () => ({
+      defaultOpen: e.defaultOpen,
+      isOpen: e.isOpen,
+      onOpenChange: r,
+      isDismissable: m,
+      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+      className: ({ isEntering: o, isExiting: l }) => K({
+        position: a,
+        className: e.overlayClassName,
+        isEntering: o,
+        isExiting: l,
+        disableBlur: b
+      }),
+      style: e.overlayStyle
+    }),
+    [
+      b,
+      m,
+      r,
+      a,
+      e.defaultOpen,
+      e.isKeyboardDismissDisabled,
+      e.isOpen,
+      e.overlayClassName,
+      e.overlayStyle
+    ]
+  ), u = d(
+    () => ({
+      isDismissable: m,
+      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+      isOpen: e.isOpen,
+      defaultOpen: e.defaultOpen,
+      onOpenChange: r,
+      className: ({ isEntering: o, isExiting: l }) => j({
+        fullScreen: f,
+        fullWidth: c,
+        maxWidth: t,
+        position: a,
+        direction: i,
+        isEntering: o,
+        isExiting: l,
+        className: e.className
+      })
+    }),
+    [
+      i,
+      f,
+      c,
+      m,
+      t,
+      r,
+      a,
+      e.className,
+      e.defaultOpen,
+      e.isKeyboardDismissDisabled,
+      e.isOpen
+    ]
+  ), O = d(
+    () => ({
+      onClose: e.onClose,
+      children: e.children
     }),
-    style: e.overlayStyle
-  }, y = {
-    isDismissable: m,
-    isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
-    isOpen: e.isOpen,
-    defaultOpen: e.defaultOpen,
-    className: ({ isEntering: t, isExiting: i }) => v({
-      fullScreen: f,
-      fullWidth: c,
-      maxWidth: r,
-      position: o,
-      direction: d,
-      isEntering: t,
-      isExiting: i,
-      className: e.className
-    })
-  }, { direction: d } = j(), D = {
-    onClose: e.onClose,
-    children: e.children
-  };
-  return /* @__PURE__ */ a.jsx($, { ...b, style: { direction: d }, children: /* @__PURE__ */ a.jsx(u, { ref: n, ...y, "data-position": o, children: /* @__PURE__ */ a.jsx(x, { ...D, className: "outline-none" }) }) });
-}, ie = g(K);
+    [e.children, e.onClose]
+  );
+  return /* @__PURE__ */ s.jsx(v, { ...$, style: { direction: i }, children: /* @__PURE__ */ s.jsx(x, { ref: D, ...u, "data-position": a, children: /* @__PURE__ */ s.jsx(N, { ...O, className: "outline-none" }) }) });
+}, oe = g(p);
 export {
-  ie as Dialog,
-  se as DialogTrigger
+  oe as Dialog,
+  de as DialogTrigger
 };

package/dist/lyra27.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.js","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = {\n    defaultOpen: props.defaultOpen,\n    isOpen: props.isOpen,\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    className: ({ isEntering, isExiting }) =>\n      modalOverlayStyles({\n        position,\n        className: props.overlayClassName,\n        isEntering,\n        isExiting,\n        disableBlur,\n      }),\n    style: props.overlayStyle,\n  };\n  const modalProps: ModalOverlayProps = {\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    isOpen: props.isOpen,\n    defaultOpen: props.defaultOpen,\n    className: ({ isEntering, isExiting }) =>\n      modalStyles({\n        fullScreen,\n        fullWidth,\n        maxWidth,\n        position,\n        direction,\n        isEntering,\n        isExiting,\n        className: props.className,\n      }),\n  };\n\n  const { direction } = useLocale();\n\n  const dialogProps = {\n    onClose: props.onClose,\n    children: props.children,\n  };\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","props","ref","isMobileDevice","useIsMobileDevice","modalOverlayProps","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","direction","useLocale","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAMA,IAAU,CACd;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,qCAAAC,IAAsC;AAAA,EACtC,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAiBC;AACvB,EAAAV,IACEA,MAAa,YAAYK,KAAuCI,IAC5D,WACAT,GAENG,IACEH,MAAa,YAAYK,KAAuCI,IAC5D,SACAN;AAEN,QAAMQ,IAAuC;AAAA,IAC3C,aAAaJ,EAAM;AAAA,IACnB,QAAQA,EAAM;AAAA,IACd,eAAAH;AAAA,IACA,2BAA2BG,EAAM;AAAA,IACjC,WAAW,CAAC,EAAE,YAAAK,GAAY,WAAAC,EAAA,MACxBC,EAAmB;AAAA,MACjB,UAAAd;AAAA,MACA,WAAWO,EAAM;AAAA,MACjB,YAAAK;AAAA,MACA,WAAAC;AAAA,MACA,aAAAP;AAAA,IAAA,CACD;AAAA,IACH,OAAOC,EAAM;AAAA,EAAA,GAETQ,IAAgC;AAAA,IACpC,eAAAX;AAAA,IACA,2BAA2BG,EAAM;AAAA,IACjC,QAAQA,EAAM;AAAA,IACd,aAAaA,EAAM;AAAA,IACnB,WAAW,CAAC,EAAE,YAAAK,GAAY,WAAAC,EAAA,MACxBG,EAAY;AAAA,MACV,YAAAf;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAH;AAAA,MACA,WAAAiB;AAAA,MACA,YAAAL;AAAA,MACA,WAAAC;AAAA,MACA,WAAWN,EAAM;AAAA,IAAA,CAClB;AAAA,EAAA,GAGC,EAAE,WAAAU,MAAcC,KAEhBC,IAAc;AAAA,IAClB,SAASZ,EAAM;AAAA,IACf,UAAUA,EAAM;AAAA,EAAA;AAGhB,SAAAa,gBAAAA,MAACC,KAAc,GAAGV,GAAmB,OAAO,EAAE,WAAAM,EAAA,GAC5C,UAAAG,gBAAAA,EAAAA,IAACE,GAAM,EAAA,KAAAd,GAAW,GAAGO,GAAY,iBAAef,GAC9C,UAACoB,gBAAAA,EAAAA,IAAAG,GAAA,EAAY,GAAGJ,GAAa,WAAU,eAAe,CAAA,EACxD,CAAA,EACF,CAAA;AAEJ,GAIaK,KAASC,EAAgB1B,CAAO;"}
+{"version":3,"file":"lyra27.js","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      onClose: props.onClose,\n      children: props.children,\n    }),\n    [props.children, props.onClose],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,IAAU,CACd;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,qCAAAC,IAAsC;AAAA,EACtC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACG,QAAA,EAAE,WAAAC,MAAcC,KAChBC,IAAiBC;AACvB,EAAAb,IACEA,MAAa,YAAYK,KAAuCO,IAC5D,WACAZ,GAENG,IACEH,MAAa,YAAYK,KAAuCO,IAC5D,SACAT;AAEN,QAAMW,IAAuCC;AAAA,IAC3C,OAAO;AAAA,MACL,aAAaP,EAAM;AAAA,MACnB,QAAQA,EAAM;AAAA,MACd,cAAAD;AAAA,MACA,eAAAH;AAAA,MACA,2BAA2BI,EAAM;AAAA,MACjC,WAAW,CAAC,EAAE,YAAAQ,GAAY,WAAAC,EAAA,MACxBC,EAAmB;AAAA,QACjB,UAAAlB;AAAA,QACA,WAAWQ,EAAM;AAAA,QACjB,YAAAQ;AAAA,QACA,WAAAC;AAAA,QACA,aAAAX;AAAA,MAAA,CACD;AAAA,MACH,OAAOE,EAAM;AAAA,IAAA;AAAA,IAEf;AAAA,MACEF;AAAA,MACAF;AAAA,MACAG;AAAA,MACAP;AAAA,MACAQ,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIW,IAAgCJ;AAAA,IACpC,OAAO;AAAA,MACL,eAAAX;AAAA,MACA,2BAA2BI,EAAM;AAAA,MACjC,QAAQA,EAAM;AAAA,MACd,aAAaA,EAAM;AAAA,MACnB,cAAAD;AAAA,MACA,WAAW,CAAC,EAAE,YAAAS,GAAY,WAAAC,EAAA,MACxBG,EAAY;AAAA,QACV,YAAAnB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAH;AAAA,QACA,WAAAU;AAAA,QACA,YAAAM;AAAA,QACA,WAAAC;AAAA,QACA,WAAWT,EAAM;AAAA,MAAA,CAClB;AAAA,IAAA;AAAA,IAEL;AAAA,MACEE;AAAA,MACAT;AAAA,MACAC;AAAA,MACAE;AAAA,MACAD;AAAA,MACAI;AAAA,MACAP;AAAA,MACAQ,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIa,IAAcN;AAAA,IAClB,OAAO;AAAA,MACL,SAASP,EAAM;AAAA,MACf,UAAUA,EAAM;AAAA,IAAA;AAAA,IAElB,CAACA,EAAM,UAAUA,EAAM,OAAO;AAAA,EAAA;AAI9B,SAAAc,gBAAAA,MAACC,KAAc,GAAGT,GAAmB,OAAO,EAAE,WAAAJ,EAAA,GAC5C,UAAAY,gBAAAA,EAAAA,IAACE,GAAM,EAAA,KAAAf,GAAW,GAAGU,GAAY,iBAAenB,GAC9C,UAACsB,gBAAAA,EAAAA,IAAAG,GAAA,EAAY,GAAGJ,GAAa,WAAU,eAAe,CAAA,EACxD,CAAA,EACF,CAAA;AAEJ,GAIaK,KAASC,EAAgB5B,CAAO;"}

package/dist/lyra270.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra299.cjs"),o=require("./lyra212.cjs"),s=require("./lyra304.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra295.cjs"),o=require("./lyra211.cjs"),s=require("./lyra316.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;

package/dist/lyra270.js

@@ -1,6 +1,6 @@
-import { Feature as s } from "./lyra299.js";
-import { noop as r } from "./lyra212.js";
-import { VisualElementDragControls as t } from "./lyra304.js";
+import { Feature as s } from "./lyra295.js";
+import { noop as r } from "./lyra211.js";
+import { VisualElementDragControls as t } from "./lyra316.js";
 class u extends s {
   constructor(o) {
     super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);

package/dist/lyra271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra305.cjs"),d=require("./lyra251.cjs"),c=require("./lyra299.cjs"),h=require("./lyra212.cjs"),r=require("./lyra193.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new P.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,u)=>{delete this.session,s&&r.frame.update(()=>s(a,u))}}}mount(){this.removePointerDownListener=d.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra317.cjs"),d=require("./lyra250.cjs"),c=require("./lyra295.cjs"),h=require("./lyra211.cjs"),r=require("./lyra192.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new P.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,u)=>{delete this.session,s&&r.frame.update(()=>s(a,u))}}}mount(){this.removePointerDownListener=d.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;

package/dist/lyra271.js

@@ -1,8 +1,8 @@
-import { PanSession as d } from "./lyra305.js";
-import { addPointerEvent as m } from "./lyra251.js";
-import { Feature as h } from "./lyra299.js";
-import { noop as p } from "./lyra212.js";
-import { frame as r } from "./lyra193.js";
+import { PanSession as d } from "./lyra317.js";
+import { addPointerEvent as m } from "./lyra250.js";
+import { Feature as h } from "./lyra295.js";
+import { noop as p } from "./lyra211.js";
+import { frame as r } from "./lyra192.js";
 const s = (e) => (n, t) => {
   e && r.update(() => e(n, t));
 };