@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra269.js

@@ -1,72 +1,6 @@
-import d, { useContext as p } from "react";
-import { usePresence as m } from "./lyra156.js";
-import { LayoutGroupContext as c } from "./lyra145.js";
-import { SwitchLayoutGroupContext as f } from "./lyra167.js";
-import { globalProjectionState as l } from "./lyra319.js";
-import { correctBorderRadius as n } from "./lyra320.js";
-import { correctBoxShadow as h } from "./lyra321.js";
-import { addScaleCorrector as R } from "./lyra187.js";
-import { frame as g } from "./lyra186.js";
-class y extends d.Component {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
-    R(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), r.setOptions({
-      ...r.options,
-      onExitComplete: () => this.safeToRemove()
-    })), l.hasEverUpdated = !0;
-  }
-  getSnapshotBeforeUpdate(e) {
-    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
-    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || g.postRender(() => {
-      const u = s.getStack();
-      (!u || !u.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: i } = e;
-    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
-  }
-  safeToRemove() {
-    const { safeToRemove: e } = this.props;
-    e && e();
-  }
-  render() {
-    return null;
-  }
+function i(e, n, t, r = { passive: !0 }) {
+  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
 }
-function w(a) {
-  const [e, o] = m(), t = p(c);
-  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(f), isPresent: e, safeToRemove: o });
-}
-const v = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: h
-};
 export {
-  w as MeasureLayout
+  i as addDomEvent
 };

package/dist/lyra269.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra269.js","sources":["../node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs"],"sourcesContent":["import React__default, { useContext } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\nimport { globalProjectionState } from '../../../projection/node/state.mjs';\nimport { correctBorderRadius } from '../../../projection/styles/scale-border-radius.mjs';\nimport { correctBoxShadow } from '../../../projection/styles/scale-box-shadow.mjs';\nimport { addScaleCorrector } from '../../../projection/styles/scale-correction.mjs';\nimport { frame } from '../../../frameloop/frame.mjs';\n\nclass MeasureLayoutWithContext extends React__default.Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        addScaleCorrector(defaultScaleCorrectors);\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            projection.root.didUpdate();\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const projection = visualElement.projection;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { projection } = this.props.visualElement;\n        if (projection) {\n            projection.root.didUpdate();\n            queueMicrotask(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (React__default.createElement(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\nconst defaultScaleCorrectors = {\n    borderRadius: {\n        ...correctBorderRadius,\n        applyTo: [\n            \"borderTopLeftRadius\",\n            \"borderTopRightRadius\",\n            \"borderBottomLeftRadius\",\n            \"borderBottomRightRadius\",\n        ],\n    },\n    borderTopLeftRadius: correctBorderRadius,\n    borderTopRightRadius: correctBorderRadius,\n    borderBottomLeftRadius: correctBorderRadius,\n    borderBottomRightRadius: correctBorderRadius,\n    boxShadow: correctBoxShadow,\n};\n\nexport { MeasureLayout };\n"],"names":["MeasureLayoutWithContext","React__default","visualElement","layoutGroup","switchLayoutGroup","layoutId","projection","addScaleCorrector","defaultScaleCorrectors","globalProjectionState","prevProps","layoutDependency","drag","isPresent","frame","stack","promoteContext","safeToRemove","MeasureLayout","props","usePresence","useContext","LayoutGroupContext","SwitchLayoutGroupContext","correctBorderRadius","correctBoxShadow"],"mappings":";;;;;;;;;AAUA,MAAMA,UAAiCC,EAAe,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM5D,oBAAoB;AAChB,UAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAU,IAAG,KAAK,OACnE,EAAE,YAAAC,EAAY,IAAGJ;AACvB,IAAAK,EAAkBC,CAAsB,GACpCF,MACIH,EAAY,SACZA,EAAY,MAAM,IAAIG,CAAU,GAChCF,KAAqBA,EAAkB,YAAYC,KACnDD,EAAkB,SAASE,CAAU,GAEzCA,EAAW,KAAK,aAChBA,EAAW,iBAAiB,qBAAqB,MAAM;AACnD,WAAK,aAAY;AAAA,IACjC,CAAa,GACDA,EAAW,WAAW;AAAA,MAClB,GAAGA,EAAW;AAAA,MACd,gBAAgB,MAAM,KAAK,aAAc;AAAA,IACzD,CAAa,IAELG,EAAsB,iBAAiB;AAAA,EAC1C;AAAA,EACD,wBAAwBC,GAAW;AAC/B,UAAM,EAAE,kBAAAC,GAAkB,eAAAT,GAAe,MAAAU,GAAM,WAAAC,EAAW,IAAG,KAAK,OAC5DP,IAAaJ,EAAc;AACjC,WAAKI,MASLA,EAAW,YAAYO,GACnBD,KACAF,EAAU,qBAAqBC,KAC/BA,MAAqB,SACrBL,EAAW,WAAU,IAGrB,KAAK,aAAY,GAEjBI,EAAU,cAAcG,MACpBA,IACAP,EAAW,QAAO,IAEZA,EAAW,cAMjBQ,EAAM,WAAW,MAAM;AACnB,YAAMC,IAAQT,EAAW;AACzB,OAAI,CAACS,KAAS,CAACA,EAAM,QAAQ,WACzB,KAAK,aAAY;AAAA,IAEzC,CAAiB,KAGF;AAAA,EACV;AAAA,EACD,qBAAqB;AACjB,UAAM,EAAE,YAAAT,EAAY,IAAG,KAAK,MAAM;AAClC,IAAIA,MACAA,EAAW,KAAK,aAChB,eAAe,MAAM;AACjB,MAAI,CAACA,EAAW,oBAAoBA,EAAW,OAAM,KACjD,KAAK,aAAY;AAAA,IAErC,CAAa;AAAA,EAER;AAAA,EACD,uBAAuB;AACnB,UAAM,EAAE,eAAAJ,GAAe,aAAAC,GAAa,mBAAmBa,EAAiB,IAAG,KAAK,OAC1E,EAAE,YAAAV,EAAY,IAAGJ;AACvB,IAAII,MACAA,EAAW,0BAAyB,GAChCH,KAAeA,EAAY,SAC3BA,EAAY,MAAM,OAAOG,CAAU,GACnCU,KAAkBA,EAAe,cACjCA,EAAe,WAAWV,CAAU;AAAA,EAE/C;AAAA,EACD,eAAe;AACX,UAAM,EAAE,cAAAW,EAAY,IAAK,KAAK;AAC9B,IAAAA,KAAgBA,EAAY;AAAA,EAC/B;AAAA,EACD,SAAS;AACL,WAAO;AAAA,EACV;AACL;AACA,SAASC,EAAcC,GAAO;AAC1B,QAAM,CAACN,GAAWI,CAAY,IAAIG,EAAW,GACvCjB,IAAckB,EAAWC,CAAkB;AACjD,SAAQrB,EAAe,cAAcD,GAA0B,EAAE,GAAGmB,GAAO,aAAahB,GAAa,mBAAmBkB,EAAWE,CAAwB,GAAG,WAAWV,GAAW,cAAcI,EAAY,CAAE;AACpN;AACA,MAAMT,IAAyB;AAAA,EAC3B,cAAc;AAAA,IACV,GAAGgB;AAAA,IACH,SAAS;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACH;AAAA,EACJ;AAAA,EACD,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,wBAAwBA;AAAA,EACxB,yBAAyBA;AAAA,EACzB,WAAWC;AACf;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra269.js","sources":["../node_modules/framer-motion/dist/es/events/add-dom-event.mjs"],"sourcesContent":["function addDomEvent(target, eventName, handler, options = { passive: true }) {\n    target.addEventListener(eventName, handler, options);\n    return () => target.removeEventListener(eventName, handler);\n}\n\nexport { addDomEvent };\n"],"names":["addDomEvent","target","eventName","handler","options"],"mappings":"AAAA,SAASA,EAAYC,GAAQC,GAAWC,GAASC,IAAU,EAAE,SAAS,MAAQ;AAC1E,SAAAH,EAAO,iBAAiBC,GAAWC,GAASC,CAAO,GAC5C,MAAMH,EAAO,oBAAoBC,GAAWC,CAAO;AAC9D;","x_google_ignoreList":[0]}

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra44.cjs"),q=require("react"),a=require("./lyra43.cjs");require("./lyra2.cjs");require("./lyra55.cjs");require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra8.cjs");require("./lyra57.cjs");require("./lyra10.cjs");require("./lyra124.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra61.cjs");require("./lyra19.cjs");require("./lyra123.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra58.cjs");require("./lyra25.cjs");const b=require("./lyra28.cjs");require("./lyra64.cjs");require("./lyra66.cjs");const N=require("./lyra37.cjs");require("./lyra39.cjs");require("./lyra48.cjs");const f=require("./lyra51.cjs"),j=require("./lyra42.cjs"),x=({position:r="center",fullScreen:n,fullWidth:o,maxWidth:i,isDismissable:s=!0,centerDialogToBottomOnMobileScreens:m=!0,disableBlur:y=!1,onOpenChange:l,...e},v)=>{const{direction:u}=j.useLocale(),D=N.useIsMobileDevice();r=r==="center"&&m&&D?"bottom":r,i=r==="center"&&m&&D?void 0:i;const O=q.useMemo(()=>({defaultOpen:e.defaultOpen,isOpen:e.isOpen,onOpenChange:l,isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:t,isExiting:d})=>b.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:t,isExiting:d,disableBlur:y}),style:e.overlayStyle}),[y,s,l,r,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen,e.overlayClassName,e.overlayStyle]),g=q.useMemo(()=>({isDismissable:s,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,onOpenChange:l,className:({isEntering:t,isExiting:d})=>b.modalStyles({fullScreen:n,fullWidth:o,maxWidth:i,position:r,direction:u,isEntering:t,isExiting:d,className:e.className})}),[u,n,o,s,i,l,r,e.className,e.defaultOpen,e.isKeyboardDismissDisabled,e.isOpen]),M=q.useMemo(()=>({onClose:e.onClose,children:e.children}),[e.children,e.onClose]);return c.jsxRuntimeExports.jsx(a.ModalOverlay,{...O,style:{direction:u},children:c.jsxRuntimeExports.jsx(a.Modal,{ref:v,...g,"data-position":r,children:c.jsxRuntimeExports.jsx(a.Dialog,{...M,className:"outline-none"})})})},K=f.fixedForwardRef(x);exports.DialogTrigger=a.DialogTrigger;exports.Dialog=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra53.cjs"),r=require("react"),n=require("./lyra52.cjs"),p=require("./lyra38.cjs"),B=require("./lyra42.cjs"),a=require("./lyra28.cjs"),m=require("./lyra54.cjs"),S=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:x="single",...o},c)=>t.jsxRuntimeExports.jsx(n.ListBox,{...o,ref:c,selectionMode:x,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(B.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},x)=>t.jsxRuntimeExports.jsx(n.Item,{...i,ref:x,className:({isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(p.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(n.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(n.Section,{...s,ref:e}),w=r.forwardRef(S),y=r.forwardRef(l),E=r.forwardRef(d),L=r.forwardRef(u);exports.Header=u;exports.Item=l;exports.ListBox=w;exports.ListBoxHeader=L;exports.ListBoxItem=y;exports.ListBoxSection=E;exports.Section=d;

package/dist/lyra27.cjs.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"lyra27.cjs","sources":["../src/components/list-box/list-box.tsx"],"sourcesContent":["import { ComponentProps, ForwardedRef, forwardRef, Ref } from \"react\";\nimport {\n  Header as AriaHeader,\n  Item as AriaItem,\n  ListBox as AriaListBox,\n  Section as AriaSection,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text/text\";\n\nimport { listBoxHeaderStyles, listBoxItemStyles, listBoxStyles } from \"./list-box-styles\";\n\nexport type ListBoxProps<T> = ComponentProps<typeof AriaListBox<T>> &\n  VariantProps<typeof listBoxStyles> & {\n    isEmptyLabel?: string;\n  };\n\nconst ListBoxRoot = <T extends object>(\n  {\n    className,\n    isEmptyLabel = \"No options available\",\n    renderEmptyState,\n    selectionMode = \"single\",\n    ...props\n  }: ListBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <AriaListBox\n      {...props}\n      ref={ref}\n      selectionMode={selectionMode}\n      className={twMerge(listBoxStyles({ className }))}\n      renderEmptyState={\n        renderEmptyState\n          ? renderEmptyState\n          : () => (\n              <div className=\"px-2 py-1\">\n                <Text variant=\"body-medium\">{isEmptyLabel}</Text>\n              </div>\n            )\n      }\n    />\n  );\n};\n\nexport type ItemProps = ComponentProps<typeof AriaItem> & VariantProps<typeof listBoxItemStyles>;\n\nexport const Item = (\n  { className, children, ...props }: ItemProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  return (\n    <AriaItem\n      {...props}\n      ref={ref}\n      className={({ isDisabled, isPressed, isSelected, isFocused, isHovered }) =>\n        twMerge(\n          listBoxItemStyles({\n            className,\n            isDisabled,\n            isPressed,\n            isSelected,\n            isFocused,\n            isHovered,\n          }),\n        )\n      }\n    >\n      {(renderProps) => (\n        <div className=\"flex w-full items-center justify-between gap-2\">\n          <div className={renderProps.isSelected ? \"\" : \"me-5\"}>\n            {typeof children === \"function\" ? children(renderProps) : children}\n          </div>\n          {renderProps.isSelected && <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />}\n        </div>\n      )}\n    </AriaItem>\n  );\n};\n\nexport type HeaderProps = ComponentProps<typeof AriaHeader>;\n\nexport const Header = ({ className, ...props }: HeaderProps, ref: ForwardedRef<HTMLElement>) => {\n  return <AriaHeader {...props} ref={ref} className={listBoxHeaderStyles({ className })} />;\n};\n\nexport type SectionProps = ComponentProps<typeof AriaSection>;\nexport const Section = (props: SectionProps, ref: ForwardedRef<HTMLElement>) => {\n  return <AriaSection {...props} ref={ref} />;\n};\n\nexport const ListBox = forwardRef(ListBoxRoot) as <T extends object>(\n  props: ListBoxProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof ListBoxRoot>;\n\nexport const ListBoxItem = forwardRef(Item);\nexport const ListBoxSection = forwardRef(Section);\nexport const ListBoxHeader = forwardRef(Header);\n"],"names":["ListBoxRoot","className","isEmptyLabel","renderEmptyState","selectionMode","props","ref","jsx","AriaListBox","twMerge","listBoxStyles","Text","Item","children","AriaItem","isDisabled","isPressed","isSelected","isFocused","isHovered","listBoxItemStyles","renderProps","jsxs","SvgIcon","Header","AriaHeader","listBoxHeaderStyles","Section","AriaSection","ListBox","forwardRef","ListBoxItem","ListBoxSection","ListBoxHeader"],"mappings":"qQAqBMA,EAAc,CAClB,CACE,UAAAC,EACA,aAAAC,EAAe,uBACf,iBAAAC,EACA,cAAAC,EAAgB,SAChB,GAAGC,CACL,EACAC,IAGEC,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGH,EACJ,IAAAC,EACA,cAAAF,EACA,UAAWK,EAAAA,QAAQC,EAAAA,cAAc,CAAE,UAAAT,CAAW,CAAA,CAAC,EAC/C,iBACEE,IAEI,IACGI,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,YACb,SAACA,EAAA,kBAAA,IAAAI,EAAA,KAAA,CAAK,QAAQ,cAAe,UAAa,CAAA,EAC5C,EAAA,CAAA,EASDC,EAAO,CAClB,CAAE,UAAAX,EAAW,SAAAY,EAAU,GAAGR,GAC1BC,IAGEC,EAAA,kBAAA,IAACO,EAAA,KAAA,CACE,GAAGT,EACJ,IAAAC,EACA,UAAW,CAAC,CAAE,WAAAS,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,UAAAC,KAC1DV,EAAA,QACEW,oBAAkB,CAChB,UAAAnB,EACA,WAAAc,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,CACD,CACH,EAGD,SAACE,GACCC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAU,iDACb,SAAA,CAAAf,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWc,EAAY,WAAa,GAAK,OAC3C,SAAO,OAAAR,GAAa,WAAaA,EAASQ,CAAW,EAAIR,EAC5D,EACCQ,EAAY,YAAcd,EAAAA,kBAAAA,IAACgB,WAAQ,KAAK,YAAY,UAAU,UAAU,CAAA,EAC3E,CAAA,CAAA,EAQKC,EAAS,CAAC,CAAE,UAAAvB,EAAW,GAAGI,CAAA,EAAsBC,IACpDC,wBAACkB,EAAAA,OAAY,CAAA,GAAGpB,EAAO,IAAAC,EAAU,UAAWoB,sBAAoB,CAAE,UAAAzB,CAAW,CAAA,CAAG,CAAA,EAI5E0B,EAAU,CAACtB,EAAqBC,IACnCC,EAAAA,kBAAAA,IAAAqB,EAAAA,QAAA,CAAa,GAAGvB,EAAO,IAAAC,CAAU,CAAA,EAG9BuB,EAAUC,aAAW9B,CAAW,EAIhC+B,EAAcD,aAAWlB,CAAI,EAC7BoB,EAAiBF,aAAWH,CAAO,EACnCM,EAAgBH,aAAWN,CAAM"}

package/dist/lyra27.js

@@ -1,117 +1,52 @@
-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 "./lyra55.js";
-import "./lyra34.js";
-import "./lyra59.js";
-import "./lyra60.js";
-import "./lyra62.js";
-import "./lyra8.js";
-import "./lyra57.js";
-import "./lyra10.js";
-import "./lyra124.js";
-import "./lyra21.js";
-import "./lyra14.js";
-import "./lyra16.js";
-import "./lyra17.js";
-import "./lyra61.js";
-import "./lyra19.js";
-import "./lyra123.js";
-import "./lyra22.js";
-import "./lyra23.js";
-import "./lyra58.js";
-import "./lyra25.js";
-import { modalOverlayStyles as K, modalStyles as j } from "./lyra28.js";
-import "./lyra64.js";
-import "./lyra66.js";
-import { useIsMobileDevice as M } from "./lyra37.js";
-import "./lyra39.js";
-import "./lyra48.js";
-import { fixedForwardRef as g } from "./lyra51.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
+import { j as t } from "./lyra53.js";
+import { forwardRef as i } from "react";
+import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra52.js";
+import { SvgIcon as $ } from "./lyra38.js";
+import { Text as u } from "./lyra42.js";
+import { listBoxStyles as B, listBoxItemStyles as S, listBoxHeaderStyles as N } from "./lyra28.js";
+import { twMerge as m } from "./lyra54.js";
+const y = ({
+  className: s,
+  isEmptyLabel: e = "No options available",
+  renderEmptyState: a,
+  selectionMode: c = "single",
+  ...o
+}, r) => /* @__PURE__ */ t.jsx(
+  l,
+  {
+    ...o,
+    ref: r,
+    selectionMode: c,
+    className: m(B({ className: s })),
+    renderEmptyState: a || (() => /* @__PURE__ */ t.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ t.jsx(u, { variant: "body-medium", children: e }) }))
+  }
+), b = ({ className: s, children: e, ...a }, c) => /* @__PURE__ */ t.jsx(
+  d,
+  {
+    ...a,
+    ref: c,
+    className: ({ isDisabled: o, isPressed: r, isSelected: x, isFocused: n, isHovered: f }) => m(
+      S({
+        className: s,
+        isDisabled: o,
+        isPressed: r,
+        isSelected: x,
+        isFocused: n,
+        isHovered: f
       })
-    }),
-    [
-      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);
+    ),
+    children: (o) => /* @__PURE__ */ t.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
+      /* @__PURE__ */ t.jsx("div", { className: o.isSelected ? "" : "me-5", children: typeof e == "function" ? e(o) : e }),
+      o.isSelected && /* @__PURE__ */ t.jsx($, { name: "checkmark", className: "h-4 w-4" })
+    ] })
+  }
+), v = ({ className: s, ...e }, a) => /* @__PURE__ */ t.jsx(p, { ...e, ref: a, className: N({ className: s }) }), L = (s, e) => /* @__PURE__ */ t.jsx(j, { ...s, ref: e }), E = i(y), M = i(b), T = i(L), q = i(v);
 export {
-  oe as Dialog,
-  de as DialogTrigger
+  v as Header,
+  b as Item,
+  E as ListBox,
+  q as ListBoxHeader,
+  M as ListBoxItem,
+  T as ListBoxSection,
+  L as Section
 };

package/dist/lyra27.js.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"lyra27.js","sources":["../src/components/list-box/list-box.tsx"],"sourcesContent":["import { ComponentProps, ForwardedRef, forwardRef, Ref } from \"react\";\nimport {\n  Header as AriaHeader,\n  Item as AriaItem,\n  ListBox as AriaListBox,\n  Section as AriaSection,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text/text\";\n\nimport { listBoxHeaderStyles, listBoxItemStyles, listBoxStyles } from \"./list-box-styles\";\n\nexport type ListBoxProps<T> = ComponentProps<typeof AriaListBox<T>> &\n  VariantProps<typeof listBoxStyles> & {\n    isEmptyLabel?: string;\n  };\n\nconst ListBoxRoot = <T extends object>(\n  {\n    className,\n    isEmptyLabel = \"No options available\",\n    renderEmptyState,\n    selectionMode = \"single\",\n    ...props\n  }: ListBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <AriaListBox\n      {...props}\n      ref={ref}\n      selectionMode={selectionMode}\n      className={twMerge(listBoxStyles({ className }))}\n      renderEmptyState={\n        renderEmptyState\n          ? renderEmptyState\n          : () => (\n              <div className=\"px-2 py-1\">\n                <Text variant=\"body-medium\">{isEmptyLabel}</Text>\n              </div>\n            )\n      }\n    />\n  );\n};\n\nexport type ItemProps = ComponentProps<typeof AriaItem> & VariantProps<typeof listBoxItemStyles>;\n\nexport const Item = (\n  { className, children, ...props }: ItemProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  return (\n    <AriaItem\n      {...props}\n      ref={ref}\n      className={({ isDisabled, isPressed, isSelected, isFocused, isHovered }) =>\n        twMerge(\n          listBoxItemStyles({\n            className,\n            isDisabled,\n            isPressed,\n            isSelected,\n            isFocused,\n            isHovered,\n          }),\n        )\n      }\n    >\n      {(renderProps) => (\n        <div className=\"flex w-full items-center justify-between gap-2\">\n          <div className={renderProps.isSelected ? \"\" : \"me-5\"}>\n            {typeof children === \"function\" ? children(renderProps) : children}\n          </div>\n          {renderProps.isSelected && <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />}\n        </div>\n      )}\n    </AriaItem>\n  );\n};\n\nexport type HeaderProps = ComponentProps<typeof AriaHeader>;\n\nexport const Header = ({ className, ...props }: HeaderProps, ref: ForwardedRef<HTMLElement>) => {\n  return <AriaHeader {...props} ref={ref} className={listBoxHeaderStyles({ className })} />;\n};\n\nexport type SectionProps = ComponentProps<typeof AriaSection>;\nexport const Section = (props: SectionProps, ref: ForwardedRef<HTMLElement>) => {\n  return <AriaSection {...props} ref={ref} />;\n};\n\nexport const ListBox = forwardRef(ListBoxRoot) as <T extends object>(\n  props: ListBoxProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof ListBoxRoot>;\n\nexport const ListBoxItem = forwardRef(Item);\nexport const ListBoxSection = forwardRef(Section);\nexport const ListBoxHeader = forwardRef(Header);\n"],"names":["ListBoxRoot","className","isEmptyLabel","renderEmptyState","selectionMode","props","ref","jsx","AriaListBox","twMerge","listBoxStyles","Text","Item","children","AriaItem","isDisabled","isPressed","isSelected","isFocused","isHovered","listBoxItemStyles","renderProps","jsxs","SvgIcon","Header","AriaHeader","listBoxHeaderStyles","Section","AriaSection","ListBox","forwardRef","ListBoxItem","ListBoxSection","ListBoxHeader"],"mappings":";;;;;;;AAqBA,MAAMA,IAAc,CAClB;AAAA,EACE,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,kBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GACAC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACE,GAAGH;AAAA,IACJ,KAAAC;AAAA,IACA,eAAAF;AAAA,IACA,WAAWK,EAAQC,EAAc,EAAE,WAAAT,EAAW,CAAA,CAAC;AAAA,IAC/C,kBACEE,MAEI,MACGI,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,aACb,UAACA,gBAAAA,EAAA,IAAAI,GAAA,EAAK,SAAQ,eAAe,YAAa,CAAA,GAC5C;AAAA,EAAA;AAAA,GASDC,IAAO,CAClB,EAAE,WAAAX,GAAW,UAAAY,GAAU,GAAGR,KAC1BC,MAGEC,gBAAAA,EAAA;AAAA,EAACO;AAAAA,EAAA;AAAA,IACE,GAAGT;AAAA,IACJ,KAAAC;AAAA,IACA,WAAW,CAAC,EAAE,YAAAS,GAAY,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QAC1DV;AAAA,MACEW,EAAkB;AAAA,QAChB,WAAAnB;AAAA,QACA,YAAAc;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IAGD,UAAC,CAAAE,MACCC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAAf,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWc,EAAY,aAAa,KAAK,QAC3C,UAAO,OAAAR,KAAa,aAAaA,EAASQ,CAAW,IAAIR,GAC5D;AAAA,MACCQ,EAAY,cAAcd,gBAAAA,EAAAA,IAACgB,KAAQ,MAAK,aAAY,WAAU,WAAU;AAAA,IAAA,GAC3E;AAAA,EAAA;AAAA,GAQKC,IAAS,CAAC,EAAE,WAAAvB,GAAW,GAAGI,EAAA,GAAsBC,MACpDC,gBAAAA,MAACkB,GAAY,EAAA,GAAGpB,GAAO,KAAAC,GAAU,WAAWoB,EAAoB,EAAE,WAAAzB,EAAW,CAAA,EAAG,CAAA,GAI5E0B,IAAU,CAACtB,GAAqBC,MACnCC,gBAAAA,EAAAA,IAAAqB,GAAA,EAAa,GAAGvB,GAAO,KAAAC,EAAU,CAAA,GAG9BuB,IAAUC,EAAW9B,CAAW,GAIhC+B,IAAcD,EAAWlB,CAAI,GAC7BoB,IAAiBF,EAAWH,CAAO,GACnCM,IAAgBH,EAAWN,CAAM;"}

package/dist/lyra270.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra278.cjs"),n=require("./lyra279.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra271.cjs");function n(t,r="page"){return{point:{x:t[r+"X"],y:t[r+"Y"]}}}const e=t=>r=>o.isPrimaryPointer(r)&&t(r,n(r));exports.addPointerInfo=e;exports.extractEventInfo=n;

package/dist/lyra270.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra270.cjs","sources":["../node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":"4IAGMA,EAAqB,CACvB,QAAS,MACb,EACMC,EAAqBC,EAAAA,qBAAqB,CAC5C,cAAgBC,IAAc,CAC1B,EAAGA,EAAS,WACZ,EAAGA,EAAS,SACpB,GACI,cAAe,IAAM,CACjB,GAAI,CAACH,EAAmB,QAAS,CAC7B,MAAMI,EAAe,IAAIC,yBAAuB,CAAA,CAAE,EAClDD,EAAa,MAAM,MAAM,EACzBA,EAAa,WAAW,CAAE,aAAc,EAAM,CAAA,EAC9CJ,EAAmB,QAAUI,CAChC,CACD,OAAOJ,EAAmB,OAC7B,EACD,eAAgB,CAACG,EAAUG,IAAU,CACjCH,EAAS,MAAM,UAAYG,IAAU,OAAYA,EAAQ,MAC5D,EACD,kBAAoBH,GAAqB,OAAO,iBAAiBA,CAAQ,EAAE,WAAa,OAC5F,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra270.cjs","sources":["../node_modules/framer-motion/dist/es/events/event-info.mjs"],"sourcesContent":["import { isPrimaryPointer } from './utils/is-primary-pointer.mjs';\n\nfunction extractEventInfo(event, pointType = \"page\") {\n    return {\n        point: {\n            x: event[pointType + \"X\"],\n            y: event[pointType + \"Y\"],\n        },\n    };\n}\nconst addPointerInfo = (handler) => {\n    return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));\n};\n\nexport { addPointerInfo, extractEventInfo };\n"],"names":["extractEventInfo","event","pointType","addPointerInfo","handler","isPrimaryPointer"],"mappings":"iHAEA,SAASA,EAAiBC,EAAOC,EAAY,OAAQ,CACjD,MAAO,CACH,MAAO,CACH,EAAGD,EAAMC,EAAY,GAAG,EACxB,EAAGD,EAAMC,EAAY,GAAG,CAC3B,CACT,CACA,CACK,MAACC,EAAkBC,GACZH,GAAUI,EAAgB,iBAACJ,CAAK,GAAKG,EAAQH,EAAOD,EAAiBC,CAAK,CAAC","x_google_ignoreList":[0]}

package/dist/lyra270.js

@@ -1,25 +1,14 @@
-import { createProjectionNode as t } from "./lyra278.js";
-import { DocumentProjectionNode as n } from "./lyra279.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
+import { isPrimaryPointer as t } from "./lyra271.js";
+function n(o, r = "page") {
+  return {
+    point: {
+      x: o[r + "X"],
+      y: o[r + "Y"]
     }
-    return e.current;
-  },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+  };
+}
+const a = (o) => (r) => t(r) && o(r, n(r));
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  a as addPointerInfo,
+  n as extractEventInfo
 };

package/dist/lyra270.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra270.js","sources":["../node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,CAAA,CAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAM,CAAA,GAC9CJ,EAAmB,UAAUI;AAAA,IAChC;AACD,WAAOJ,EAAmB;AAAA,EAC7B;AAAA,EACD,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC5D;AAAA,EACD,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra270.js","sources":["../node_modules/framer-motion/dist/es/events/event-info.mjs"],"sourcesContent":["import { isPrimaryPointer } from './utils/is-primary-pointer.mjs';\n\nfunction extractEventInfo(event, pointType = \"page\") {\n    return {\n        point: {\n            x: event[pointType + \"X\"],\n            y: event[pointType + \"Y\"],\n        },\n    };\n}\nconst addPointerInfo = (handler) => {\n    return (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));\n};\n\nexport { addPointerInfo, extractEventInfo };\n"],"names":["extractEventInfo","event","pointType","addPointerInfo","handler","isPrimaryPointer"],"mappings":";AAEA,SAASA,EAAiBC,GAAOC,IAAY,QAAQ;AACjD,SAAO;AAAA,IACH,OAAO;AAAA,MACH,GAAGD,EAAMC,IAAY,GAAG;AAAA,MACxB,GAAGD,EAAMC,IAAY,GAAG;AAAA,IAC3B;AAAA,EACT;AACA;AACK,MAACC,IAAiB,CAACC,MACb,CAACH,MAAUI,EAAiBJ,CAAK,KAAKG,EAAQH,GAAOD,EAAiBC,CAAK,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra306.cjs"),u=require("./lyra204.cjs"),l=require("./lyra177.cjs"),a=require("./lyra307.cjs"),c=require("./lyra308.cjs"),d=require("./lyra294.cjs"),p=require("./lyra309.cjs"),m=require("./lyra310.cjs"),V=require("./lyra150.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 t=r=>r.pointerType==="mouse"?typeof r.button!="number"||r.button<=0:r.isPrimary!==!1;exports.isPrimaryPointer=t;

package/dist/lyra271.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra271.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":"yUAUA,SAASA,EAAiBC,EAAS,CAC/B,OAAO,OAAO,iBAAiBA,CAAO,CAC1C,CACA,MAAMC,UAA0BC,EAAAA,gBAAiB,CAC7C,sBAAsBC,EAAUC,EAAK,CACjC,GAAIC,EAAc,eAAC,IAAID,CAAG,EAAG,CACzB,MAAME,EAAcC,sBAAoBH,CAAG,EAC3C,OAAOE,GAAcA,EAAY,SAAW,CAC/C,KACI,CACD,MAAME,EAAgBT,EAAiBI,CAAQ,EACzCM,GAASC,EAAiB,kBAACN,CAAG,EAC9BI,EAAc,iBAAiBJ,CAAG,EAClCI,EAAcJ,CAAG,IAAM,EAC7B,OAAO,OAAOK,GAAU,SAAWA,EAAM,KAAI,EAAKA,CACrD,CACJ,CACD,2BAA2BN,EAAU,CAAE,mBAAAQ,GAAsB,CACzD,OAAOC,EAAkB,mBAACT,EAAUQ,CAAkB,CACzD,CACD,MAAME,EAAaC,EAAcC,EAASC,EAAO,CAC7CC,EAAe,gBAACJ,EAAaC,EAAcC,EAASC,EAAM,iBAAiB,CAC9E,CACD,4BAA4BA,EAAOE,EAAW,CAC1C,OAAOC,EAA2B,4BAACH,EAAOE,CAAS,CACtD,CACD,wBAAyB,CACjB,KAAK,oBACL,KAAK,kBAAiB,EACtB,OAAO,KAAK,mBAEhB,KAAM,CAAE,SAAAE,CAAQ,EAAK,KAAK,MACtBC,EAAAA,cAAcD,CAAQ,IACtB,KAAK,kBAAoBA,EAAS,GAAG,SAAWE,GAAW,CACnD,KAAK,UACL,KAAK,QAAQ,YAAc,GAAGA,CAAM,GACxD,CAAa,EAER,CACD,eAAenB,EAAUU,EAAaU,EAAWC,EAAY,CACzDC,EAAAA,WAAWtB,EAAUU,EAAaU,EAAWC,CAAU,CAC1D,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra271.cjs","sources":["../node_modules/framer-motion/dist/es/events/utils/is-primary-pointer.mjs"],"sourcesContent":["const isPrimaryPointer = (event) => {\n    if (event.pointerType === \"mouse\") {\n        return typeof event.button !== \"number\" || event.button <= 0;\n    }\n    else {\n        /**\n         * isPrimary is true for all mice buttons, whereas every touch point\n         * is regarded as its own input. So subsequent concurrent touch points\n         * will be false.\n         *\n         * Specifically match against false here as incomplete versions of\n         * PointerEvents in very old browser might have it set as undefined.\n         */\n        return event.isPrimary !== false;\n    }\n};\n\nexport { isPrimaryPointer };\n"],"names":["isPrimaryPointer","event"],"mappings":"gFAAK,MAACA,EAAoBC,GAClBA,EAAM,cAAgB,QACf,OAAOA,EAAM,QAAW,UAAYA,EAAM,QAAU,EAWpDA,EAAM,YAAc","x_google_ignoreList":[0]}

package/dist/lyra271.js

@@ -1,46 +1,4 @@
-import { buildHTMLStyles as n } from "./lyra306.js";
-import { isCSSVariableName as s } from "./lyra204.js";
-import { transformProps as l } from "./lyra177.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra307.js";
-import { renderHTML as u } from "./lyra308.js";
-import { getDefaultValueType as a } from "./lyra294.js";
-import { measureViewportBox as p } from "./lyra309.js";
-import { DOMVisualElement as c } from "./lyra310.js";
-import { isMotionValue as d } from "./lyra150.js";
-function f(i) {
-  return window.getComputedStyle(i);
-}
-class w extends c {
-  readValueFromInstance(e, t) {
-    if (l.has(t)) {
-      const r = a(t);
-      return r && r.default || 0;
-    } else {
-      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
-      return typeof o == "string" ? o.trim() : o;
-    }
-  }
-  measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return p(e, t);
-  }
-  build(e, t, r, o) {
-    n(e, t, r, o.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(e, t) {
-    return m(e, t);
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    d(e) && (this.childSubscription = e.on("change", (t) => {
-      this.current && (this.current.textContent = `${t}`);
-    }));
-  }
-  renderInstance(e, t, r, o) {
-    u(e, t, r, o);
-  }
-}
+const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
 export {
-  w as HTMLVisualElement,
-  f as getComputedStyle
+  o as isPrimaryPointer
 };

package/dist/lyra271.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra271.js","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":";;;;;;;;;AAUA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG,GAAG;AACzB,YAAME,IAAcC,EAAoBH,CAAG;AAC3C,aAAOE,KAAcA,EAAY,WAAW;AAAA,IAC/C,OACI;AACD,YAAME,IAAgBT,EAAiBI,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACrD;AAAA,EACJ;AAAA,EACD,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EACzD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASC,GAAO;AAC7C,IAAAC,EAAgBJ,GAAaC,GAAcC,GAASC,EAAM,iBAAiB;AAAA,EAC9E;AAAA,EACD,4BAA4BA,GAAOE,GAAW;AAC1C,WAAOC,EAA4BH,GAAOE,CAAS;AAAA,EACtD;AAAA,EACD,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAE,EAAQ,IAAK,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IACxD,CAAa;AAAA,EAER;AAAA,EACD,eAAenB,GAAUU,GAAaU,GAAWC,GAAY;AACzD,IAAAC,EAAWtB,GAAUU,GAAaU,GAAWC,CAAU;AAAA,EAC1D;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra271.js","sources":["../node_modules/framer-motion/dist/es/events/utils/is-primary-pointer.mjs"],"sourcesContent":["const isPrimaryPointer = (event) => {\n    if (event.pointerType === \"mouse\") {\n        return typeof event.button !== \"number\" || event.button <= 0;\n    }\n    else {\n        /**\n         * isPrimary is true for all mice buttons, whereas every touch point\n         * is regarded as its own input. So subsequent concurrent touch points\n         * will be false.\n         *\n         * Specifically match against false here as incomplete versions of\n         * PointerEvents in very old browser might have it set as undefined.\n         */\n        return event.isPrimary !== false;\n    }\n};\n\nexport { isPrimaryPointer };\n"],"names":["isPrimaryPointer","event"],"mappings":"AAAK,MAACA,IAAmB,CAACC,MAClBA,EAAM,gBAAgB,UACf,OAAOA,EAAM,UAAW,YAAYA,EAAM,UAAU,IAWpDA,EAAM,cAAc;","x_google_ignoreList":[0]}

package/dist/lyra272.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("./lyra209.cjs"),i=require("./lyra313.cjs"),l=require("./lyra177.cjs"),c=require("./lyra314.cjs"),m=require("./lyra294.cjs"),V=require("./lyra170.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"});var e={exports:{}};exports.__module=e;

package/dist/lyra272.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra272.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":"lyra272.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}