@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra308.js

@@ -1,38 +1,4 @@
-function p(h) {
-  let n = [], s = [], i = 0, f = !1, o = !1;
-  const l = /* @__PURE__ */ new WeakSet(), u = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (e, t = !1, r = !1) => {
-      const d = r && f, c = d ? n : s;
-      return t && l.add(e), c.indexOf(e) === -1 && (c.push(e), d && f && (i = n.length)), e;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (e) => {
-      const t = s.indexOf(e);
-      t !== -1 && s.splice(t, 1), l.delete(e);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (e) => {
-      if (f) {
-        o = !0;
-        return;
-      }
-      if (f = !0, [n, s] = [s, n], s.length = 0, i = n.length, i)
-        for (let t = 0; t < i; t++) {
-          const r = n[t];
-          r(e), l.has(r) && (u.schedule(r), h());
-        }
-      f = !1, o && (o = !1, u.process(e));
-    }
-  };
-  return u;
-}
+const a = "";
 export {
-  p as createRenderStep
+  a as default
 };

package/dist/lyra308.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra308.js","sources":["../node_modules/framer-motion/dist/es/frameloop/render-step.mjs"],"sourcesContent":["function createRenderStep(runNextFrame) {\n    /**\n     * We create and reuse two arrays, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let toRun = [];\n    let toRunNextFrame = [];\n    /**\n     *\n     */\n    let numToRun = 0;\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const buffer = addToCurrentFrame ? toRun : toRunNextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            // If the buffer doesn't already contain this callback, add it\n            if (buffer.indexOf(callback) === -1) {\n                buffer.push(callback);\n                // If we're adding it to the currently running buffer, update its measured size\n                if (addToCurrentFrame && isProcessing)\n                    numToRun = toRun.length;\n            }\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            const index = toRunNextFrame.indexOf(callback);\n            if (index !== -1)\n                toRunNextFrame.splice(index, 1);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [toRun, toRunNextFrame] = [toRunNextFrame, toRun];\n            // Clear the next frame list\n            toRunNextFrame.length = 0;\n            // Execute this frame\n            numToRun = toRun.length;\n            if (numToRun) {\n                for (let i = 0; i < numToRun; i++) {\n                    const callback = toRun[i];\n                    callback(frameData);\n                    if (toKeepAlive.has(callback)) {\n                        step.schedule(callback);\n                        runNextFrame();\n                    }\n                }\n            }\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n"],"names":["createRenderStep","runNextFrame","toRun","toRunNextFrame","numToRun","isProcessing","flushNextFrame","toKeepAlive","step","callback","keepAlive","immediate","addToCurrentFrame","buffer","index","frameData","i"],"mappings":"AAAA,SAASA,EAAiBC,GAAc;AAKpC,MAAIC,IAAQ,CAAA,GACRC,IAAiB,CAAA,GAIjBC,IAAW,GAKXC,IAAe,IACfC,IAAiB;AAIrB,QAAMC,IAAc,oBAAI,WAClBC,IAAO;AAAA;AAAA;AAAA;AAAA,IAIT,UAAU,CAACC,GAAUC,IAAY,IAAOC,IAAY,OAAU;AAC1D,YAAMC,IAAoBD,KAAaN,GACjCQ,IAASD,IAAoBV,IAAQC;AAC3C,aAAIO,KACAH,EAAY,IAAIE,CAAQ,GAExBI,EAAO,QAAQJ,CAAQ,MAAM,OAC7BI,EAAO,KAAKJ,CAAQ,GAEhBG,KAAqBP,MACrBD,IAAWF,EAAM,UAElBO;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAID,QAAQ,CAACA,MAAa;AAClB,YAAMK,IAAQX,EAAe,QAAQM,CAAQ;AAC7C,MAAIK,MAAU,MACVX,EAAe,OAAOW,GAAO,CAAC,GAClCP,EAAY,OAAOE,CAAQ;AAAA,IAC9B;AAAA;AAAA;AAAA;AAAA,IAID,SAAS,CAACM,MAAc;AAMpB,UAAIV,GAAc;AACd,QAAAC,IAAiB;AACjB;AAAA,MACH;AAOD,UANAD,IAAe,IACf,CAACH,GAAOC,CAAc,IAAI,CAACA,GAAgBD,CAAK,GAEhDC,EAAe,SAAS,GAExBC,IAAWF,EAAM,QACbE;AACA,iBAASY,IAAI,GAAGA,IAAIZ,GAAUY,KAAK;AAC/B,gBAAMP,IAAWP,EAAMc,CAAC;AACxB,UAAAP,EAASM,CAAS,GACdR,EAAY,IAAIE,CAAQ,MACxBD,EAAK,SAASC,CAAQ,GACtBR;QAEP;AAEL,MAAAI,IAAe,IACXC,MACAA,IAAiB,IACjBE,EAAK,QAAQO,CAAS;AAAA,IAE7B;AAAA,EACT;AACI,SAAOP;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra308.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lyra31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra61.cjs");require("./lyra149.cjs");const i=t.cva(["fixed","inset-0","z-50","bg-[--dialog-backdrop-bg]","top-0","bottom-0","left-0","right-0","flex","fill-mode-forwards"],{variants:{disableBlur:{true:"",false:"backdrop-blur-[--dialog-backdrop-bg-blur]"},position:{center:["justify-center","items-center"],top:["item-start","place-items-start","justify-center"],bottom:["justify-center","items-end"],start:["justify-start"],end:["justify-end"]},isEntering:{true:"animate-in fade-in"},isExiting:{true:"animate-out fade-out"}},defaultVariants:{position:"center",disableBlur:!1}}),e=t.cva(["bg-[--dialog-bg]","outline-none","fill-mode-forwards"],{variants:{fullWidth:{true:"w-full"},fullScreen:{true:"w-screen min-h-screen"},maxWidth:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl","7xl":"max-w-7xl"},direction:{ltr:"",rtl:""},isEntering:{true:"animate-in"},isExiting:{true:"animate-out"},position:{center:"rounded-[--dialog-radius]",top:["w-full","rounded-b-[--dialog-radius]"],bottom:["w-full","rounded-t-[--dialog-radius]"],start:["h-full","rounded-e-[--dialog-radius]"],end:["h-full","rounded-s-[--dialog-radius]"]}},defaultVariants:{position:"center"},compoundVariants:[{position:"center",isEntering:!0,className:"zoom-in-95"},{position:"center",isExiting:!0,className:"zoom-out-95"},{position:"top",isEntering:!0,className:"slide-in-from-top"},{position:"top",isExiting:!0,className:"slide-out-to-top duration-200"},{position:"bottom",isEntering:!0,className:"slide-in-from-bottom"},{position:"bottom",isExiting:!0,className:"slide-out-to-bottom duration-200"},{position:"start",isEntering:!0,direction:"ltr",className:"slide-in-from-left"},{position:"start",isEntering:!0,direction:"rtl",className:"slide-in-from-right"},{position:"start",isExiting:!0,direction:"ltr",className:"slide-out-to-left"},{position:"start",isExiting:!0,direction:"rtl",className:"slide-out-to-right"},{position:"end",isEntering:!0,direction:"ltr",className:"slide-in-from-right"},{position:"end",isEntering:!0,direction:"rtl",className:"slide-in-from-left"},{position:"end",isExiting:!0,direction:"ltr",className:"slide-out-to-right"},{position:"end",isExiting:!0,direction:"rtl",className:"slide-out-to-left"}]});exports.modalOverlayStyles=i;exports.modalStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra53.cjs"),c=require("react"),l=require("./lyra52.cjs");require("./lyra2.cjs");require("./lyra67.cjs");require("./lyra42.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra76.cjs");require("./lyra20.cjs");require("./lyra148.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra73.cjs");require("./lyra29.cjs");const b=require("./lyra32.cjs");require("./lyra75.cjs");require("./lyra39.cjs");require("./lyra77.cjs");require("./lyra41.cjs");require("./lyra79.cjs");const f=require("./lyra46.cjs");require("./lyra48.cjs");require("./lyra57.cjs");const j=require("./lyra63.cjs"),x=require("./lyra51.cjs"),K=({position:r="center",fullScreen:n,fullWidth:o,maxWidth:i,isDismissable:s=!0,centerDialogToBottomOnMobileScreens:m=!0,disableBlur:y=!1,onOpenChange:u,screenWidthMobileBreakpoint:v=640,...e},O)=>{const{direction:a}=x.useLocale(),D=f.useIsMobileDevice(v);r=r==="center"&&m&&D?"bottom":r,i=r==="center"&&m&&D?void 0:i;const g=c.useMemo(()=>({defaultOpen:e.defaultOpen,isOpen:e.isOpen,onOpenChange:u,isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:q,isExiting:t})=>b.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:q,isExiting:t,disableBlur:y}),style:e.overlayStyle}),[y,s,u,r,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen,e.overlayClassName,e.overlayStyle]),M=c.useMemo(()=>({isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,onOpenChange:u,className:({isEntering:q,isExiting:t})=>b.modalStyles({fullScreen:n,fullWidth:o,maxWidth:i,position:r,direction:a,isEntering:q,isExiting:t,className:e.className})}),[a,n,o,s,i,u,r,e.className,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen]),N=c.useMemo(()=>({onClose:e.onClose,children:e.children}),[e.children,e.onClose]);return d.jsxRuntimeExports.jsx(l.ModalOverlay,{...g,style:{direction:a},children:d.jsxRuntimeExports.jsx(l.Modal,{ref:O,...M,"data-position":r,children:d.jsxRuntimeExports.jsx(l.Dialog,{...N,className:"outline-none"})})})},R=j.fixedForwardRef(K);exports.DialogTrigger=l.DialogTrigger;exports.Dialog=R;

package/dist/lyra31.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra31.cjs","sources":["../src/components/overlays/dialog/dialog.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./dialog.vars.css\";\n\nexport const modalOverlayStyles = cva(\n  [\n    \"fixed\",\n    \"inset-0\",\n    \"z-50\",\n    \"bg-[--dialog-backdrop-bg]\",\n    \"top-0\",\n    \"bottom-0\",\n    \"left-0\",\n    \"right-0\",\n    \"flex\",\n    \"fill-mode-forwards\",\n  ],\n  {\n    variants: {\n      disableBlur: {\n        true: \"\",\n        false: \"backdrop-blur-[--dialog-backdrop-bg-blur]\",\n      },\n      position: {\n        center: [\"justify-center\", \"items-center\"],\n        top: [\"item-start\", \"place-items-start\", \"justify-center\"],\n        bottom: [\"justify-center\", \"items-end\"],\n        start: [\"justify-start\"],\n        end: [\"justify-end\"],\n      },\n      isEntering: {\n        true: \"animate-in fade-in\",\n      },\n      isExiting: {\n        true: \"animate-out fade-out\",\n      },\n    },\n    defaultVariants: {\n      position: \"center\",\n      disableBlur: false,\n    },\n  },\n);\n\nexport const modalStyles = cva([\"bg-[--dialog-bg]\", \"outline-none\", \"fill-mode-forwards\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n    },\n    fullScreen: {\n      true: \"w-screen min-h-screen\",\n    },\n    maxWidth: {\n      xs: \"max-w-xs\",\n      sm: \"max-w-sm\",\n      md: \"max-w-md\",\n      lg: \"max-w-lg\",\n      xl: \"max-w-xl\",\n      \"2xl\": \"max-w-2xl\",\n      \"3xl\": \"max-w-3xl\",\n      \"4xl\": \"max-w-4xl\",\n      \"5xl\": \"max-w-5xl\",\n      \"6xl\": \"max-w-6xl\",\n      \"7xl\": \"max-w-7xl\",\n    },\n    direction: {\n      ltr: \"\",\n      rtl: \"\",\n    },\n    isEntering: {\n      true: \"animate-in\",\n    },\n    isExiting: {\n      true: \"animate-out\",\n    },\n    position: {\n      center: \"rounded-[--dialog-radius]\",\n      top: [\"w-full\", \"rounded-b-[--dialog-radius]\"],\n      bottom: [\"w-full\", \"rounded-t-[--dialog-radius]\"],\n      start: [\"h-full\", \"rounded-e-[--dialog-radius]\"],\n      end: [\"h-full\", \"rounded-s-[--dialog-radius]\"],\n    },\n  },\n  defaultVariants: {\n    position: \"center\",\n  },\n  compoundVariants: [\n    {\n      position: \"center\",\n      isEntering: true,\n      className: \"zoom-in-95\",\n    },\n    {\n      position: \"center\",\n      isExiting: true,\n      className: \"zoom-out-95\",\n    },\n    {\n      position: \"top\",\n      isEntering: true,\n      className: \"slide-in-from-top\",\n    },\n    {\n      position: \"top\",\n      isExiting: true,\n      className: \"slide-out-to-top duration-200\",\n    },\n    {\n      position: \"bottom\",\n      isEntering: true,\n      className: \"slide-in-from-bottom\",\n    },\n    {\n      position: \"bottom\",\n      isExiting: true,\n      className: \"slide-out-to-bottom duration-200\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-left\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-left\",\n    },\n  ],\n});\n"],"names":["modalOverlayStyles","cva","modalStyles"],"mappings":"yIAIO,MAAMA,EAAqBC,EAAA,IAChC,CACE,QACA,UACA,OACA,4BACA,QACA,WACA,SACA,UACA,OACA,oBACF,EACA,CACE,SAAU,CACR,YAAa,CACX,KAAM,GACN,MAAO,2CACT,EACA,SAAU,CACR,OAAQ,CAAC,iBAAkB,cAAc,EACzC,IAAK,CAAC,aAAc,oBAAqB,gBAAgB,EACzD,OAAQ,CAAC,iBAAkB,WAAW,EACtC,MAAO,CAAC,eAAe,EACvB,IAAK,CAAC,aAAa,CACrB,EACA,WAAY,CACV,KAAM,oBACR,EACA,UAAW,CACT,KAAM,sBACR,CACF,EACA,gBAAiB,CACf,SAAU,SACV,YAAa,EACf,CACF,CACF,EAEaC,EAAcD,EAAAA,IAAI,CAAC,mBAAoB,eAAgB,oBAAoB,EAAG,CACzF,SAAU,CACR,UAAW,CACT,KAAM,QACR,EACA,WAAY,CACV,KAAM,uBACR,EACA,SAAU,CACR,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,WACT,EACA,UAAW,CACT,IAAK,GACL,IAAK,EACP,EACA,WAAY,CACV,KAAM,YACR,EACA,UAAW,CACT,KAAM,aACR,EACA,SAAU,CACR,OAAQ,4BACR,IAAK,CAAC,SAAU,6BAA6B,EAC7C,OAAQ,CAAC,SAAU,6BAA6B,EAChD,MAAO,CAAC,SAAU,6BAA6B,EAC/C,IAAK,CAAC,SAAU,6BAA6B,CAC/C,CACF,EACA,gBAAiB,CACf,SAAU,QACZ,EACA,iBAAkB,CAChB,CACE,SAAU,SACV,WAAY,GACZ,UAAW,YACb,EACA,CACE,SAAU,SACV,UAAW,GACX,UAAW,aACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,mBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,+BACb,EACA,CACE,SAAU,SACV,WAAY,GACZ,UAAW,sBACb,EACA,CACE,SAAU,SACV,UAAW,GACX,UAAW,kCACb,EACA,CACE,SAAU,QACV,WAAY,GACZ,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,QACV,WAAY,GACZ,UAAW,MACX,UAAW,qBACb,EACA,CACE,SAAU,QACV,UAAW,GACX,UAAW,MACX,UAAW,mBACb,EACA,CACE,SAAU,QACV,UAAW,GACX,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,MACX,UAAW,qBACb,EACA,CACE,SAAU,MACV,WAAY,GACZ,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,MACX,UAAW,oBACb,EACA,CACE,SAAU,MACV,UAAW,GACX,UAAW,MACX,UAAW,mBACb,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra31.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    screenWidthMobileBreakpoint?: number;\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    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\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","screenWidthMobileBreakpoint","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"uhCAqCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAChBC,EAAiBC,oBAAkBN,CAA2B,EACpER,EACEA,IAAa,UAAYK,GAAuCQ,EAC5D,SACAb,EAENG,EACEH,IAAa,UAAYK,GAAuCQ,EAC5D,OACAV,EAEN,MAAMY,EAAuCC,EAAA,QAC3C,KAAO,CACL,YAAaP,EAAM,YACnB,OAAQA,EAAM,OACd,aAAAF,EACA,cAAAH,EACA,0BAA2BK,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAQ,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAnB,EACA,UAAWS,EAAM,iBACjB,WAAAQ,EACA,UAAAC,EACA,YAAAZ,CAAA,CACD,EACH,MAAOG,EAAM,YAAA,GAEf,CACEH,EACAF,EACAG,EACAP,EACAS,EAAM,YACNA,EAAM,0BACNA,EAAM,OACNA,EAAM,iBACNA,EAAM,YACR,CAAA,EAGIW,EAAgCJ,EAAA,QACpC,KAAO,CACL,cAAAZ,EACA,0BAA2BK,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,aAAAF,EACA,UAAW,CAAC,CAAE,WAAAU,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAApB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAW,EACA,WAAAM,EACA,UAAAC,EACA,UAAWT,EAAM,SAAA,CAClB,CAAA,GAEL,CACEE,EACAV,EACAC,EACAE,EACAD,EACAI,EACAP,EACAS,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,gBAAepB,EAC9C,SAACuB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB7B,CAAO"}

package/dist/lyra31.js

@@ -1,167 +1,125 @@
-import { cva as t } from "./lyra61.js";
-import "./lyra149.js";
-const o = t(
-  [
-    "fixed",
-    "inset-0",
-    "z-50",
-    "bg-[--dialog-backdrop-bg]",
-    "top-0",
-    "bottom-0",
-    "left-0",
-    "right-0",
-    "flex",
-    "fill-mode-forwards"
-  ],
-  {
-    variants: {
-      disableBlur: {
-        true: "",
-        false: "backdrop-blur-[--dialog-backdrop-bg-blur]"
-      },
-      position: {
-        center: ["justify-center", "items-center"],
-        top: ["item-start", "place-items-start", "justify-center"],
-        bottom: ["justify-center", "items-end"],
-        start: ["justify-start"],
-        end: ["justify-end"]
-      },
-      isEntering: {
-        true: "animate-in fade-in"
-      },
-      isExiting: {
-        true: "animate-out fade-out"
-      }
-    },
-    defaultVariants: {
-      position: "center",
-      disableBlur: !1
-    }
-  }
-), s = t(["bg-[--dialog-bg]", "outline-none", "fill-mode-forwards"], {
-  variants: {
-    fullWidth: {
-      true: "w-full"
-    },
-    fullScreen: {
-      true: "w-screen min-h-screen"
-    },
-    maxWidth: {
-      xs: "max-w-xs",
-      sm: "max-w-sm",
-      md: "max-w-md",
-      lg: "max-w-lg",
-      xl: "max-w-xl",
-      "2xl": "max-w-2xl",
-      "3xl": "max-w-3xl",
-      "4xl": "max-w-4xl",
-      "5xl": "max-w-5xl",
-      "6xl": "max-w-6xl",
-      "7xl": "max-w-7xl"
-    },
-    direction: {
-      ltr: "",
-      rtl: ""
-    },
-    isEntering: {
-      true: "animate-in"
-    },
-    isExiting: {
-      true: "animate-out"
-    },
-    position: {
-      center: "rounded-[--dialog-radius]",
-      top: ["w-full", "rounded-b-[--dialog-radius]"],
-      bottom: ["w-full", "rounded-t-[--dialog-radius]"],
-      start: ["h-full", "rounded-e-[--dialog-radius]"],
-      end: ["h-full", "rounded-s-[--dialog-radius]"]
-    }
-  },
-  defaultVariants: {
-    position: "center"
-  },
-  compoundVariants: [
-    {
-      position: "center",
-      isEntering: !0,
-      className: "zoom-in-95"
-    },
-    {
-      position: "center",
-      isExiting: !0,
-      className: "zoom-out-95"
-    },
-    {
-      position: "top",
-      isEntering: !0,
-      className: "slide-in-from-top"
-    },
-    {
-      position: "top",
-      isExiting: !0,
-      className: "slide-out-to-top duration-200"
-    },
-    {
-      position: "bottom",
-      isEntering: !0,
-      className: "slide-in-from-bottom"
-    },
-    {
-      position: "bottom",
-      isExiting: !0,
-      className: "slide-out-to-bottom duration-200"
-    },
-    {
-      position: "start",
-      isEntering: !0,
-      direction: "ltr",
-      className: "slide-in-from-left"
-    },
-    {
-      position: "start",
-      isEntering: !0,
-      direction: "rtl",
-      className: "slide-in-from-right"
-    },
-    {
-      position: "start",
-      isExiting: !0,
-      direction: "ltr",
-      className: "slide-out-to-left"
-    },
-    {
-      position: "start",
-      isExiting: !0,
-      direction: "rtl",
-      className: "slide-out-to-right"
-    },
-    {
-      position: "end",
-      isEntering: !0,
-      direction: "ltr",
-      className: "slide-in-from-right"
-    },
-    {
-      position: "end",
-      isEntering: !0,
-      direction: "rtl",
-      className: "slide-in-from-left"
-    },
-    {
-      position: "end",
-      isExiting: !0,
-      direction: "ltr",
-      className: "slide-out-to-right"
-    },
-    {
-      position: "end",
-      isExiting: !0,
-      direction: "rtl",
-      className: "slide-out-to-left"
-    }
-  ]
-});
+import { j as s } from "./lyra53.js";
+import { useMemo as d } from "react";
+import { ModalOverlay as p, Modal as x, Dialog as N } from "./lyra52.js";
+import { DialogTrigger as ue } from "./lyra52.js";
+import "./lyra2.js";
+import "./lyra67.js";
+import "./lyra42.js";
+import "./lyra68.js";
+import "./lyra69.js";
+import "./lyra70.js";
+import "./lyra8.js";
+import "./lyra72.js";
+import "./lyra10.js";
+import "./lyra11.js";
+import "./lyra147.js";
+import "./lyra24.js";
+import "./lyra15.js";
+import "./lyra17.js";
+import "./lyra18.js";
+import "./lyra76.js";
+import "./lyra20.js";
+import "./lyra148.js";
+import "./lyra22.js";
+import "./lyra23.js";
+import "./lyra25.js";
+import "./lyra26.js";
+import "./lyra27.js";
+import "./lyra73.js";
+import "./lyra29.js";
+import { modalOverlayStyles as K, modalStyles as j } from "./lyra32.js";
+import "./lyra75.js";
+import "./lyra39.js";
+import "./lyra77.js";
+import "./lyra41.js";
+import "./lyra79.js";
+import { useIsMobileDevice as M } from "./lyra46.js";
+import "./lyra48.js";
+import "./lyra57.js";
+import { fixedForwardRef as g } from "./lyra63.js";
+import { useLocale as P } from "./lyra51.js";
+const C = ({
+  position: t = "center",
+  fullScreen: f,
+  fullWidth: c,
+  maxWidth: m,
+  isDismissable: r = !0,
+  centerDialogToBottomOnMobileScreens: y = !0,
+  disableBlur: b = !1,
+  onOpenChange: i,
+  screenWidthMobileBreakpoint: D = 640,
+  ...e
+}, $) => {
+  const { direction: a } = P(), n = M(D);
+  t = t === "center" && y && n ? "bottom" : t, m = t === "center" && y && n ? void 0 : m;
+  const u = d(
+    () => ({
+      defaultOpen: e.defaultOpen,
+      isOpen: e.isOpen,
+      onOpenChange: i,
+      isDismissable: r,
+      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+      className: ({ isEntering: o, isExiting: l }) => K({
+        position: t,
+        className: e.overlayClassName,
+        isEntering: o,
+        isExiting: l,
+        disableBlur: b
+      }),
+      style: e.overlayStyle
+    }),
+    [
+      b,
+      r,
+      i,
+      t,
+      e.defaultOpen,
+      e.isKeyboardDismissDisabled,
+      e.isOpen,
+      e.overlayClassName,
+      e.overlayStyle
+    ]
+  ), O = d(
+    () => ({
+      isDismissable: r,
+      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+      isOpen: e.isOpen,
+      defaultOpen: e.defaultOpen,
+      onOpenChange: i,
+      className: ({ isEntering: o, isExiting: l }) => j({
+        fullScreen: f,
+        fullWidth: c,
+        maxWidth: m,
+        position: t,
+        direction: a,
+        isEntering: o,
+        isExiting: l,
+        className: e.className
+      })
+    }),
+    [
+      a,
+      f,
+      c,
+      r,
+      m,
+      i,
+      t,
+      e.className,
+      e.defaultOpen,
+      e.isKeyboardDismissDisabled,
+      e.isOpen
+    ]
+  ), v = d(
+    () => ({
+      onClose: e.onClose,
+      children: e.children
+    }),
+    [e.children, e.onClose]
+  );
+  return /* @__PURE__ */ s.jsx(p, { ...u, style: { direction: a }, children: /* @__PURE__ */ s.jsx(x, { ref: $, ...O, "data-position": t, children: /* @__PURE__ */ s.jsx(N, { ...v, className: "outline-none" }) }) });
+}, ne = g(C);
 export {
-  o as modalOverlayStyles,
-  s as modalStyles
+  ne as Dialog,
+  ue as DialogTrigger
 };

package/dist/lyra31.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra31.js","sources":["../src/components/overlays/dialog/dialog.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./dialog.vars.css\";\n\nexport const modalOverlayStyles = cva(\n  [\n    \"fixed\",\n    \"inset-0\",\n    \"z-50\",\n    \"bg-[--dialog-backdrop-bg]\",\n    \"top-0\",\n    \"bottom-0\",\n    \"left-0\",\n    \"right-0\",\n    \"flex\",\n    \"fill-mode-forwards\",\n  ],\n  {\n    variants: {\n      disableBlur: {\n        true: \"\",\n        false: \"backdrop-blur-[--dialog-backdrop-bg-blur]\",\n      },\n      position: {\n        center: [\"justify-center\", \"items-center\"],\n        top: [\"item-start\", \"place-items-start\", \"justify-center\"],\n        bottom: [\"justify-center\", \"items-end\"],\n        start: [\"justify-start\"],\n        end: [\"justify-end\"],\n      },\n      isEntering: {\n        true: \"animate-in fade-in\",\n      },\n      isExiting: {\n        true: \"animate-out fade-out\",\n      },\n    },\n    defaultVariants: {\n      position: \"center\",\n      disableBlur: false,\n    },\n  },\n);\n\nexport const modalStyles = cva([\"bg-[--dialog-bg]\", \"outline-none\", \"fill-mode-forwards\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n    },\n    fullScreen: {\n      true: \"w-screen min-h-screen\",\n    },\n    maxWidth: {\n      xs: \"max-w-xs\",\n      sm: \"max-w-sm\",\n      md: \"max-w-md\",\n      lg: \"max-w-lg\",\n      xl: \"max-w-xl\",\n      \"2xl\": \"max-w-2xl\",\n      \"3xl\": \"max-w-3xl\",\n      \"4xl\": \"max-w-4xl\",\n      \"5xl\": \"max-w-5xl\",\n      \"6xl\": \"max-w-6xl\",\n      \"7xl\": \"max-w-7xl\",\n    },\n    direction: {\n      ltr: \"\",\n      rtl: \"\",\n    },\n    isEntering: {\n      true: \"animate-in\",\n    },\n    isExiting: {\n      true: \"animate-out\",\n    },\n    position: {\n      center: \"rounded-[--dialog-radius]\",\n      top: [\"w-full\", \"rounded-b-[--dialog-radius]\"],\n      bottom: [\"w-full\", \"rounded-t-[--dialog-radius]\"],\n      start: [\"h-full\", \"rounded-e-[--dialog-radius]\"],\n      end: [\"h-full\", \"rounded-s-[--dialog-radius]\"],\n    },\n  },\n  defaultVariants: {\n    position: \"center\",\n  },\n  compoundVariants: [\n    {\n      position: \"center\",\n      isEntering: true,\n      className: \"zoom-in-95\",\n    },\n    {\n      position: \"center\",\n      isExiting: true,\n      className: \"zoom-out-95\",\n    },\n    {\n      position: \"top\",\n      isEntering: true,\n      className: \"slide-in-from-top\",\n    },\n    {\n      position: \"top\",\n      isExiting: true,\n      className: \"slide-out-to-top duration-200\",\n    },\n    {\n      position: \"bottom\",\n      isEntering: true,\n      className: \"slide-in-from-bottom\",\n    },\n    {\n      position: \"bottom\",\n      isExiting: true,\n      className: \"slide-out-to-bottom duration-200\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"start\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-left\",\n    },\n    {\n      position: \"start\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"ltr\",\n      className: \"slide-in-from-right\",\n    },\n    {\n      position: \"end\",\n      isEntering: true,\n      direction: \"rtl\",\n      className: \"slide-in-from-left\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"ltr\",\n      className: \"slide-out-to-right\",\n    },\n    {\n      position: \"end\",\n      isExiting: true,\n      direction: \"rtl\",\n      className: \"slide-out-to-left\",\n    },\n  ],\n});\n"],"names":["modalOverlayStyles","cva","modalStyles"],"mappings":";;AAIO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,QAAQ,CAAC,kBAAkB,cAAc;AAAA,QACzC,KAAK,CAAC,cAAc,qBAAqB,gBAAgB;AAAA,QACzD,QAAQ,CAAC,kBAAkB,WAAW;AAAA,QACtC,OAAO,CAAC,eAAe;AAAA,QACvB,KAAK,CAAC,aAAa;AAAA,MACrB;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,GAEaC,IAAcD,EAAI,CAAC,oBAAoB,gBAAgB,oBAAoB,GAAG;AAAA,EACzF,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,KAAK,CAAC,UAAU,6BAA6B;AAAA,MAC7C,QAAQ,CAAC,UAAU,6BAA6B;AAAA,MAChD,OAAO,CAAC,UAAU,6BAA6B;AAAA,MAC/C,KAAK,CAAC,UAAU,6BAA6B;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra31.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    screenWidthMobileBreakpoint?: number;\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    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\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","screenWidthMobileBreakpoint","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,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,6BAAAC,IAA8B;AAAA,EAC9B,GAAGC;AACL,GACAC,MACG;AACG,QAAA,EAAE,WAAAC,MAAcC,KAChBC,IAAiBC,EAAkBN,CAA2B;AACpE,EAAAR,IACEA,MAAa,YAAYK,KAAuCQ,IAC5D,WACAb,GAENG,IACEH,MAAa,YAAYK,KAAuCQ,IAC5D,SACAV;AAEN,QAAMY,IAAuCC;AAAA,IAC3C,OAAO;AAAA,MACL,aAAaP,EAAM;AAAA,MACnB,QAAQA,EAAM;AAAA,MACd,cAAAF;AAAA,MACA,eAAAH;AAAA,MACA,2BAA2BK,EAAM;AAAA,MACjC,WAAW,CAAC,EAAE,YAAAQ,GAAY,WAAAC,EAAA,MACxBC,EAAmB;AAAA,QACjB,UAAAnB;AAAA,QACA,WAAWS,EAAM;AAAA,QACjB,YAAAQ;AAAA,QACA,WAAAC;AAAA,QACA,aAAAZ;AAAA,MAAA,CACD;AAAA,MACH,OAAOG,EAAM;AAAA,IAAA;AAAA,IAEf;AAAA,MACEH;AAAA,MACAF;AAAA,MACAG;AAAA,MACAP;AAAA,MACAS,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIW,IAAgCJ;AAAA,IACpC,OAAO;AAAA,MACL,eAAAZ;AAAA,MACA,2BAA2BK,EAAM;AAAA,MACjC,QAAQA,EAAM;AAAA,MACd,aAAaA,EAAM;AAAA,MACnB,cAAAF;AAAA,MACA,WAAW,CAAC,EAAE,YAAAU,GAAY,WAAAC,EAAA,MACxBG,EAAY;AAAA,QACV,YAAApB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAH;AAAA,QACA,WAAAW;AAAA,QACA,YAAAM;AAAA,QACA,WAAAC;AAAA,QACA,WAAWT,EAAM;AAAA,MAAA,CAClB;AAAA,IAAA;AAAA,IAEL;AAAA,MACEE;AAAA,MACAV;AAAA,MACAC;AAAA,MACAE;AAAA,MACAD;AAAA,MACAI;AAAA,MACAP;AAAA,MACAS,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,iBAAepB,GAC9C,UAACuB,gBAAAA,EAAAA,IAAAG,GAAA,EAAY,GAAGJ,GAAa,WAAU,eAAe,CAAA,EACxD,CAAA,EACF,CAAA;AAEJ,GAIaK,KAASC,EAAgB7B,CAAO;"}

package/dist/lyra310.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(r,o,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?r+(o-r)*6*e:e<1/2?o:e<2/3?r+(o-r)*(2/3-e)*6:r}function M({hue:r,saturation:o,lightness:e,alpha:l}){r/=360,o/=100,e/=100;let u=0,n=0,b=0;if(!o)u=n=b=e;else{const f=e<.5?e*(1+o):e+o-e*o,d=2*e-f;u=c(d,f,r+1/3),n=c(d,f,r),b=c(d,f,r-1/3)}return{red:Math.round(u*255),green:Math.round(n*255),blue:Math.round(b*255),alpha:l}}exports.hslaToRgba=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a){let n=[],s=[],i=0,r=!1,o=!1;const l=new WeakSet,u={schedule:(e,t=!1,f=!1)=>{const d=f&&r,c=d?n:s;return t&&l.add(e),c.indexOf(e)===-1&&(c.push(e),d&&r&&(i=n.length)),e},cancel:e=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1),l.delete(e)},process:e=>{if(r){o=!0;return}if(r=!0,[n,s]=[s,n],s.length=0,i=n.length,i)for(let t=0;t<i;t++){const f=n[t];f(e),l.has(f)&&(u.schedule(f),a())}r=!1,o&&(o=!1,u.process(e))}};return u}exports.createRenderStep=p;

package/dist/lyra310.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra310.cjs","sources":["../node_modules/framer-motion/dist/es/utils/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"gFACA,SAASA,EAASC,EAAGC,EAAGC,EAAG,CAKvB,OAJIA,EAAI,IACJA,GAAK,GACLA,EAAI,IACJA,GAAK,GACLA,EAAI,EAAI,EACDF,GAAKC,EAAID,GAAK,EAAIE,EACzBA,EAAI,EAAI,EACDD,EACPC,EAAI,EAAI,EACDF,GAAKC,EAAID,IAAM,EAAI,EAAIE,GAAK,EAChCF,CACX,CACA,SAASG,EAAW,CAAE,IAAAC,EAAK,WAAAC,EAAY,UAAAC,EAAW,MAAAC,CAAK,EAAI,CACvDH,GAAO,IACPC,GAAc,IACdC,GAAa,IACb,IAAIE,EAAM,EACNC,EAAQ,EACRC,EAAO,EACX,GAAI,CAACL,EACDG,EAAMC,EAAQC,EAAOJ,MAEpB,CACD,MAAML,EAAIK,EAAY,GAChBA,GAAa,EAAID,GACjBC,EAAYD,EAAaC,EAAYD,EACrCL,EAAI,EAAIM,EAAYL,EAC1BO,EAAMT,EAASC,EAAGC,EAAGG,EAAM,EAAI,CAAC,EAChCK,EAAQV,EAASC,EAAGC,EAAGG,CAAG,EAC1BM,EAAOX,EAASC,EAAGC,EAAGG,EAAM,EAAI,CAAC,CACpC,CACD,MAAO,CACH,IAAK,KAAK,MAAMI,EAAM,GAAG,EACzB,MAAO,KAAK,MAAMC,EAAQ,GAAG,EAC7B,KAAM,KAAK,MAAMC,EAAO,GAAG,EAC3B,MAAAH,CACR,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra310.cjs","sources":["../node_modules/framer-motion/dist/es/frameloop/render-step.mjs"],"sourcesContent":["function createRenderStep(runNextFrame) {\n    /**\n     * We create and reuse two arrays, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let toRun = [];\n    let toRunNextFrame = [];\n    /**\n     *\n     */\n    let numToRun = 0;\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const buffer = addToCurrentFrame ? toRun : toRunNextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            // If the buffer doesn't already contain this callback, add it\n            if (buffer.indexOf(callback) === -1) {\n                buffer.push(callback);\n                // If we're adding it to the currently running buffer, update its measured size\n                if (addToCurrentFrame && isProcessing)\n                    numToRun = toRun.length;\n            }\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            const index = toRunNextFrame.indexOf(callback);\n            if (index !== -1)\n                toRunNextFrame.splice(index, 1);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [toRun, toRunNextFrame] = [toRunNextFrame, toRun];\n            // Clear the next frame list\n            toRunNextFrame.length = 0;\n            // Execute this frame\n            numToRun = toRun.length;\n            if (numToRun) {\n                for (let i = 0; i < numToRun; i++) {\n                    const callback = toRun[i];\n                    callback(frameData);\n                    if (toKeepAlive.has(callback)) {\n                        step.schedule(callback);\n                        runNextFrame();\n                    }\n                }\n            }\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n"],"names":["createRenderStep","runNextFrame","toRun","toRunNextFrame","numToRun","isProcessing","flushNextFrame","toKeepAlive","step","callback","keepAlive","immediate","addToCurrentFrame","buffer","index","frameData","i"],"mappings":"gFAAA,SAASA,EAAiBC,EAAc,CAKpC,IAAIC,EAAQ,CAAA,EACRC,EAAiB,CAAA,EAIjBC,EAAW,EAKXC,EAAe,GACfC,EAAiB,GAIrB,MAAMC,EAAc,IAAI,QAClBC,EAAO,CAIT,SAAU,CAACC,EAAUC,EAAY,GAAOC,EAAY,KAAU,CAC1D,MAAMC,EAAoBD,GAAaN,EACjCQ,EAASD,EAAoBV,EAAQC,EAC3C,OAAIO,GACAH,EAAY,IAAIE,CAAQ,EAExBI,EAAO,QAAQJ,CAAQ,IAAM,KAC7BI,EAAO,KAAKJ,CAAQ,EAEhBG,GAAqBP,IACrBD,EAAWF,EAAM,SAElBO,CACV,EAID,OAASA,GAAa,CAClB,MAAMK,EAAQX,EAAe,QAAQM,CAAQ,EACzCK,IAAU,IACVX,EAAe,OAAOW,EAAO,CAAC,EAClCP,EAAY,OAAOE,CAAQ,CAC9B,EAID,QAAUM,GAAc,CAMpB,GAAIV,EAAc,CACdC,EAAiB,GACjB,MACH,CAOD,GANAD,EAAe,GACf,CAACH,EAAOC,CAAc,EAAI,CAACA,EAAgBD,CAAK,EAEhDC,EAAe,OAAS,EAExBC,EAAWF,EAAM,OACbE,EACA,QAASY,EAAI,EAAGA,EAAIZ,EAAUY,IAAK,CAC/B,MAAMP,EAAWP,EAAMc,CAAC,EACxBP,EAASM,CAAS,EACdR,EAAY,IAAIE,CAAQ,IACxBD,EAAK,SAASC,CAAQ,EACtBR,IAEP,CAELI,EAAe,GACXC,IACAA,EAAiB,GACjBE,EAAK,QAAQO,CAAS,EAE7B,CACT,EACI,OAAOP,CACX","x_google_ignoreList":[0]}

package/dist/lyra310.js

@@ -1,22 +1,38 @@
-function c(e, f, r) {
-  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
-}
-function R({ hue: e, saturation: f, lightness: r, alpha: M }) {
-  e /= 360, f /= 100, r /= 100;
-  let o = 0, u = 0, d = 0;
-  if (!f)
-    o = u = d = r;
-  else {
-    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
-    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
-  }
-  return {
-    red: Math.round(o * 255),
-    green: Math.round(u * 255),
-    blue: Math.round(d * 255),
-    alpha: M
+function p(h) {
+  let n = [], s = [], i = 0, f = !1, o = !1;
+  const l = /* @__PURE__ */ new WeakSet(), u = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, t = !1, r = !1) => {
+      const d = r && f, c = d ? n : s;
+      return t && l.add(e), c.indexOf(e) === -1 && (c.push(e), d && f && (i = n.length)), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      const t = s.indexOf(e);
+      t !== -1 && s.splice(t, 1), l.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (f) {
+        o = !0;
+        return;
+      }
+      if (f = !0, [n, s] = [s, n], s.length = 0, i = n.length, i)
+        for (let t = 0; t < i; t++) {
+          const r = n[t];
+          r(e), l.has(r) && (u.schedule(r), h());
+        }
+      f = !1, o && (o = !1, u.process(e));
+    }
   };
+  return u;
 }
 export {
-  R as hslaToRgba
+  p as createRenderStep
 };