@new-black/lyra 0.0.28 → 0.1.1

package/dist/lyra27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.cjs","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import {\n  ProgressBar as AriaProgressBar,\n  ProgressBarProps as AriaProgressBarProps,\n  Label,\n} from \"react-aria-components\";\nimport { barActiveStyles, barStyles } from \"./progress-bar.styles\";\nimport useMeasure from \"../../utils/hooks/use-measure\";\nimport { motion } from \"framer-motion\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../text\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useLocale } from \"react-aria\";\ntype ProgressBarProps = AriaProgressBarProps &\n  VariantProps<typeof barStyles> & {\n    label?: string;\n    showValueText?: boolean;\n    labelVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    labelColor?: VariantProps<typeof textStyles>[\"color\"];\n    labelClassName?: string;\n    valueTextClassName?: string;\n    valueTextVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    valueTextColor?: VariantProps<typeof textStyles>[\"color\"];\n  };\n\nexport const ProgressBar = ({\n  label,\n  showValueText,\n  valueTextClassName,\n  valueTextVariant = \"body-small\",\n  valueTextColor,\n  labelVariant = \"body-medium\",\n  labelColor,\n  labelClassName,\n  height,\n  color,\n  ...props\n}: ProgressBarProps) => {\n  const [ref, element] = useMeasure();\n  const { direction } = useLocale();\n\n  const indeterminateActiveFillWidth = element.width / 3;\n\n  return (\n    <AriaProgressBar {...props}>\n      {({ percentage, valueText, isIndeterminate }) => (\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"flex items-center justify-between\">\n            {label ? (\n              <Label\n                className={twMerge(\n                  textStyles({\n                    color: labelColor,\n                    variant: labelVariant,\n                    className: labelClassName,\n                  })\n                )}\n              >\n                {label}\n              </Label>\n            ) : (\n              <div />\n            )}\n            {showValueText && valueText ? (\n              <Text\n                className={twMerge(\n                  textStyles({\n                    color: valueTextColor,\n                    variant: valueTextVariant,\n                    className: valueTextClassName,\n                  })\n                )}\n              >\n                {valueText}\n              </Text>\n            ) : null}\n          </div>\n          <div\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            ref={ref as any}\n            className={barStyles({\n              height,\n              color,\n              // className: \"relative overflow-hidden\",\n            })}\n          >\n            {isIndeterminate ? (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                // layout\n                style={{\n                  width: indeterminateActiveFillWidth,\n                }}\n                initial={{\n                  x: direction === \"rtl\" ? element.width + 400 : -400,\n                }}\n                animate={{\n                  direction,\n                  x:\n                    direction === \"rtl\"\n                      ? -element.width\n                      : element.width + indeterminateActiveFillWidth,\n                }}\n                transition={{\n                  repeat: Infinity,\n                  duration: 2,\n                  type: \"tween\",\n                }}\n              />\n            ) : (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                layout\n                initial={{\n                  width: \"0%\",\n                  zIndex: 1,\n                }}\n                animate={{\n                  width: `${percentage}%`,\n                }}\n                transition={{\n                  duration: 0.5,\n                  type: \"tween\",\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </AriaProgressBar>\n  );\n};\n"],"names":["ProgressBar","label","showValueText","valueTextClassName","valueTextVariant","valueTextColor","labelVariant","labelColor","labelClassName","height","color","props","ref","element","useMeasure","direction","useLocale","indeterminateActiveFillWidth","jsx","AriaProgressBar","percentage","valueText","isIndeterminate","jsxs","Label","twMerge","textStyles","Text","barStyles","motion","barActiveStyles"],"mappings":"gUAwBaA,EAAc,CAAC,CAC1B,MAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,iBAAAC,EAAmB,aACnB,eAAAC,EACA,aAAAC,EAAe,cACf,WAAAC,EACA,eAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAACC,EAAKC,CAAO,EAAIC,EAAW,QAAA,EAC5B,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAA+BJ,EAAQ,MAAQ,EAErD,OACGK,EAAAA,kBAAAA,IAAAC,EAAAA,YAAA,CAAiB,GAAGR,EAClB,SAAC,CAAA,CAAE,WAAAS,EAAY,UAAAC,EAAW,gBAAAC,CAAgB,IACxCC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,oCACZ,SAAA,CACCtB,EAAAiB,EAAA,kBAAA,IAACM,EAAA,MAAA,CACC,UAAWC,EAAA,QACTC,aAAW,CACT,MAAOnB,EACP,QAASD,EACT,UAAWE,CAAA,CACZ,CACH,EAEC,SAAAP,CAAA,CAAA,0BAGF,MAAI,EAAA,EAENC,GAAiBmB,EAChBH,EAAA,kBAAA,IAACS,EAAA,KAAA,CACC,UAAWF,EAAA,QACTC,aAAW,CACT,MAAOrB,EACP,QAASD,EACT,UAAWD,CAAA,CACZ,CACH,EAEC,SAAAkB,CAAA,CAAA,EAED,IAAA,EACN,EACAH,EAAA,kBAAA,IAAC,MAAA,CAEC,IAAAN,EACA,UAAWgB,EAAAA,UAAU,CACnB,OAAAnB,EACA,MAAAC,CAAA,CAED,EAEA,SACCY,EAAAJ,EAAA,kBAAA,IAACW,EAAAA,OAAO,IAAP,CACC,UAAWC,EAAAA,gBAAgB,CACzB,OAAArB,EACA,MAAAC,CAAA,CACD,EAED,MAAO,CACL,MAAOO,CACT,EACA,QAAS,CACP,EAAGF,IAAc,MAAQF,EAAQ,MAAQ,IAAM,IACjD,EACA,QAAS,CACP,UAAAE,EACA,EACEA,IAAc,MACV,CAACF,EAAQ,MACTA,EAAQ,MAAQI,CACxB,EACA,WAAY,CACV,OAAQ,IACR,SAAU,EACV,KAAM,OACR,CAAA,CAAA,EAGFC,EAAA,kBAAA,IAACW,EAAAA,OAAO,IAAP,CACC,UAAWC,EAAAA,gBAAgB,CACzB,OAAArB,EACA,MAAAC,CAAA,CACD,EACD,OAAM,GACN,QAAS,CACP,MAAO,KACP,OAAQ,CACV,EACA,QAAS,CACP,MAAO,GAAGU,CAAU,GACtB,EACA,WAAY,CACV,SAAU,GACV,KAAM,OACR,CAAA,CACF,CAAA,CAEJ,CAAA,CACF,CAAA,CAEJ,CAAA,CAEJ"}
+{"version":3,"file":"lyra27.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      onClose: props.onClose,\n      children: props.children,\n    }),\n    [props.children, props.onClose],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"+2BAoCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,aAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAChBC,EAAiBC,EAAAA,oBACvBb,EACEA,IAAa,UAAYK,GAAuCO,EAC5D,SACAZ,EAENG,EACEH,IAAa,UAAYK,GAAuCO,EAC5D,OACAT,EAEN,MAAMW,EAAuCC,EAAA,QAC3C,KAAO,CACL,YAAaP,EAAM,YACnB,OAAQA,EAAM,OACd,aAAAD,EACA,cAAAH,EACA,0BAA2BI,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAQ,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAlB,EACA,UAAWQ,EAAM,iBACjB,WAAAQ,EACA,UAAAC,EACA,YAAAX,CAAA,CACD,EACH,MAAOE,EAAM,YAAA,GAEf,CACEF,EACAF,EACAG,EACAP,EACAQ,EAAM,YACNA,EAAM,0BACNA,EAAM,OACNA,EAAM,iBACNA,EAAM,YACR,CAAA,EAGIW,EAAgCJ,EAAA,QACpC,KAAO,CACL,cAAAX,EACA,0BAA2BI,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,aAAAD,EACA,UAAW,CAAC,CAAE,WAAAS,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAAnB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAU,EACA,WAAAM,EACA,UAAAC,EACA,UAAWT,EAAM,SAAA,CAClB,CAAA,GAEL,CACEE,EACAT,EACAC,EACAE,EACAD,EACAI,EACAP,EACAQ,EAAM,UACNA,EAAM,YACNA,EAAM,0BACNA,EAAM,MACR,CAAA,EAGIa,EAAcN,EAAA,QAClB,KAAO,CACL,QAASP,EAAM,QACf,SAAUA,EAAM,QAAA,GAElB,CAACA,EAAM,SAAUA,EAAM,OAAO,CAAA,EAI9B,OAAAc,wBAACC,EAAAA,cAAc,GAAGT,EAAmB,MAAO,CAAE,UAAAJ,CAAA,EAC5C,SAAAY,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAf,EAAW,GAAGU,EAAY,gBAAenB,EAC9C,SAACsB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB5B,CAAO"}

package/dist/lyra27.js

@@ -1,112 +1,117 @@
-import { j as e } from "./lyra39.js";
-import { ProgressBar as N, Label as S } from "./lyra80.js";
-import { barStyles as g, barActiveStyles as n } from "./lyra28.js";
-import A from "./lyra91.js";
-import { Text as B } from "./lyra32.js";
-import { textStyles as l } from "./lyra33.js";
-import { twMerge as d } from "./lyra40.js";
-import { motion as c } from "./lyra84.js";
-import { useLocale as I } from "./lyra38.js";
-const q = ({
-  label: a,
-  showValueText: f,
-  valueTextClassName: x,
-  valueTextVariant: p = "body-small",
-  valueTextColor: b,
-  labelVariant: j = "body-medium",
-  labelColor: u,
-  labelClassName: w,
-  height: i,
-  color: r,
-  ...y
-}) => {
-  const [h, t] = A(), { direction: s } = I(), o = t.width / 3;
-  return /* @__PURE__ */ e.jsx(N, { ...y, children: ({ percentage: $, valueText: m, isIndeterminate: v }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-      a ? /* @__PURE__ */ e.jsx(
-        S,
-        {
-          className: d(
-            l({
-              color: u,
-              variant: j,
-              className: w
-            })
-          ),
-          children: a
-        }
-      ) : /* @__PURE__ */ e.jsx("div", {}),
-      f && m ? /* @__PURE__ */ e.jsx(
-        B,
-        {
-          className: d(
-            l({
-              color: b,
-              variant: p,
-              className: x
-            })
-          ),
-          children: m
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        ref: h,
-        className: g({
-          height: i,
-          color: r
-          // className: "relative overflow-hidden",
-        }),
-        children: v ? /* @__PURE__ */ e.jsx(
-          c.div,
-          {
-            className: n({
-              height: i,
-              color: r
-            }),
-            style: {
-              width: o
-            },
-            initial: {
-              x: s === "rtl" ? t.width + 400 : -400
-            },
-            animate: {
-              direction: s,
-              x: s === "rtl" ? -t.width : t.width + o
-            },
-            transition: {
-              repeat: 1 / 0,
-              duration: 2,
-              type: "tween"
-            }
-          }
-        ) : /* @__PURE__ */ e.jsx(
-          c.div,
-          {
-            className: n({
-              height: i,
-              color: r
-            }),
-            layout: !0,
-            initial: {
-              width: "0%",
-              zIndex: 1
-            },
-            animate: {
-              width: `${$}%`
-            },
-            transition: {
-              duration: 0.5,
-              type: "tween"
-            }
-          }
-        )
-      }
-    )
-  ] }) });
-};
+import { j as s } from "./lyra44.js";
+import { useMemo as d } from "react";
+import { ModalOverlay as v, Modal as x, Dialog as N } from "./lyra43.js";
+import { DialogTrigger as de } from "./lyra43.js";
+import "./lyra2.js";
+import "./lyra58.js";
+import "./lyra34.js";
+import "./lyra59.js";
+import "./lyra60.js";
+import "./lyra64.js";
+import "./lyra8.js";
+import "./lyra62.js";
+import "./lyra10.js";
+import "./lyra132.js";
+import "./lyra21.js";
+import "./lyra14.js";
+import "./lyra16.js";
+import "./lyra17.js";
+import "./lyra67.js";
+import "./lyra19.js";
+import "./lyra133.js";
+import "./lyra22.js";
+import "./lyra23.js";
+import "./lyra63.js";
+import "./lyra25.js";
+import { modalOverlayStyles as K, modalStyles as j } from "./lyra28.js";
+import "./lyra66.js";
+import "./lyra69.js";
+import { useIsMobileDevice as M } from "./lyra37.js";
+import "./lyra39.js";
+import "./lyra48.js";
+import { fixedForwardRef as g } from "./lyra54.js";
+import { useLocale as P } from "./lyra42.js";
+const p = ({
+  position: a = "center",
+  fullScreen: f,
+  fullWidth: c,
+  maxWidth: t,
+  isDismissable: m = !0,
+  centerDialogToBottomOnMobileScreens: y = !0,
+  disableBlur: b = !1,
+  onOpenChange: r,
+  ...e
+}, D) => {
+  const { direction: i } = P(), n = M();
+  a = a === "center" && y && n ? "bottom" : a, t = a === "center" && y && n ? void 0 : t;
+  const $ = d(
+    () => ({
+      defaultOpen: e.defaultOpen,
+      isOpen: e.isOpen,
+      onOpenChange: r,
+      isDismissable: m,
+      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+      className: ({ isEntering: o, isExiting: l }) => K({
+        position: a,
+        className: e.overlayClassName,
+        isEntering: o,
+        isExiting: l,
+        disableBlur: b
+      }),
+      style: e.overlayStyle
+    }),
+    [
+      b,
+      m,
+      r,
+      a,
+      e.defaultOpen,
+      e.isKeyboardDismissDisabled,
+      e.isOpen,
+      e.overlayClassName,
+      e.overlayStyle
+    ]
+  ), u = d(
+    () => ({
+      isDismissable: m,
+      isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+      isOpen: e.isOpen,
+      defaultOpen: e.defaultOpen,
+      onOpenChange: r,
+      className: ({ isEntering: o, isExiting: l }) => j({
+        fullScreen: f,
+        fullWidth: c,
+        maxWidth: t,
+        position: a,
+        direction: i,
+        isEntering: o,
+        isExiting: l,
+        className: e.className
+      })
+    }),
+    [
+      i,
+      f,
+      c,
+      m,
+      t,
+      r,
+      a,
+      e.className,
+      e.defaultOpen,
+      e.isKeyboardDismissDisabled,
+      e.isOpen
+    ]
+  ), O = d(
+    () => ({
+      onClose: e.onClose,
+      children: e.children
+    }),
+    [e.children, e.onClose]
+  );
+  return /* @__PURE__ */ s.jsx(v, { ...$, style: { direction: i }, children: /* @__PURE__ */ s.jsx(x, { ref: D, ...u, "data-position": a, children: /* @__PURE__ */ s.jsx(N, { ...O, className: "outline-none" }) }) });
+}, oe = g(p);
 export {
-  q as ProgressBar
+  oe as Dialog,
+  de as DialogTrigger
 };

package/dist/lyra27.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.js","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import {\n  ProgressBar as AriaProgressBar,\n  ProgressBarProps as AriaProgressBarProps,\n  Label,\n} from \"react-aria-components\";\nimport { barActiveStyles, barStyles } from \"./progress-bar.styles\";\nimport useMeasure from \"../../utils/hooks/use-measure\";\nimport { motion } from \"framer-motion\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../text\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useLocale } from \"react-aria\";\ntype ProgressBarProps = AriaProgressBarProps &\n  VariantProps<typeof barStyles> & {\n    label?: string;\n    showValueText?: boolean;\n    labelVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    labelColor?: VariantProps<typeof textStyles>[\"color\"];\n    labelClassName?: string;\n    valueTextClassName?: string;\n    valueTextVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    valueTextColor?: VariantProps<typeof textStyles>[\"color\"];\n  };\n\nexport const ProgressBar = ({\n  label,\n  showValueText,\n  valueTextClassName,\n  valueTextVariant = \"body-small\",\n  valueTextColor,\n  labelVariant = \"body-medium\",\n  labelColor,\n  labelClassName,\n  height,\n  color,\n  ...props\n}: ProgressBarProps) => {\n  const [ref, element] = useMeasure();\n  const { direction } = useLocale();\n\n  const indeterminateActiveFillWidth = element.width / 3;\n\n  return (\n    <AriaProgressBar {...props}>\n      {({ percentage, valueText, isIndeterminate }) => (\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"flex items-center justify-between\">\n            {label ? (\n              <Label\n                className={twMerge(\n                  textStyles({\n                    color: labelColor,\n                    variant: labelVariant,\n                    className: labelClassName,\n                  })\n                )}\n              >\n                {label}\n              </Label>\n            ) : (\n              <div />\n            )}\n            {showValueText && valueText ? (\n              <Text\n                className={twMerge(\n                  textStyles({\n                    color: valueTextColor,\n                    variant: valueTextVariant,\n                    className: valueTextClassName,\n                  })\n                )}\n              >\n                {valueText}\n              </Text>\n            ) : null}\n          </div>\n          <div\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            ref={ref as any}\n            className={barStyles({\n              height,\n              color,\n              // className: \"relative overflow-hidden\",\n            })}\n          >\n            {isIndeterminate ? (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                // layout\n                style={{\n                  width: indeterminateActiveFillWidth,\n                }}\n                initial={{\n                  x: direction === \"rtl\" ? element.width + 400 : -400,\n                }}\n                animate={{\n                  direction,\n                  x:\n                    direction === \"rtl\"\n                      ? -element.width\n                      : element.width + indeterminateActiveFillWidth,\n                }}\n                transition={{\n                  repeat: Infinity,\n                  duration: 2,\n                  type: \"tween\",\n                }}\n              />\n            ) : (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                layout\n                initial={{\n                  width: \"0%\",\n                  zIndex: 1,\n                }}\n                animate={{\n                  width: `${percentage}%`,\n                }}\n                transition={{\n                  duration: 0.5,\n                  type: \"tween\",\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </AriaProgressBar>\n  );\n};\n"],"names":["ProgressBar","label","showValueText","valueTextClassName","valueTextVariant","valueTextColor","labelVariant","labelColor","labelClassName","height","color","props","ref","element","useMeasure","direction","useLocale","indeterminateActiveFillWidth","jsx","AriaProgressBar","percentage","valueText","isIndeterminate","jsxs","Label","twMerge","textStyles","Text","barStyles","motion","barActiveStyles"],"mappings":";;;;;;;;;AAwBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAM,CAACC,GAAKC,CAAO,IAAIC,EAAW,GAC5B,EAAE,WAAAC,MAAcC,KAEhBC,IAA+BJ,EAAQ,QAAQ;AAErD,SACGK,gBAAAA,EAAAA,IAAAC,GAAA,EAAiB,GAAGR,GAClB,UAAC,CAAA,EAAE,YAAAS,GAAY,WAAAC,GAAW,iBAAAC,EAAgB,MACxCC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,MACCtB,IAAAiB,gBAAAA,EAAA;AAAA,QAACM;AAAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACTC,EAAW;AAAA,cACT,OAAOnB;AAAA,cACP,SAASD;AAAA,cACT,WAAWE;AAAA,YAAA,CACZ;AAAA,UACH;AAAA,UAEC,UAAAP;AAAA,QAAA;AAAA,MAAA,0BAGF,OAAI,EAAA;AAAA,MAENC,KAAiBmB,IAChBH,gBAAAA,EAAA;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACTC,EAAW;AAAA,cACT,OAAOrB;AAAA,cACP,SAASD;AAAA,cACT,WAAWD;AAAA,YAAA,CACZ;AAAA,UACH;AAAA,UAEC,UAAAkB;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,IAAA,GACN;AAAA,IACAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,KAAAN;AAAA,QACA,WAAWgB,EAAU;AAAA,UACnB,QAAAnB;AAAA,UACA,OAAAC;AAAA;AAAA,QAAA,CAED;AAAA,QAEA,UACCY,IAAAJ,gBAAAA,EAAA;AAAA,UAACW,EAAO;AAAA,UAAP;AAAA,YACC,WAAWC,EAAgB;AAAA,cACzB,QAAArB;AAAA,cACA,OAAAC;AAAA,YAAA,CACD;AAAA,YAED,OAAO;AAAA,cACL,OAAOO;AAAA,YACT;AAAA,YACA,SAAS;AAAA,cACP,GAAGF,MAAc,QAAQF,EAAQ,QAAQ,MAAM;AAAA,YACjD;AAAA,YACA,SAAS;AAAA,cACP,WAAAE;AAAA,cACA,GACEA,MAAc,QACV,CAACF,EAAQ,QACTA,EAAQ,QAAQI;AAAA,YACxB;AAAA,YACA,YAAY;AAAA,cACV,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,MAAM;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,IAGFC,gBAAAA,EAAA;AAAA,UAACW,EAAO;AAAA,UAAP;AAAA,YACC,WAAWC,EAAgB;AAAA,cACzB,QAAArB;AAAA,cACA,OAAAC;AAAA,YAAA,CACD;AAAA,YACD,QAAM;AAAA,YACN,SAAS;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,YACA,SAAS;AAAA,cACP,OAAO,GAAGU,CAAU;AAAA,YACtB;AAAA,YACA,YAAY;AAAA,cACV,UAAU;AAAA,cACV,MAAM;AAAA,YACR;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA;AAEJ;"}
+{"version":3,"file":"lyra27.js","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    onOpenChange?: ModalOverlayProps[\"onOpenChange\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    onOpenChange,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const { direction } = useLocale();\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = useMemo(\n    () => ({\n      defaultOpen: props.defaultOpen,\n      isOpen: props.isOpen,\n      onOpenChange,\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      className: ({ isEntering, isExiting }) =>\n        modalOverlayStyles({\n          position,\n          className: props.overlayClassName,\n          isEntering,\n          isExiting,\n          disableBlur,\n        }),\n      style: props.overlayStyle,\n    }),\n    [\n      disableBlur,\n      isDismissable,\n      onOpenChange,\n      position,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n      props.overlayClassName,\n      props.overlayStyle,\n    ],\n  );\n\n  const modalProps: ModalOverlayProps = useMemo(\n    () => ({\n      isDismissable,\n      isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n      isOpen: props.isOpen,\n      defaultOpen: props.defaultOpen,\n      onOpenChange,\n      className: ({ isEntering, isExiting }) =>\n        modalStyles({\n          fullScreen,\n          fullWidth,\n          maxWidth,\n          position,\n          direction,\n          isEntering,\n          isExiting,\n          className: props.className,\n        }),\n    }),\n    [\n      direction,\n      fullScreen,\n      fullWidth,\n      isDismissable,\n      maxWidth,\n      onOpenChange,\n      position,\n      props.className,\n      props.defaultOpen,\n      props.isKeyboardDismissDisabled,\n      props.isOpen,\n    ],\n  );\n\n  const dialogProps = useMemo(\n    () => ({\n      onClose: props.onClose,\n      children: props.children,\n    }),\n    [props.children, props.onClose],\n  );\n\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","onOpenChange","props","ref","direction","useLocale","isMobileDevice","useIsMobileDevice","modalOverlayProps","useMemo","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,IAAU,CACd;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,qCAAAC,IAAsC;AAAA,EACtC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACG,QAAA,EAAE,WAAAC,MAAcC,KAChBC,IAAiBC;AACvB,EAAAb,IACEA,MAAa,YAAYK,KAAuCO,IAC5D,WACAZ,GAENG,IACEH,MAAa,YAAYK,KAAuCO,IAC5D,SACAT;AAEN,QAAMW,IAAuCC;AAAA,IAC3C,OAAO;AAAA,MACL,aAAaP,EAAM;AAAA,MACnB,QAAQA,EAAM;AAAA,MACd,cAAAD;AAAA,MACA,eAAAH;AAAA,MACA,2BAA2BI,EAAM;AAAA,MACjC,WAAW,CAAC,EAAE,YAAAQ,GAAY,WAAAC,EAAA,MACxBC,EAAmB;AAAA,QACjB,UAAAlB;AAAA,QACA,WAAWQ,EAAM;AAAA,QACjB,YAAAQ;AAAA,QACA,WAAAC;AAAA,QACA,aAAAX;AAAA,MAAA,CACD;AAAA,MACH,OAAOE,EAAM;AAAA,IAAA;AAAA,IAEf;AAAA,MACEF;AAAA,MACAF;AAAA,MACAG;AAAA,MACAP;AAAA,MACAQ,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIW,IAAgCJ;AAAA,IACpC,OAAO;AAAA,MACL,eAAAX;AAAA,MACA,2BAA2BI,EAAM;AAAA,MACjC,QAAQA,EAAM;AAAA,MACd,aAAaA,EAAM;AAAA,MACnB,cAAAD;AAAA,MACA,WAAW,CAAC,EAAE,YAAAS,GAAY,WAAAC,EAAA,MACxBG,EAAY;AAAA,QACV,YAAAnB;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,UAAAH;AAAA,QACA,WAAAU;AAAA,QACA,YAAAM;AAAA,QACA,WAAAC;AAAA,QACA,WAAWT,EAAM;AAAA,MAAA,CAClB;AAAA,IAAA;AAAA,IAEL;AAAA,MACEE;AAAA,MACAT;AAAA,MACAC;AAAA,MACAE;AAAA,MACAD;AAAA,MACAI;AAAA,MACAP;AAAA,MACAQ,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,MACNA,EAAM;AAAA,IACR;AAAA,EAAA,GAGIa,IAAcN;AAAA,IAClB,OAAO;AAAA,MACL,SAASP,EAAM;AAAA,MACf,UAAUA,EAAM;AAAA,IAAA;AAAA,IAElB,CAACA,EAAM,UAAUA,EAAM,OAAO;AAAA,EAAA;AAI9B,SAAAc,gBAAAA,MAACC,KAAc,GAAGT,GAAmB,OAAO,EAAE,WAAAJ,EAAA,GAC5C,UAAAY,gBAAAA,EAAAA,IAACE,GAAM,EAAA,KAAAf,GAAW,GAAGU,GAAY,iBAAenB,GAC9C,UAACsB,gBAAAA,EAAAA,IAAAG,GAAA,EAAY,GAAGJ,GAAa,WAAU,eAAe,CAAA,EACxD,CAAA,EACF,CAAA;AAEJ,GAIaK,KAASC,EAAgB5B,CAAO;"}

package/dist/lyra270.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra311.cjs"),u=require("./lyra310.cjs"),o=require("./lyra312.cjs"),n=require("./lyra211.cjs"),i=require("./lyra313.cjs"),l=require("./lyra179.cjs"),c=require("./lyra314.cjs"),m=require("./lyra292.cjs"),V=require("./lyra172.cjs"),d=require("./lyra315.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 r=require("./lyra295.cjs"),o=require("./lyra211.cjs"),s=require("./lyra316.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;

package/dist/lyra270.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra270.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":"oWAWA,MAAMA,UAAyBC,EAAAA,gBAAiB,CAC5C,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,SAAW,EACnB,CACD,uBAAuBC,EAAOC,EAAK,CAC/B,OAAOD,EAAMC,CAAG,CACnB,CACD,sBAAsBC,EAAUD,EAAK,CACjC,GAAIE,EAAc,eAAC,IAAIF,CAAG,EAAG,CACzB,MAAMG,EAAcC,sBAAoBJ,CAAG,EAC3C,OAAOG,GAAcA,EAAY,SAAW,CAC/C,CACD,OAAAH,EAAOK,EAAmB,oBAAC,IAAIL,CAAG,EAAuBA,EAAnBM,cAAYN,CAAG,EAC9CC,EAAS,aAAaD,CAAG,CACnC,CACD,4BAA6B,CACzB,OAAOO,EAAS,UAAA,CACnB,CACD,4BAA4BR,EAAOS,EAAW,CAC1C,OAAOC,EAA2B,4BAACV,EAAOS,CAAS,CACtD,CACD,MAAME,EAAaC,EAAcC,EAASb,EAAO,CAC7Cc,gBAAcH,EAAaC,EAAcC,EAAS,KAAK,SAAUb,EAAM,iBAAiB,CAC3F,CACD,eAAeE,EAAUS,EAAaI,EAAWC,EAAY,CACzDC,EAAAA,UAAUf,EAAUS,EAAaI,EAAWC,CAAU,CACzD,CACD,MAAMd,EAAU,CACZ,KAAK,SAAWgB,EAAAA,SAAShB,EAAS,OAAO,EACzC,MAAM,MAAMA,CAAQ,CACvB,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra270.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls"],"mappings":"uKAIA,MAAMA,UAAoBC,EAAAA,OAAQ,CAC9B,YAAYC,EAAM,CACd,MAAMA,CAAI,EACV,KAAK,oBAAsBC,OAC3B,KAAK,gBAAkBA,OACvB,KAAK,SAAW,IAAIC,EAAyB,0BAACF,CAAI,CACrD,CACD,OAAQ,CAGJ,KAAM,CAAE,aAAAG,CAAc,EAAG,KAAK,KAAK,SAAQ,EACvCA,IACA,KAAK,oBAAsBA,EAAa,UAAU,KAAK,QAAQ,GAEnE,KAAK,gBAAkB,KAAK,SAAS,aAAY,GAAMF,EAAAA,IAC1D,CACD,SAAU,CACN,KAAK,oBAAmB,EACxB,KAAK,gBAAe,CACvB,CACL","x_google_ignoreList":[0]}

package/dist/lyra270.js

@@ -1,43 +1,18 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra311.js";
-import { DOMVisualElement as a } from "./lyra310.js";
-import { buildSVGAttrs as m } from "./lyra312.js";
-import { camelToDash as i } from "./lyra211.js";
-import { camelCaseAttributes as u } from "./lyra313.js";
-import { transformProps as n } from "./lyra179.js";
-import { renderSVG as p } from "./lyra314.js";
-import { getDefaultValueType as l } from "./lyra292.js";
-import { createBox as f } from "./lyra172.js";
-import { isSVGTag as V } from "./lyra315.js";
-class A extends a {
-  constructor() {
-    super(...arguments), this.isSVGTag = !1;
+import { Feature as s } from "./lyra295.js";
+import { noop as r } from "./lyra211.js";
+import { VisualElementDragControls as t } from "./lyra316.js";
+class u extends s {
+  constructor(o) {
+    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
   }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
+  mount() {
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
   }
-  readValueFromInstance(t, r) {
-    if (n.has(r)) {
-      const e = l(r);
-      return e && e.default || 0;
-    }
-    return r = u.has(r) ? r : i(r), t.getAttribute(r);
-  }
-  measureInstanceViewportBox() {
-    return f();
-  }
-  scrapeMotionValuesFromProps(t, r) {
-    return s(t, r);
-  }
-  build(t, r, e, o) {
-    m(t, r, e, this.isSVGTag, o.transformTemplate);
-  }
-  renderInstance(t, r, e, o) {
-    p(t, r, e, o);
-  }
-  mount(t) {
-    this.isSVGTag = V(t.tagName), super.mount(t);
+  unmount() {
+    this.removeGroupControls(), this.removeListeners();
   }
 }
 export {
-  A as SVGVisualElement
+  u as DragGesture
 };

package/dist/lyra270.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra270.js","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":";;;;;;;;;;AAWA,MAAMA,UAAyBC,EAAiB;AAAA,EAC5C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,uBAAuBC,GAAOC,GAAK;AAC/B,WAAOD,EAAMC,CAAG;AAAA,EACnB;AAAA,EACD,sBAAsBC,GAAUD,GAAK;AACjC,QAAIE,EAAe,IAAIF,CAAG,GAAG;AACzB,YAAMG,IAAcC,EAAoBJ,CAAG;AAC3C,aAAOG,KAAcA,EAAY,WAAW;AAAA,IAC/C;AACD,WAAAH,IAAOK,EAAoB,IAAIL,CAAG,IAAuBA,IAAnBM,EAAYN,CAAG,GAC9CC,EAAS,aAAaD,CAAG;AAAA,EACnC;AAAA,EACD,6BAA6B;AACzB,WAAOO,EAAS;AAAA,EACnB;AAAA,EACD,4BAA4BR,GAAOS,GAAW;AAC1C,WAAOC,EAA4BV,GAAOS,CAAS;AAAA,EACtD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASb,GAAO;AAC7C,IAAAc,EAAcH,GAAaC,GAAcC,GAAS,KAAK,UAAUb,EAAM,iBAAiB;AAAA,EAC3F;AAAA,EACD,eAAeE,GAAUS,GAAaI,GAAWC,GAAY;AACzD,IAAAC,EAAUf,GAAUS,GAAaI,GAAWC,CAAU;AAAA,EACzD;AAAA,EACD,MAAMd,GAAU;AACZ,SAAK,WAAWgB,EAAShB,EAAS,OAAO,GACzC,MAAM,MAAMA,CAAQ;AAAA,EACvB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra270.js","sources":["../node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACrD;AAAA,EACD,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAc,IAAG,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC1D;AAAA,EACD,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe;AAAA,EACvB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra271.cjs

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

package/dist/lyra271.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra271.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]}
+{"version":3,"file":"lyra271.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":"6NAMMA,EAAgBC,GAAY,CAACC,EAAOC,IAAS,CAC3CF,GACAG,EAAK,MAAC,OAAO,IAAMH,EAAQC,EAAOC,CAAI,CAAC,CAE/C,EACA,MAAME,UAAmBC,EAAAA,OAAQ,CAC7B,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,0BAA4BC,MACpC,CACD,cAAcC,EAAkB,CAC5B,KAAK,QAAU,IAAIC,aAAWD,EAAkB,KAAK,oBAAqB,CAAE,mBAAoB,KAAK,KAAK,sBAAqB,CAAI,CAAA,CACtI,CACD,mBAAoB,CAChB,KAAM,CAAE,kBAAAE,EAAmB,WAAAC,EAAY,MAAAC,EAAO,SAAAC,CAAQ,EAAK,KAAK,KAAK,WACrE,MAAO,CACH,eAAgBb,EAAaU,CAAiB,EAC9C,QAASV,EAAaW,CAAU,EAChC,OAAQC,EACR,MAAO,CAACV,EAAOC,IAAS,CACpB,OAAO,KAAK,QACRU,GACAT,EAAK,MAAC,OAAO,IAAMS,EAASX,EAAOC,CAAI,CAAC,CAE/C,CACb,CACK,CACD,OAAQ,CACJ,KAAK,0BAA4BW,EAAAA,gBAAgB,KAAK,KAAK,QAAS,cAAgBZ,GAAU,KAAK,cAAcA,CAAK,CAAC,CAC1H,CACD,QAAS,CACL,KAAK,SAAW,KAAK,QAAQ,eAAe,KAAK,kBAAiB,CAAE,CACvE,CACD,SAAU,CACN,KAAK,0BAAyB,EAC9B,KAAK,SAAW,KAAK,QAAQ,IAAG,CACnC,CACL","x_google_ignoreList":[0]}

package/dist/lyra271.js

@@ -1,49 +1,39 @@
-import * as r from "react";
-import { useId as l, useRef as h, useInsertionEffect as a } from "react";
-class u extends r.Component {
-  getSnapshotBeforeUpdate(o) {
-    const e = this.props.childRef.current;
-    if (e && o.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;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
+import { PanSession as d } from "./lyra317.js";
+import { addPointerEvent as m } from "./lyra250.js";
+import { Feature as h } from "./lyra295.js";
+import { noop as p } from "./lyra211.js";
+import { frame as r } from "./lyra192.js";
+const s = (e) => (n, t) => {
+  e && r.update(() => e(n, t));
+};
+class l extends h {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = p;
   }
-  render() {
-    return this.props.children;
+  onPointerDown(n) {
+    this.session = new d(n, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });
   }
-}
-function $({ children: i, isPresent: o }) {
-  const e = l(), t = h(null), s = h({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  });
-  return a(() => {
-    const { width: p, height: d, top: f, left: c } = s.current;
-    if (o || !t.current || !p || !d)
-      return;
-    t.current.dataset.motionPopId = e;
-    const n = document.createElement("style");
-    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${f}px !important;
-            left: ${c}px !important;
-          }
-        `), () => {
-      document.head.removeChild(n);
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
+    return {
+      onSessionStart: s(n),
+      onStart: s(t),
+      onMove: i,
+      onEnd: (a, P) => {
+        delete this.session, o && r.update(() => o(a, P));
+      }
     };
-  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
+  }
+  mount() {
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
 }
 export {
-  $ as PopChild
+  l as PanGesture
 };