@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra28.js

@@ -1,45 +1,76 @@
-import { j as i } from "./lyra52.js";
-import { forwardRef as b } from "react";
-import { useContextProps as m, Popover as l, DialogTrigger as $, PopoverContext as d } from "./lyra51.js";
-import { useIsMobileDevice as x } from "./lyra45.js";
-import { Dialog as g } from "./lyra30.js";
-import "./lyra149.js";
-import { popoverStyles as u } from "./lyra29.js";
-const v = ({
-  className: n,
-  showPopoverInBottomDrawerOnSmallScreens: s = !1,
-  screenWidthMobileBreakpoint: r = 640,
-  ...e
-}, o) => {
-  [e, o] = m(e, o, d);
-  const a = x(r), t = { ...e }.state;
-  return a && s ? /* @__PURE__ */ i.jsx(
-    g,
-    {
-      fullWidth: !0,
-      position: "bottom",
-      isDismissable: !0,
-      ref: o,
-      isOpen: (e == null ? void 0 : e.isOpen) ?? t.isOpen,
-      onOpenChange: (e == null ? void 0 : e.onOpenChange) ?? t.setOpen,
-      onClose: () => t.close(),
-      children: e.children
-    }
-  ) : /* @__PURE__ */ i.jsx(
-    l,
-    {
-      ...e,
-      ref: o,
-      offset: 4,
-      className: ({ isEntering: f, isExiting: c }) => u({
-        isEntering: f,
-        isExiting: c,
-        className: n
-      })
-    }
-  );
-}, R = b(v), T = $;
+import { cva as t } from "./lyra62.js";
+import "./lyra73.js";
+const i = t(
+  [
+    "list-box",
+    "flex",
+    "flex-col",
+    "gap-y-[--list-box-row-gap]",
+    "w-full",
+    "px-[--list-box-padding-x]",
+    "py-[--list-box-padding-y]",
+    "outline-none"
+  ],
+  {
+    variants: {}
+  }
+), s = t(
+  [
+    "transition",
+    "duration-300",
+    "ease-out",
+    "rounded-md",
+    "w-full",
+    "pe-[--list-box-item-padding-end]",
+    "ps-[--list-box-item-padding-start]",
+    "py-[--list-box-item-padding-y]",
+    "select-none",
+    "outline-none",
+    "text-[length:var(--list-box-item-text-size)]",
+    "font-sans",
+    "font-[--list-box-item-text-weight]",
+    "flex",
+    "items-center",
+    "gap-x-[--list-box-item-gap-x]",
+    "bg-[--list-box-item-background-color]",
+    "text-[--list-box-item-text-color]"
+  ],
+  {
+    variants: {
+      isDisabled: {
+        true: ["cursor-not-allowed", "opacity-50"]
+      },
+      isPressed: {
+        true: "!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"
+      },
+      isSelected: {
+        true: "!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"
+      },
+      isHovered: {
+        true: "!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"
+      },
+      isFocused: {
+        true: "!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"
+      }
+    },
+    compoundVariants: [
+      {
+        isFocused: !0,
+        isHovered: !0,
+        className: "!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"
+      }
+    ]
+  }
+), l = t([
+  "py-[--list-box-header-padding-y]",
+  "px-[--list-box-header-padding-x]",
+  "text-[--list-box-header-text-size]",
+  "font-sans",
+  "font-[--list-box-header-text-weight]",
+  "text-[--list-box-header-text-color]"
+]);
 export {
-  R as Popover,
-  T as PopoverTrigger
+  l as listBoxHeaderStyles,
+  s as listBoxItemStyles,
+  i as listBoxStyles
 };

package/dist/lyra28.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra28.js","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport {\n  DialogTrigger,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { OverlayTriggerState } from \"react-stately\";\n\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const clonedProps: any = { ...props };\n  const state = clonedProps.state as OverlayTriggerState;\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen ?? state.isOpen}\n        onOpenChange={props?.onOpenChange ?? state.setOpen}\n        onClose={() => state.close()}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <AriaPopover\n      {...props}\n      ref={ref}\n      offset={4}\n      className={({ isEntering, isExiting }) =>\n        popoverStyles({\n          isEntering,\n          isExiting,\n          className,\n        })\n      }\n    />\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport const PopoverTrigger = DialogTrigger;\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","state","jsx","Dialog","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","DialogTrigger"],"mappings":";;;;;;;AAwBA,MAAMA,IAAW,CACf;AAAA,EACE,WAAAC;AAAA,EACA,yCAAAC,IAA0C;AAAA,EAC1C,6BAAAC,IAA8B;AAAA,EAC9B,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAc;AACnD,QAAAC,IAAiBC,EAAkBN,CAA2B,GAE9DO,IADmB,EAAE,GAAGN,IACJ;AAE1B,SAAII,KAAkBN,IAElBS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,eAAa;AAAA,MACb,KAAAP;AAAA,MACA,SAAQD,KAAA,gBAAAA,EAAO,WAAUM,EAAM;AAAA,MAC/B,eAAcN,KAAA,gBAAAA,EAAO,iBAAgBM,EAAM;AAAA,MAC3C,SAAS,MAAMA,EAAM,MAAM;AAAA,MAE1B,UAAMN,EAAA;AAAA,IAAA;AAAA,EAAA,IAMXO,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,KAAAC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,CAAC,EAAE,YAAAS,GAAY,WAAAC,EAAA,MACxBC,EAAc;AAAA,QACZ,YAAAF;AAAA,QACA,WAAAC;AAAA,QACA,WAAAd;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAAA;AAIT,GAEagB,IAAUC,EAAWlB,CAAQ,GAE7BmB,IAAiBC;"}
+{"version":3,"file":"lyra28.js","sources":["../src/components/list-box/list-box-styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./list-box-vars.css\";\n\nexport const listBoxStyles = cva(\n  [\n    \"list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {},\n  }\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"transition\",\n    \"duration-300\",\n    \"ease-out\",\n    \"rounded-md\",\n    \"w-full\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"py-[--list-box-item-padding-y]\",\n    \"select-none\",\n    \"outline-none\",\n    \"text-[length:var(--list-box-item-text-size)]\",\n    \"font-sans\",\n    \"font-[--list-box-item-text-weight]\",\n    \"flex\",\n    \"items-center\",\n    \"gap-x-[--list-box-item-gap-x]\",\n    \"bg-[--list-box-item-background-color]\",\n    \"text-[--list-box-item-text-color]\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-50\"],\n      },\n      isPressed: {\n        true: \"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]\",\n      },\n      isSelected: {\n        true: \"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]\",\n      },\n      isHovered: {\n        true: \"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]\",\n      },\n      isFocused: {\n        true: \"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]\",\n      },\n    },\n    compoundVariants: [\n      {\n        isFocused: true,\n        isHovered: true,\n        className:\n          \"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]\",\n      },\n    ],\n  }\n);\n\nexport const listBoxHeaderStyles = cva([\n  \"py-[--list-box-header-padding-y]\",\n  \"px-[--list-box-header-padding-x]\",\n  \"text-[--list-box-header-text-size]\",\n  \"font-sans\",\n  \"font-[--list-box-header-text-weight]\",\n  \"text-[--list-box-header-text-color]\",\n]);\n"],"names":["listBoxStyles","cva","listBoxItemStyles","listBoxHeaderStyles"],"mappings":";;AAGO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC;AAAA,EACb;AACF,GAEaC,IAAoBD;AAAA,EAC/B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;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,YAAY;AAAA,QACV,MAAM,CAAC,sBAAsB,YAAY;AAAA,MAC3C;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,WAAW;AAAA,QACX,WAAW;AAAA,QACX,WACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AACF,GAEaE,IAAsBF,EAAI;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;"}

package/dist/lyra280.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra328.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("./lyra322.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/lyra280.js

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

package/dist/lyra281.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra329.cjs"),a=require("./lyra263.cjs"),p=require("./lyra280.cjs"),f=require("./lyra330.cjs"),q=require("./lyra174.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("./lyra323.cjs"),a=require("./lyra263.cjs"),p=require("./lyra280.cjs"),f=require("./lyra324.cjs"),q=require("./lyra174.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/lyra281.js

@@ -1,8 +1,8 @@
 import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra329.js";
+import { useHTMLProps as p } from "./lyra323.js";
 import { filterProps as d } from "./lyra263.js";
 import { isSVGComponent as P } from "./lyra280.js";
-import { useSVGProps as a } from "./lyra330.js";
+import { useSVGProps as a } from "./lyra324.js";
 import { isMotionValue as V } from "./lyra174.js";
 function E(o = !1) {
   return (e, s, t, { latestValues: i }, n) => {

package/dist/lyra282.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra331.cjs"),i=require("./lyra332.cjs"),a=require("./lyra264.cjs"),n=require("./lyra333.cjs"),u=require("./lyra334.cjs"),c=require("./lyra335.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("./lyra325.cjs"),i=require("./lyra326.cjs"),a=require("./lyra264.cjs"),n=require("./lyra327.cjs"),u=require("./lyra328.cjs"),c=require("./lyra329.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/lyra282.js

@@ -1,9 +1,9 @@
-import { renderSVG as i } from "./lyra331.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra332.js";
+import { renderSVG as i } from "./lyra325.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra326.js";
 import { makeUseVisualState as a } from "./lyra264.js";
-import { createSvgRenderState as s } from "./lyra333.js";
-import { buildSVGAttrs as p } from "./lyra334.js";
-import { isSVGTag as f } from "./lyra335.js";
+import { createSvgRenderState as s } from "./lyra327.js";
+import { buildSVGAttrs as p } from "./lyra328.js";
+import { isSVGTag as f } from "./lyra329.js";
 const B = {
   useVisualState: a({
     scrapeMotionValuesFromProps: m,

package/dist/lyra283.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra264.cjs"),t=require("./lyra336.cjs"),o=require("./lyra337.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("./lyra264.cjs"),t=require("./lyra330.cjs"),o=require("./lyra331.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;

package/dist/lyra283.js

@@ -1,6 +1,6 @@
 import { makeUseVisualState as t } from "./lyra264.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra336.js";
-import { createHtmlRenderState as o } from "./lyra337.js";
+import { scrapeMotionValuesFromProps as e } from "./lyra330.js";
+import { createHtmlRenderState as o } from "./lyra331.js";
 const i = {
   useVisualState: t({
     scrapeMotionValuesFromProps: e,

package/dist/lyra284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra268.cjs"),p=require("./lyra241.cjs"),v=require("./lyra267.cjs"),l=require("./lyra312.cjs"),d=require("./lyra210.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("./lyra268.cjs"),p=require("./lyra241.cjs"),v=require("./lyra267.cjs"),l=require("./lyra313.cjs"),d=require("./lyra210.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/lyra284.js

@@ -1,7 +1,7 @@
 import { addPointerEvent as p } from "./lyra268.js";
 import { pipe as u } from "./lyra241.js";
 import { isDragActive as f } from "./lyra267.js";
-import { Feature as c } from "./lyra312.js";
+import { Feature as c } from "./lyra313.js";
 import { frame as v } from "./lyra210.js";
 function a(t, e) {
   const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {

package/dist/lyra285.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra269.cjs"),s=require("./lyra312.cjs"),i=require("./lyra241.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("./lyra269.cjs"),s=require("./lyra313.cjs"),i=require("./lyra241.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/lyra285.js

@@ -1,5 +1,5 @@
 import { addDomEvent as e } from "./lyra269.js";
-import { Feature as i } from "./lyra312.js";
+import { Feature as i } from "./lyra313.js";
 import { pipe as s } from "./lyra241.js";
 class a extends i {
   constructor() {

package/dist/lyra286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra270.cjs"),h=require("./lyra269.cjs"),u=require("./lyra268.cjs"),E=require("./lyra312.cjs"),P=require("./lyra241.cjs"),L=require("./lyra267.cjs"),g=require("./lyra326.cjs"),v=require("./lyra229.cjs"),p=require("./lyra210.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("./lyra270.cjs"),h=require("./lyra269.cjs"),u=require("./lyra268.cjs"),E=require("./lyra313.cjs"),P=require("./lyra241.cjs"),L=require("./lyra267.cjs"),g=require("./lyra337.cjs"),v=require("./lyra229.cjs"),p=require("./lyra210.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/lyra286.js

@@ -1,10 +1,10 @@
 import { extractEventInfo as f } from "./lyra270.js";
 import { addDomEvent as p } from "./lyra269.js";
 import { addPointerEvent as m } from "./lyra268.js";
-import { Feature as L } from "./lyra312.js";
+import { Feature as L } from "./lyra313.js";
 import { pipe as P } from "./lyra241.js";
 import { isDragActive as E } from "./lyra267.js";
-import { isNodeOrChild as g } from "./lyra326.js";
+import { isNodeOrChild as g } from "./lyra337.js";
 import { noop as u } from "./lyra229.js";
 import { frame as d } from "./lyra210.js";
 function v(l, e) {

package/dist/lyra287.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra312.cjs"),w=require("./lyra327.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("./lyra313.cjs"),w=require("./lyra338.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/lyra287.js

@@ -1,5 +1,5 @@
-import { Feature as m } from "./lyra312.js";
-import { observeIntersection as f } from "./lyra327.js";
+import { Feature as m } from "./lyra313.js";
+import { observeIntersection as f } from "./lyra338.js";
 const w = {
   some: 0,
   all: 1

package/dist/lyra288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra312.cjs"),o=require("./lyra229.cjs"),s=require("./lyra321.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("./lyra313.cjs"),o=require("./lyra229.cjs"),s=require("./lyra332.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/lyra288.js

@@ -1,6 +1,6 @@
-import { Feature as s } from "./lyra312.js";
+import { Feature as s } from "./lyra313.js";
 import { noop as r } from "./lyra229.js";
-import { VisualElementDragControls as t } from "./lyra321.js";
+import { VisualElementDragControls as t } from "./lyra332.js";
 class u extends s {
   constructor(o) {
     super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);

package/dist/lyra289.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra322.cjs"),d=require("./lyra268.cjs"),c=require("./lyra312.cjs"),h=require("./lyra229.cjs"),r=require("./lyra210.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("./lyra333.cjs"),d=require("./lyra268.cjs"),c=require("./lyra313.cjs"),h=require("./lyra229.cjs"),r=require("./lyra210.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/lyra289.js

@@ -1,6 +1,6 @@
-import { PanSession as d } from "./lyra322.js";
+import { PanSession as d } from "./lyra333.js";
 import { addPointerEvent as m } from "./lyra268.js";
-import { Feature as h } from "./lyra312.js";
+import { Feature as h } from "./lyra313.js";
 import { noop as p } from "./lyra229.js";
 import { frame as r } from "./lyra210.js";
 const s = (e) => (n, t) => {

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra61.cjs"),e=t.cva(["w-[--trigger-width]","rounded-base","drop-shadow-sm","ring-1","ring-inset","ring-neutral-3","bg-surface-1","outline-none"],{variants:{isEntering:{true:["animate-in","fade-in","data-[placement=bottom]:slide-in-from-top-1","data-[placement=top]:slide-in-from-bottom-1","ease-out","duration-200","fill-mode-forwards"]},isExiting:{true:["animate-out","fade-out","data-[placement=bottom]:slide-out-to-top-1","data-[placement=top]:slide-out-to-bottom-1","ease-in","duration-150","fill-mode-forwards"]}}});exports.popoverStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra53.cjs"),g=require("react"),t=require("./lyra52.cjs"),v=require("./lyra46.cjs"),P=require("./lyra31.cjs");require("./lyra149.cjs");const d=require("./lyra30.cjs"),x=({className:s,showPopoverInBottomDrawerOnSmallScreens:r=!1,screenWidthMobileBreakpoint:c=640,...e},o)=>{[e,o]=t.useContextProps(e,o,t.PopoverContext);const l=v.useIsMobileDevice(c),i={...e}.state;return l&&r?n.jsxRuntimeExports.jsx(P.Dialog,{fullWidth:!0,position:"bottom",isDismissable:!0,ref:o,isOpen:(e==null?void 0:e.isOpen)??i.isOpen,onOpenChange:(e==null?void 0:e.onOpenChange)??i.setOpen,onClose:()=>i.close(),children:e.children}):n.jsxRuntimeExports.jsx(t.Popover,{...e,ref:o,offset:4,className:({isEntering:u,isExiting:a})=>d.popoverStyles({isEntering:u,isExiting:a,className:s})})},m=g.forwardRef(x),q=t.DialogTrigger;exports.Popover=m;exports.PopoverTrigger=q;

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/overlays/popover/popover.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nexport const popoverStyles = cva(\n  [\n    \"w-[--trigger-width]\",\n    \"rounded-base\",\n    \"drop-shadow-sm\",\n    \"ring-1\",\n    \"ring-inset\",\n    \"ring-neutral-3\",\n    \"bg-surface-1\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      isEntering: {\n        true: [\n          \"animate-in\",\n          \"fade-in\",\n          \"data-[placement=bottom]:slide-in-from-top-1\",\n          \"data-[placement=top]:slide-in-from-bottom-1\",\n          \"ease-out\",\n          \"duration-200\",\n          \"fill-mode-forwards\",\n        ],\n      },\n      isExiting: {\n        true: [\n          \"animate-out\",\n          \"fade-out\",\n          \"data-[placement=bottom]:slide-out-to-top-1\",\n          \"data-[placement=top]:slide-out-to-bottom-1\",\n          \"ease-in\",\n          \"duration-150\",\n          \"fill-mode-forwards\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["popoverStyles","cva"],"mappings":"gHAEaA,EAAgBC,EAAA,IAC3B,CACE,sBACA,eACA,iBACA,SACA,aACA,iBACA,eACA,cACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CACJ,aACA,UACA,8CACA,8CACA,WACA,eACA,oBACF,CACF,EACA,UAAW,CACT,KAAM,CACJ,cACA,WACA,6CACA,6CACA,UACA,eACA,oBACF,CACF,CACF,CACF,CACF"}
+{"version":3,"file":"lyra29.cjs","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport {\n  DialogTrigger,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { OverlayTriggerState } from \"react-stately\";\n\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const clonedProps: any = { ...props };\n  const state = clonedProps.state as OverlayTriggerState;\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen ?? state.isOpen}\n        onOpenChange={props?.onOpenChange ?? state.setOpen}\n        onClose={() => state.close()}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <AriaPopover\n      {...props}\n      ref={ref}\n      offset={4}\n      className={({ isEntering, isExiting }) =>\n        popoverStyles({\n          isEntering,\n          isExiting,\n          className,\n        })\n      }\n    />\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport const PopoverTrigger = DialogTrigger;\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","state","jsx","Dialog","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","DialogTrigger"],"mappings":"0QAwBMA,EAAW,CACf,CACE,UAAAC,EACA,wCAAAC,EAA0C,GAC1C,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACnD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAE9DO,EADmB,CAAE,GAAGN,GACJ,MAE1B,OAAII,GAAkBN,EAElBS,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAS,GACT,SAAS,SACT,cAAa,GACb,IAAAP,EACA,QAAQD,GAAA,YAAAA,EAAO,SAAUM,EAAM,OAC/B,cAAcN,GAAA,YAAAA,EAAO,eAAgBM,EAAM,QAC3C,QAAS,IAAMA,EAAM,MAAM,EAE1B,SAAMN,EAAA,QAAA,CAAA,EAMXO,EAAA,kBAAA,IAACE,EAAA,QAAA,CACE,GAAGT,EACJ,IAAAC,EACA,OAAQ,EACR,UAAW,CAAC,CAAE,WAAAS,EAAY,UAAAC,CAAA,IACxBC,EAAAA,cAAc,CACZ,WAAAF,EACA,UAAAC,EACA,UAAAd,CAAA,CACD,CAAA,CAAA,CAIT,EAEagB,EAAUC,aAAWlB,CAAQ,EAE7BmB,EAAiBC,EAAAA"}

package/dist/lyra29.js

@@ -1,42 +1,45 @@
-import { cva as t } from "./lyra61.js";
-const e = t(
-  [
-    "w-[--trigger-width]",
-    "rounded-base",
-    "drop-shadow-sm",
-    "ring-1",
-    "ring-inset",
-    "ring-neutral-3",
-    "bg-surface-1",
-    "outline-none"
-  ],
-  {
-    variants: {
-      isEntering: {
-        true: [
-          "animate-in",
-          "fade-in",
-          "data-[placement=bottom]:slide-in-from-top-1",
-          "data-[placement=top]:slide-in-from-bottom-1",
-          "ease-out",
-          "duration-200",
-          "fill-mode-forwards"
-        ]
-      },
-      isExiting: {
-        true: [
-          "animate-out",
-          "fade-out",
-          "data-[placement=bottom]:slide-out-to-top-1",
-          "data-[placement=top]:slide-out-to-bottom-1",
-          "ease-in",
-          "duration-150",
-          "fill-mode-forwards"
-        ]
-      }
+import { j as i } from "./lyra53.js";
+import { forwardRef as b } from "react";
+import { useContextProps as m, Popover as l, DialogTrigger as $, PopoverContext as d } from "./lyra52.js";
+import { useIsMobileDevice as x } from "./lyra46.js";
+import { Dialog as g } from "./lyra31.js";
+import "./lyra149.js";
+import { popoverStyles as u } from "./lyra30.js";
+const v = ({
+  className: n,
+  showPopoverInBottomDrawerOnSmallScreens: s = !1,
+  screenWidthMobileBreakpoint: r = 640,
+  ...e
+}, o) => {
+  [e, o] = m(e, o, d);
+  const a = x(r), t = { ...e }.state;
+  return a && s ? /* @__PURE__ */ i.jsx(
+    g,
+    {
+      fullWidth: !0,
+      position: "bottom",
+      isDismissable: !0,
+      ref: o,
+      isOpen: (e == null ? void 0 : e.isOpen) ?? t.isOpen,
+      onOpenChange: (e == null ? void 0 : e.onOpenChange) ?? t.setOpen,
+      onClose: () => t.close(),
+      children: e.children
     }
-  }
-);
+  ) : /* @__PURE__ */ i.jsx(
+    l,
+    {
+      ...e,
+      ref: o,
+      offset: 4,
+      className: ({ isEntering: f, isExiting: c }) => u({
+        isEntering: f,
+        isExiting: c,
+        className: n
+      })
+    }
+  );
+}, R = b(v), T = $;
 export {
-  e as popoverStyles
+  R as Popover,
+  T as PopoverTrigger
 };

package/dist/lyra29.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.js","sources":["../src/components/overlays/popover/popover.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nexport const popoverStyles = cva(\n  [\n    \"w-[--trigger-width]\",\n    \"rounded-base\",\n    \"drop-shadow-sm\",\n    \"ring-1\",\n    \"ring-inset\",\n    \"ring-neutral-3\",\n    \"bg-surface-1\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      isEntering: {\n        true: [\n          \"animate-in\",\n          \"fade-in\",\n          \"data-[placement=bottom]:slide-in-from-top-1\",\n          \"data-[placement=top]:slide-in-from-bottom-1\",\n          \"ease-out\",\n          \"duration-200\",\n          \"fill-mode-forwards\",\n        ],\n      },\n      isExiting: {\n        true: [\n          \"animate-out\",\n          \"fade-out\",\n          \"data-[placement=bottom]:slide-out-to-top-1\",\n          \"data-[placement=top]:slide-out-to-bottom-1\",\n          \"ease-in\",\n          \"duration-150\",\n          \"fill-mode-forwards\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["popoverStyles","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,YAAY;AAAA,QACV,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"lyra29.js","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport {\n  DialogTrigger,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { OverlayTriggerState } from \"react-stately\";\n\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const clonedProps: any = { ...props };\n  const state = clonedProps.state as OverlayTriggerState;\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen ?? state.isOpen}\n        onOpenChange={props?.onOpenChange ?? state.setOpen}\n        onClose={() => state.close()}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <AriaPopover\n      {...props}\n      ref={ref}\n      offset={4}\n      className={({ isEntering, isExiting }) =>\n        popoverStyles({\n          isEntering,\n          isExiting,\n          className,\n        })\n      }\n    />\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport const PopoverTrigger = DialogTrigger;\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","state","jsx","Dialog","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","DialogTrigger"],"mappings":";;;;;;;AAwBA,MAAMA,IAAW,CACf;AAAA,EACE,WAAAC;AAAA,EACA,yCAAAC,IAA0C;AAAA,EAC1C,6BAAAC,IAA8B;AAAA,EAC9B,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAc;AACnD,QAAAC,IAAiBC,EAAkBN,CAA2B,GAE9DO,IADmB,EAAE,GAAGN,IACJ;AAE1B,SAAII,KAAkBN,IAElBS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,eAAa;AAAA,MACb,KAAAP;AAAA,MACA,SAAQD,KAAA,gBAAAA,EAAO,WAAUM,EAAM;AAAA,MAC/B,eAAcN,KAAA,gBAAAA,EAAO,iBAAgBM,EAAM;AAAA,MAC3C,SAAS,MAAMA,EAAM,MAAM;AAAA,MAE1B,UAAMN,EAAA;AAAA,IAAA;AAAA,EAAA,IAMXO,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,KAAAC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,CAAC,EAAE,YAAAS,GAAY,WAAAC,EAAA,MACxBC,EAAc;AAAA,QACZ,YAAAF;AAAA,QACA,WAAAC;AAAA,QACA,WAAAd;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAAA;AAIT,GAEagB,IAAUC,EAAWlB,CAAQ,GAE7BmB,IAAiBC;"}

package/dist/lyra290.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra180.cjs"),p=require("./lyra169.cjs"),l=require("./lyra191.cjs"),m=require("./lyra323.cjs"),n=require("./lyra324.cjs"),f=require("./lyra325.cjs"),R=require("./lyra211.cjs"),h=require("./lyra210.cjs");class y extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||h.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(y,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra180.cjs"),p=require("./lyra169.cjs"),l=require("./lyra191.cjs"),m=require("./lyra334.cjs"),n=require("./lyra335.cjs"),f=require("./lyra336.cjs"),R=require("./lyra211.cjs"),h=require("./lyra210.cjs");class y extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||h.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(y,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=g;

package/dist/lyra290.js

@@ -2,9 +2,9 @@ import d, { useContext as p } from "react";
 import { usePresence as m } from "./lyra180.js";
 import { LayoutGroupContext as c } from "./lyra169.js";
 import { SwitchLayoutGroupContext as f } from "./lyra191.js";
-import { globalProjectionState as l } from "./lyra323.js";
-import { correctBorderRadius as n } from "./lyra324.js";
-import { correctBoxShadow as h } from "./lyra325.js";
+import { globalProjectionState as l } from "./lyra334.js";
+import { correctBorderRadius as n } from "./lyra335.js";
+import { correctBoxShadow as h } from "./lyra336.js";
 import { addScaleCorrector as R } from "./lyra211.js";
 import { frame as g } from "./lyra210.js";
 class y extends d.Component {

package/dist/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra338.cjs"),u=require("./lyra228.cjs"),l=require("./lyra201.cjs"),a=require("./lyra336.cjs"),c=require("./lyra339.cjs"),d=require("./lyra314.cjs"),p=require("./lyra340.cjs"),m=require("./lyra341.cjs"),V=require("./lyra174.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra339.cjs"),u=require("./lyra228.cjs"),l=require("./lyra201.cjs"),a=require("./lyra330.cjs"),c=require("./lyra340.cjs"),d=require("./lyra315.cjs"),p=require("./lyra341.cjs"),m=require("./lyra342.cjs"),V=require("./lyra174.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;

package/dist/lyra292.js

@@ -1,11 +1,11 @@
-import { buildHTMLStyles as n } from "./lyra338.js";
+import { buildHTMLStyles as n } from "./lyra339.js";
 import { isCSSVariableName as s } from "./lyra228.js";
 import { transformProps as l } from "./lyra201.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra336.js";
-import { renderHTML as u } from "./lyra339.js";
-import { getDefaultValueType as a } from "./lyra314.js";
-import { measureViewportBox as p } from "./lyra340.js";
-import { DOMVisualElement as c } from "./lyra341.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra330.js";
+import { renderHTML as u } from "./lyra340.js";
+import { getDefaultValueType as a } from "./lyra315.js";
+import { measureViewportBox as p } from "./lyra341.js";
+import { DOMVisualElement as c } from "./lyra342.js";
 import { isMotionValue as d } from "./lyra174.js";
 function f(i) {
   return window.getComputedStyle(i);

package/dist/lyra293.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra332.cjs"),u=require("./lyra341.cjs"),o=require("./lyra334.cjs"),n=require("./lyra233.cjs"),i=require("./lyra342.cjs"),l=require("./lyra201.cjs"),c=require("./lyra331.cjs"),m=require("./lyra314.cjs"),V=require("./lyra194.cjs"),d=require("./lyra335.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra326.cjs"),u=require("./lyra342.cjs"),o=require("./lyra328.cjs"),n=require("./lyra233.cjs"),i=require("./lyra343.cjs"),l=require("./lyra201.cjs"),c=require("./lyra325.cjs"),m=require("./lyra315.cjs"),V=require("./lyra194.cjs"),d=require("./lyra329.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;

package/dist/lyra293.js

@@ -1,13 +1,13 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra332.js";
-import { DOMVisualElement as a } from "./lyra341.js";
-import { buildSVGAttrs as m } from "./lyra334.js";
+import { scrapeMotionValuesFromProps as s } from "./lyra326.js";
+import { DOMVisualElement as a } from "./lyra342.js";
+import { buildSVGAttrs as m } from "./lyra328.js";
 import { camelToDash as i } from "./lyra233.js";
-import { camelCaseAttributes as u } from "./lyra342.js";
+import { camelCaseAttributes as u } from "./lyra343.js";
 import { transformProps as n } from "./lyra201.js";
-import { renderSVG as p } from "./lyra331.js";
-import { getDefaultValueType as l } from "./lyra314.js";
+import { renderSVG as p } from "./lyra325.js";
+import { getDefaultValueType as l } from "./lyra315.js";
 import { createBox as f } from "./lyra194.js";
-import { isSVGTag as V } from "./lyra335.js";
+import { isSVGTag as V } from "./lyra329.js";
 class A extends a {
   constructor() {
     super(...arguments), this.isSVGTag = !1;

package/dist/lyra294.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${l}px !important;
+            left: ${f}px !important;
+          }
+        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;

package/dist/lyra294.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra294.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"gFAAK,MAACA,EAAqBC,GAChB,MAAM,QAAQA,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra294.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n"],"names":["PopChildMeasure","React","prevProps","element","size","PopChild","children","isPresent","id","useId","ref","useRef","useInsertionEffect","width","height","top","left","style"],"mappings":"mYAOA,MAAMA,UAAwBC,EAAM,SAAU,CAC1C,wBAAwBC,EAAW,CAC/B,MAAMC,EAAU,KAAK,MAAM,SAAS,QACpC,GAAIA,GAAWD,EAAU,WAAa,CAAC,KAAK,MAAM,UAAW,CACzD,MAAME,EAAO,KAAK,MAAM,QAAQ,QAChCA,EAAK,OAASD,EAAQ,cAAgB,EACtCC,EAAK,MAAQD,EAAQ,aAAe,EACpCC,EAAK,IAAMD,EAAQ,UACnBC,EAAK,KAAOD,EAAQ,UACvB,CACD,OAAO,IACV,CAID,oBAAqB,CAAG,CACxB,QAAS,CACL,OAAO,KAAK,MAAM,QACrB,CACL,CACA,SAASE,EAAS,CAAE,SAAAC,EAAU,UAAAC,GAAa,CACvC,MAAMC,EAAKC,EAAAA,QACLC,EAAMC,SAAO,IAAI,EACjBP,EAAOO,EAAAA,OAAO,CAChB,MAAO,EACP,OAAQ,EACR,IAAK,EACL,KAAM,CACd,CAAK,EAUDC,OAAAA,EAAAA,mBAAmB,IAAM,CACrB,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,IAAAC,EAAK,KAAAC,CAAM,EAAGZ,EAAK,QAC1C,GAAIG,GAAa,CAACG,EAAI,SAAW,CAACG,GAAS,CAACC,EACxC,OACJJ,EAAI,QAAQ,QAAQ,YAAcF,EAClC,MAAMS,EAAQ,SAAS,cAAc,OAAO,EAC5C,gBAAS,KAAK,YAAYA,CAAK,EAC3BA,EAAM,OACNA,EAAM,MAAM,WAAW;AAAA,iCACFT,CAAE;AAAA;AAAA,qBAEdK,CAAK;AAAA,sBACJC,CAAM;AAAA,mBACTC,CAAG;AAAA,oBACFC,CAAI;AAAA;AAAA,SAEf,EAEM,IAAM,CACT,SAAS,KAAK,YAAYC,CAAK,CAC3C,CACA,EAAO,CAACV,CAAS,CAAC,EACNN,EAAM,cAAcD,EAAiB,CAAE,UAAWO,EAAW,SAAUG,EAAK,QAASN,CAAI,EAAIH,EAAM,aAAaK,EAAU,CAAE,IAAAI,CAAK,CAAA,CAAC,CAC9I","x_google_ignoreList":[0]}