@new-black/lyra 0.1.16 → 0.1.17

package/dist/lyra196.js

@@ -1,13 +1,6 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra193.js";
-import { getCurrentTreeVariants as m } from "./lyra304.js";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
-}
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
+function e(t) {
+  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 export {
-  C as useCreateMotionContext
+  e as isRefObject
 };

package/dist/lyra196.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra196.js","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAIA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra196.js","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAQ,OAAOA,KAAQ,YACnB,OAAO,UAAU,eAAe,KAAKA,GAAK,SAAS;AAC3D;","x_google_ignoreList":[0]}

package/dist/lyra197.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra216.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra190.cjs"),e=require("./lyra198.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;

package/dist/lyra197.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra197.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":"iHAEA,SAASA,EAAaC,EAAU,CAC5B,UAAWC,KAAOD,EACdE,EAAkB,mBAACD,CAAG,EAAI,CACtB,GAAGC,EAAAA,mBAAmBD,CAAG,EACzB,GAAGD,EAASC,CAAG,CAC3B,CAEA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra197.cjs","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs"],"sourcesContent":["import { isBrowser } from '../is-browser.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addListener(setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { initPrefersReducedMotion };\n"],"names":["initPrefersReducedMotion","hasReducedMotionListener","isBrowser","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":"4IAGA,SAASA,GAA2B,CAEhC,GADAC,EAAwB,yBAAC,QAAU,GAC/B,EAACC,EAAS,UAEd,GAAI,OAAO,WAAY,CACnB,MAAMC,EAAmB,OAAO,WAAW,0BAA0B,EAC/DC,EAA8B,IAAOC,EAAoB,qBAAC,QAAUF,EAAiB,QAC3FA,EAAiB,YAAYC,CAA2B,EACxDA,GACH,MAEGC,EAAoB,qBAAC,QAAU,EAEvC","x_google_ignoreList":[0]}

package/dist/lyra197.js

@@ -1,11 +1,13 @@
-import { featureDefinitions as n } from "./lyra216.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
+import { isBrowser as o } from "./lyra190.js";
+import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra198.js";
+function c() {
+  if (i.current = !0, !!o)
+    if (window.matchMedia) {
+      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
+      e.addListener(r), r();
+    } else
+      t.current = !1;
 }
 export {
-  e as loadFeatures
+  c as initPrefersReducedMotion
 };

package/dist/lyra197.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra197.js","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":";AAEA,SAASA,EAAaC,GAAU;AAC5B,aAAWC,KAAOD;AACd,IAAAE,EAAmBD,CAAG,IAAI;AAAA,MACtB,GAAGC,EAAmBD,CAAG;AAAA,MACzB,GAAGD,EAASC,CAAG;AAAA,IAC3B;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra197.js","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/index.mjs"],"sourcesContent":["import { isBrowser } from '../is-browser.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addListener(setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { initPrefersReducedMotion };\n"],"names":["initPrefersReducedMotion","hasReducedMotionListener","isBrowser","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":";;AAGA,SAASA,IAA2B;AAEhC,MADAC,EAAyB,UAAU,IAC/B,EAACC;AAEL,QAAI,OAAO,YAAY;AACnB,YAAMC,IAAmB,OAAO,WAAW,0BAA0B,GAC/DC,IAA8B,MAAOC,EAAqB,UAAUF,EAAiB;AAC3F,MAAAA,EAAiB,YAAYC,CAA2B,GACxDA;IACH;AAEG,MAAAC,EAAqB,UAAU;AAEvC;","x_google_ignoreList":[0]}

package/dist/lyra198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;

package/dist/lyra198.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"gFAAK,MAACA,EAAY,OAAO,SAAa","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.cjs","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"gFACK,MAACA,EAAuB,CAAE,QAAS,IAAO,EACzCC,EAA2B,CAAE,QAAS,EAAK","x_google_ignoreList":[0]}

package/dist/lyra198.js

@@ -1,4 +1,5 @@
-const e = typeof document < "u";
+const e = { current: null }, n = { current: !1 };
 export {
-  e as isBrowser
+  n as hasReducedMotionListener,
+  e as prefersReducedMotion
 };

package/dist/lyra198.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,WAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"AACK,MAACA,IAAuB,EAAE,SAAS,KAAO,GACzCC,IAA2B,EAAE,SAAS,GAAK;","x_google_ignoreList":[0]}

package/dist/lyra199.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra238.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;

package/dist/lyra199.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":"yGAEMA,EAAcC,EAAa,cAAC,CAAE,OAAQ,EAAO,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/utils/subscription-manager.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n"],"names":["SubscriptionManager","handler","addUniqueItem","removeItem","a","b","c","numSubscriptions"],"mappings":"iHAEA,MAAMA,CAAoB,CACtB,aAAc,CACV,KAAK,cAAgB,EACxB,CACD,IAAIC,EAAS,CACTC,OAAAA,EAAAA,cAAc,KAAK,cAAeD,CAAO,EAClC,IAAME,EAAAA,WAAW,KAAK,cAAeF,CAAO,CACtD,CACD,OAAOG,EAAGC,EAAGC,EAAG,CACZ,MAAMC,EAAmB,KAAK,cAAc,OAC5C,GAAKA,EAEL,GAAIA,IAAqB,EAIrB,KAAK,cAAc,CAAC,EAAEH,EAAGC,EAAGC,CAAC,MAG7B,SAAS,EAAI,EAAG,EAAIC,EAAkB,IAAK,CAKvC,MAAMN,EAAU,KAAK,cAAc,CAAC,EACpCA,GAAWA,EAAQG,EAAGC,EAAGC,CAAC,CAC7B,CAER,CACD,SAAU,CACN,OAAO,KAAK,cAAc,MAC7B,CACD,OAAQ,CACJ,KAAK,cAAc,OAAS,CAC/B,CACL","x_google_ignoreList":[0]}

package/dist/lyra199.js

@@ -1,5 +1,29 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+import { addUniqueItem as e, removeItem as u } from "./lyra238.js";
+class h {
+  constructor() {
+    this.subscriptions = [];
+  }
+  add(s) {
+    return e(this.subscriptions, s), () => u(this.subscriptions, s);
+  }
+  notify(s, r, n) {
+    const i = this.subscriptions.length;
+    if (i)
+      if (i === 1)
+        this.subscriptions[0](s, r, n);
+      else
+        for (let t = 0; t < i; t++) {
+          const o = this.subscriptions[t];
+          o && o(s, r, n);
+        }
+  }
+  getSize() {
+    return this.subscriptions.length;
+  }
+  clear() {
+    this.subscriptions.length = 0;
+  }
+}
 export {
-  o as LazyContext
+  h as SubscriptionManager
 };

package/dist/lyra199.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":";AAEK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAO,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/utils/subscription-manager.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n"],"names":["SubscriptionManager","handler","addUniqueItem","removeItem","a","b","c","numSubscriptions","i"],"mappings":";AAEA,MAAMA,EAAoB;AAAA,EACtB,cAAc;AACV,SAAK,gBAAgB;EACxB;AAAA,EACD,IAAIC,GAAS;AACT,WAAAC,EAAc,KAAK,eAAeD,CAAO,GAClC,MAAME,EAAW,KAAK,eAAeF,CAAO;AAAA,EACtD;AAAA,EACD,OAAOG,GAAGC,GAAGC,GAAG;AACZ,UAAMC,IAAmB,KAAK,cAAc;AAC5C,QAAKA;AAEL,UAAIA,MAAqB;AAIrB,aAAK,cAAc,CAAC,EAAEH,GAAGC,GAAGC,CAAC;AAAA;AAG7B,iBAASE,IAAI,GAAGA,IAAID,GAAkBC,KAAK;AAKvC,gBAAMP,IAAU,KAAK,cAAcO,CAAC;AACpC,UAAAP,KAAWA,EAAQG,GAAGC,GAAGC,CAAC;AAAA,QAC7B;AAAA,EAER;AAAA,EACD,UAAU;AACN,WAAO,KAAK,cAAc;AAAA,EAC7B;AAAA,EACD,QAAQ;AACJ,SAAK,cAAc,SAAS;AAAA,EAC/B;AACL;","x_google_ignoreList":[0]}

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra54.cjs"),e=require("react"),A=require("./lyra53.cjs"),E=require("./lyra100.cjs"),R=require("./lyra101.cjs"),S=require("./lyra39.cjs"),g=require("./lyra3.cjs"),C=require("./lyra62.cjs"),h=require("./lyra55.cjs"),P=require("./lyra102.cjs"),N=require("./lyra103.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("lyra-accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra54.cjs"),e=require("react"),A=require("./lyra53.cjs"),h=require("./lyra55.cjs"),E=require("./lyra99.cjs"),R=require("./lyra100.cjs"),S=require("./lyra39.cjs"),g=require("./lyra3.cjs"),C=require("./lyra62.cjs"),P=require("./lyra101.cjs"),N=require("./lyra102.cjs"),b=e.createContext(void 0),F=({children:x,className:m,mode:i="multiple",...p},l)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{i==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(u=>u!==o)):s([...t,o])},[i,t]);return n.jsxRuntimeExports.jsx(b.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:l,className:E.cx("lyra-accordion flex flex-col",m),...p,children:x})})},M=({children:x,className:m,defaultOpen:i,disableAccordionContentPadding:p,isDisabled:l,title:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{openItemKeys:u,toggleItemKey:j}=e.useContext(b),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),d=e.useMemo(()=>u.includes(c),[c,u]);return e.useEffect(()=>{i&&!y.current&&(j(c),y.current=!0)},[c,i,j]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:m})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:l,className:h.twMerge(g.accordionItemButtonStyles({isOpen:d,isDisabled:l})),"aria-expanded":d,onPress:()=>j(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[t,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",d?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:d&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:p}),style:{fontFamily:"var(--accordion-content-font-family)"},children:x})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;

package/dist/lyra2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra2.cjs","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, mode = \"multiple\", className, ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    title,\n    className,\n    isDisabled,\n    defaultOpen,\n    children,\n    disableAccordionContentPadding,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { toggleItemKey, openItemKeys } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","mode","className","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","title","isDisabled","defaultOpen","disableAccordionContentPadding","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}
+{"version":3,"file":"lyra2.cjs","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, className, mode = \"multiple\", ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    children,\n    className,\n    defaultOpen,\n    disableAccordionContentPadding,\n    isDisabled,\n    title,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { openItemKeys, toggleItemKey } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","className","mode","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","defaultOpen","disableAccordionContentPadding","isDisabled","title","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}

package/dist/lyra2.js

@@ -1,39 +1,39 @@
 import { j as t } from "./lyra54.js";
-import { createContext as S, useState as E, useCallback as N, useContext as P, useId as x, useRef as $, useMemo as R, useEffect as F } from "react";
+import { createContext as S, useState as E, useCallback as N, useContext as P, useId as v, useRef as $, useMemo as R, useEffect as F } from "react";
 import { Button as k } from "./lyra53.js";
-import { cx as h } from "./lyra100.js";
-import { fixedForwardRef as j } from "./lyra101.js";
+import { twMerge as y } from "./lyra55.js";
+import { cx as h } from "./lyra99.js";
+import { fixedForwardRef as j } from "./lyra100.js";
 import { SvgIcon as D } from "./lyra39.js";
 import { accordionItemStyles as B, accordionItemButtonStyles as K, accordionItemContentStyles as M } from "./lyra3.js";
 import { useFocusRing as T } from "./lyra62.js";
-import { twMerge as y } from "./lyra55.js";
-import { AnimatePresence as _ } from "./lyra102.js";
-import { motion as z } from "./lyra103.js";
+import { AnimatePresence as _ } from "./lyra101.js";
+import { motion as z } from "./lyra102.js";
 const w = S(
   void 0
-), O = ({ children: m, mode: a = "multiple", className: l, ...f }, p) => {
+), O = ({ children: d, className: m, mode: s = "multiple", ...p }, a) => {
   const [e, n] = E([]), u = N(
     (o) => {
-      a === "single" ? e.includes(o) ? n([]) : n([o]) : e.includes(o) ? n(e.filter((s) => s !== o)) : n([...e, o]);
+      s === "single" ? e.includes(o) ? n([]) : n([o]) : e.includes(o) ? n(e.filter((l) => l !== o)) : n([...e, o]);
     },
-    [a, e]
+    [s, e]
   );
-  return /* @__PURE__ */ t.jsx(w.Provider, { value: { toggleItemKey: u, openItemKeys: e }, children: /* @__PURE__ */ t.jsx("div", { ref: p, className: h("lyra-accordion flex flex-col", l), ...f, children: m }) });
+  return /* @__PURE__ */ t.jsx(w.Provider, { value: { toggleItemKey: u, openItemKeys: e }, children: /* @__PURE__ */ t.jsx("div", { ref: a, className: h("lyra-accordion flex flex-col", m), ...p, children: d }) });
 }, U = ({
-  title: m,
-  className: a,
-  isDisabled: l,
-  defaultOpen: f,
-  children: p,
-  disableAccordionContentPadding: e
+  children: d,
+  className: m,
+  defaultOpen: s,
+  disableAccordionContentPadding: p,
+  isDisabled: a,
+  title: e
 }, n) => {
-  const { focusProps: u, isFocusVisible: o } = T({ within: !0 }), { toggleItemKey: s, openItemKeys: v } = P(w), i = x(), b = x(), g = x(), I = $(!1), d = R(() => v.includes(i), [i, v]);
+  const { focusProps: u, isFocusVisible: o } = T({ within: !0 }), { openItemKeys: l, toggleItemKey: x } = P(w), i = v(), b = v(), g = v(), I = $(!1), f = R(() => l.includes(i), [i, l]);
   return F(() => {
-    f && !I.current && (s(i), I.current = !0);
-  }, [i, f, s]), /* @__PURE__ */ t.jsxs(
+    s && !I.current && (x(i), I.current = !0);
+  }, [i, s, x]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: y(B({ isFocusVisible: o, className: a })),
+      className: y(B({ isFocusVisible: o, className: m })),
       ...u,
       ref: n,
       children: [
@@ -41,10 +41,10 @@ const w = S(
           k,
           {
             id: b,
-            isDisabled: l,
-            className: y(K({ isOpen: d, isDisabled: l })),
-            "aria-expanded": d,
-            onPress: () => s(i),
+            isDisabled: a,
+            className: y(K({ isOpen: f, isDisabled: a })),
+            "aria-expanded": f,
+            onPress: () => x(i),
             onKeyDown: (r) => {
               if (r.key === "ArrowDown") {
                 r.preventDefault();
@@ -58,14 +58,14 @@ const w = S(
             },
             "aria-controls": g,
             children: [
-              m,
+              e,
               /* @__PURE__ */ t.jsx(
                 D,
                 {
                   name: "chevron-down",
                   className: h(
                     "transition duration-200 ease-in-out",
-                    d ? "rotate-180" : "rotate-0",
+                    f ? "rotate-180" : "rotate-0",
                     "w-4"
                   )
                 }
@@ -73,7 +73,7 @@ const w = S(
             ]
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { initial: !1, children: d && /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(_, { initial: !1, children: f && /* @__PURE__ */ t.jsx(
           z.div,
           {
             id: g,
@@ -92,12 +92,12 @@ const w = S(
               "div",
               {
                 className: M({
-                  disableAccordionContentPadding: e
+                  disableAccordionContentPadding: p
                 }),
                 style: {
                   fontFamily: "var(--accordion-content-font-family)"
                 },
-                children: p
+                children: d
               }
             )
           }

package/dist/lyra2.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra2.js","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, mode = \"multiple\", className, ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    title,\n    className,\n    isDisabled,\n    defaultOpen,\n    children,\n    disableAccordionContentPadding,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { toggleItemKey, openItemKeys } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","mode","className","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","title","isDisabled","defaultOpen","disableAccordionContentPadding","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}
+{"version":3,"file":"lyra2.js","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, className, mode = \"multiple\", ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    children,\n    className,\n    defaultOpen,\n    disableAccordionContentPadding,\n    isDisabled,\n    title,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { openItemKeys, toggleItemKey } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","className","mode","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","defaultOpen","disableAccordionContentPadding","isDisabled","title","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),R=require("react"),B=require("./lyra53.cjs");require("./lyra2.cjs");const y=require("./lyra100.cjs");require("./lyra104.cjs");const T=require("./lyra43.cjs");require("./lyra105.cjs");require("./lyra106.cjs");require("./lyra108.cjs");require("./lyra8.cjs");const G=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra116.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const v=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const Q=require("./lyra29.cjs"),C=require("./lyra155.cjs"),K=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra117.cjs");const f=require("./lyra22.cjs"),$=require("./lyra156.cjs");require("./lyra23.cjs");require("./lyra118.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra112.cjs");const ss=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra114.cjs");require("./lyra42.cjs");require("./lyra151.cjs");const es=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const g=require("./lyra157.cjs"),k=require("./lyra55.cjs"),_=require("./lyra52.cjs"),ts=({itemLabelKey:e,items:n,onQueryChange:i})=>{const[o,c]=R.useState(""),{contains:u,startsWith:j}=_.useFilter({sensitivity:"base"}),m=R.useMemo(()=>{if(i)return n;{let a=[];a=n.filter(t=>j(t[e],o??""));const x=n.filter(t=>u(t[e],o??"")).sort((t,d)=>{const r=t[e].indexOf(o??""),p=d[e].indexOf(o??"");return r-p});return a=a.concat(x),a=a.filter((t,d,r)=>d===r.findIndex(p=>p[e]===t[e])),a}},[u,j,e,n,i,o]);return R.useEffect(()=>{i&&(i==null||i(o))},[o]),{filteredItems:m,query:o,setQuery:c}},z=e=>y.cx(e==="small"&&"min-h-[42px]",e==="medium"&&"min-h-[50px]",e==="large"&&"min-h-[58px]"),rs=({endSlot:e,fullWidth:n,isDisabled:i,isInvalid:o,open:c,openPopover:u,itemLabelKey:j,placeholder:m,size:a="medium",startSlot:E,value:x,onChange:t})=>{const d=r=>{r.key==="Escape"||r.key==="Backspace"?t==null||t(void 0):(r.key==="ArrowDown"||r.key==="ArrowUp")&&(u==null||u())};return s.jsxRuntimeExports.jsxs(B.Button,{"aria-haspopup":"listbox","aria-expanded":c,className:({isFocused:r,isHovered:p})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:i,isHovered:p,isFocused:r,isInvalid:o,size:a,className:y.cx(z(a),"gap-2")}),onKeyDown:d,onPress:u,children:[E,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:x!=null&&x[j]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x==null?void 0:x[j]}):s.jsxRuntimeExports.jsx(T.Text,{color:"secondary",children:m})}),e,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[x?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:k.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:i})),role:"button",onPointerDown:r=>{r.stopPropagation(),t==null||t(void 0)},onClick:r=>{r.stopPropagation(),t==null||t(void 0)},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 transition duration-150",c&&"rotate-180")})]})]})},ns=({endSlot:e,fullWidth:n,isDisabled:i,isInvalid:o,open:c,openPopover:u,itemLabelKey:j,itemIdKey:m,placeholder:a,size:E="medium",label:x,startSlot:t,onChange:d,value:r})=>{const p=l=>{(l.key==="ArrowDown"||l.key==="ArrowUp")&&(u==null||u())};return s.jsxRuntimeExports.jsxs(B.Button,{className:({isHovered:l,isFocused:h})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:i,isHovered:l,isFocused:h,isInvalid:o,size:E,className:z(E)}),onPress:u,onKeyDown:p,"aria-haspopup":"listbox","aria-expanded":c,children:[t,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:r&&r.length?s.jsxRuntimeExports.jsx($.TagGroup,{"aria-label":x??"Selected items",onRemove:l=>{r&&d(r.filter(h=>!l.has(h[m])))},children:r.map(l=>s.jsxRuntimeExports.jsx($.TagItem,{...l,children:l==null?void 0:l[j]},l[m]))}):s.jsxRuntimeExports.jsx(T.Text,{color:"secondary",children:a})}),e,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 min-w-[16px] transition duration-150",c&&"rotate-180")})]})},J=({label:e,optionalLabel:n,isRequired:i})=>s.jsxRuntimeExports.jsxs("div",{className:y.cx("flex items-center gap-3",e?"justify-between":"justify-end"),children:[e?s.jsxRuntimeExports.jsx(B.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:e}):null,i===!1?s.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:n}):null]}),X=({description:e,errorMessage:n})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e&&s.jsxRuntimeExports.jsx(T.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:e}),n&&s.jsxRuntimeExports.jsx(T.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:n})]}),is=({item:e,state:n,renderItem:i,itemLabelKey:o})=>{const c=e==null?void 0:e[o];return i?i(e,n):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[n.selected?s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),c]})},os=({onQueryChange:e,isLoading:n,startSlot:i,endSlot:o,clearLabel:c="Clear",query:u,setQuery:j})=>{const[m,a]=R.useState(!1),[E,x]=R.useState(!1),[t,d]=R.useState(!1),r=es.useSpinDelay(n??!1,{delay:500,minDuration:200});return R.useEffect(()=>{setTimeout(()=>{d(!0)},10)},[]),s.jsxRuntimeExports.jsx("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:k.twMerge(f.sharedInputFieldStyles({fullWidth:!0,isFocused:m,isHovered:E,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>x(!0),onPointerLeave:()=>x(!1),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),i,t?s.jsxRuntimeExports.jsx(g.Combobox.Input,{autoFocus:!0,className:f.sharedInputStyles({size:"small"}),onChange:p=>{j(p.target.value??""),e==null||e(p.target.value)},value:u??"",onFocus:()=>a(!0),onBlur:()=>a(!1)}):null,u&&u.length?s.jsxRuntimeExports.jsx(B.Button,{"aria-label":c??"Clear",className:k.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{j("")},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,o,r?s.jsxRuntimeExports.jsx(ss.Spinner,{className:"mx-2",size:"small"}):null]})})},Y=({direction:e,disabledItemIdKeys:n,itemIdKey:i,itemLabelKey:o,items:c,open:u,renderItem:j,triggerRef:m,isLoading:a,onQueryChange:E,setOpenPopover:x})=>{var p;const{filteredItems:t,query:d,setQuery:r}=ts({itemLabelKey:o,items:c,onQueryChange:E});return s.jsxRuntimeExports.jsxs(K.Popover,{className:"lyra-list-box pb-2",isOpen:u,triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,onOpenChange:x,shouldUpdatePosition:!0,style:{"--trigger-width":((p=m.current)==null?void 0:p.offsetWidth)+"px",direction:e},children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:E,isLoading:a,query:d,setQuery:r}),t&&t.length?s.jsxRuntimeExports.jsx(g.Combobox.Options,{static:!0,className:Q.listBoxStyles({className:"max-h-80 overflow-y-auto"}),children:t.map(l=>s.jsxRuntimeExports.jsx(g.Combobox.Option,{className:({active:h,selected:F,disabled:b})=>k.twMerge(C.listBoxItemStyles({active:h,disabled:b,selected:F})),value:l,disabled:n==null?void 0:n.includes(l==null?void 0:l[i]),children:h=>s.jsxRuntimeExports.jsx(is,{item:l,state:h,renderItem:j,itemLabelKey:o})},l[i]))}):null]})},ls=({isDisabled:e,isRequired:n,label:i,optionalLabel:o="Optional",description:c,errorMessage:u,isInvalid:j,fullWidth:m=!0,by:a,defaultValue:E,name:x,onChange:t,itemLabelKey:d,itemIdKey:r,value:p,size:l="medium",startSlot:h,items:F,endSlot:b,disabledItemIdKeys:D,placeholder:P,renderItem:H,onQueryChange:W,isLoading:A})=>{const[V,L]=R.useState(p??E),[w,S]=R.useState(!1),U=()=>S(!0),O=()=>S(!1),I=R.useCallback(N=>{L(N),t==null||t(N),O()},[t]),M=R.useRef(null),{direction:q}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:e,name:x,value:V??"",onChange:I,by:a,children:({disabled:N,value:Z})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:m}),children:[s.jsxRuntimeExports.jsx(J,{label:i,optionalLabel:o,isRequired:n}),s.jsxRuntimeExports.jsx("div",{ref:M,children:s.jsxRuntimeExports.jsx(rs,{endSlot:b,fullWidth:m,isDisabled:N,isInvalid:j,open:w,openPopover:U,placeholder:P,size:l,startSlot:h,value:Z,itemLabelKey:d,itemIdKey:r,onChange:I})}),s.jsxRuntimeExports.jsx(X,{description:c,errorMessage:u})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:M,itemIdKey:r,itemLabelKey:d,items:F,open:w,setOpenPopover:S,renderItem:H,disabledItemIdKeys:D,direction:q,onQueryChange:W,isLoading:A})]})})},us=({isDisabled:e,isRequired:n,label:i,optionalLabel:o="Optional",description:c,errorMessage:u,isInvalid:j,fullWidth:m=!0,by:a,defaultValue:E,name:x,onChange:t,itemLabelKey:d,itemIdKey:r,value:p,size:l="medium",startSlot:h,items:F,endSlot:b,disabledItemIdKeys:D,placeholder:P,renderItem:H,onQueryChange:W,isLoading:A})=>{const[V,L]=R.useState(p??E),[w,S]=R.useState(!1),U=()=>S(!0),O=R.useCallback(q=>{L(q),t==null||t(q)},[t]),I=R.useRef(null),{direction:M}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:e,name:x,value:V??[],onChange:O,by:a,multiple:!0,children:({disabled:q,value:N})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:m}),children:[s.jsxRuntimeExports.jsx(J,{label:i,optionalLabel:o,isRequired:n}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ns,{endSlot:b,fullWidth:m,isDisabled:q,isInvalid:j,open:w,openPopover:U,placeholder:P,size:l,startSlot:h,value:N,itemLabelKey:d,itemIdKey:r,onChange:O})}),s.jsxRuntimeExports.jsx(X,{description:c,errorMessage:u})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:I,itemIdKey:r,itemLabelKey:d,items:F,open:w,setOpenPopover:S,renderItem:H,disabledItemIdKeys:D,direction:M,onQueryChange:W,isLoading:A})]})})};exports.MultiSearchListField=us;exports.SearchListField=ls;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),h=require("react"),B=require("./lyra53.cjs"),T=require("./lyra55.cjs");require("./lyra2.cjs");const y=require("./lyra99.cjs");require("./lyra103.cjs");const k=require("./lyra43.cjs");require("./lyra107.cjs");require("./lyra117.cjs");require("./lyra109.cjs");require("./lyra8.cjs");const G=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra127.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const v=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const Q=require("./lyra29.cjs"),C=require("./lyra148.cjs"),K=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra128.cjs");const f=require("./lyra22.cjs"),$=require("./lyra149.cjs");require("./lyra23.cjs");require("./lyra129.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra106.cjs");const ss=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra116.cjs");require("./lyra42.cjs");require("./lyra144.cjs");const es=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const g=require("./lyra151.cjs"),_=require("./lyra52.cjs"),ts=({itemLabelKey:e,items:n,onQueryChange:o})=>{const[i,x]=h.useState(""),{contains:l,startsWith:c}=_.useFilter({sensitivity:"base"}),R=h.useMemo(()=>{if(o)return n;{let a=[];a=n.filter(t=>c(t[e],i??""));const m=n.filter(t=>l(t[e],i??"")).sort((t,d)=>{const r=t[e].indexOf(i??""),p=d[e].indexOf(i??"");return r-p});return a=a.concat(m),a=a.filter((t,d,r)=>d===r.findIndex(p=>p[e]===t[e])),a}},[l,c,e,n,o,i]);return h.useEffect(()=>{o&&(o==null||o(i))},[i]),{filteredItems:R,query:i,setQuery:x}},z=e=>y.cx(e==="small"&&"min-h-[42px]",e==="medium"&&"min-h-[50px]",e==="large"&&"min-h-[58px]"),rs=({endSlot:e,fullWidth:n,isDisabled:o,isInvalid:i,itemLabelKey:x,onChange:l,open:c,openPopover:R,placeholder:a,size:E="medium",startSlot:m,value:t})=>{const d=r=>{r.key==="Escape"||r.key==="Backspace"?l==null||l(void 0):(r.key==="ArrowDown"||r.key==="ArrowUp")&&(R==null||R())};return s.jsxRuntimeExports.jsxs(B.Button,{"aria-haspopup":"listbox","aria-expanded":c,className:({isFocused:r,isHovered:p})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:o,isHovered:p,isFocused:r,isInvalid:i,size:E,className:y.cx(z(E),"gap-2")}),onKeyDown:d,onPress:R,children:[m,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t!=null&&t[x]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t==null?void 0:t[x]}):s.jsxRuntimeExports.jsx(k.Text,{color:"secondary",children:a})}),e,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[t?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:T.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:o})),role:"button",onPointerDown:r=>{r.stopPropagation(),l==null||l(void 0)},onClick:r=>{r.stopPropagation(),l==null||l(void 0)},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 transition duration-150",c&&"rotate-180")})]})]})},ns=({endSlot:e,fullWidth:n,isDisabled:o,isInvalid:i,itemIdKey:x,itemLabelKey:l,label:c,onChange:R,open:a,openPopover:E,placeholder:m,size:t="medium",startSlot:d,value:r})=>{const p=u=>{(u.key==="ArrowDown"||u.key==="ArrowUp")&&(E==null||E())};return s.jsxRuntimeExports.jsxs(B.Button,{className:({isFocused:u,isHovered:j})=>f.sharedInputFieldStyles({fullWidth:n,isDisabled:o,isHovered:j,isFocused:u,isInvalid:i,size:t,className:z(t)}),onPress:E,onKeyDown:p,"aria-haspopup":"listbox","aria-expanded":a,children:[d,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:r&&r.length?s.jsxRuntimeExports.jsx($.TagGroup,{"aria-label":c??"Selected items",onRemove:u=>{r&&R(r.filter(j=>!u.has(j[x])))},children:r.map(u=>s.jsxRuntimeExports.jsx($.TagItem,{...u,children:u==null?void 0:u[l]},u[x]))}):s.jsxRuntimeExports.jsx(k.Text,{color:"secondary",children:m})}),e,s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"chevron-down",className:y.cx("h-4 w-4 min-w-[16px] transition duration-150",a&&"rotate-180")})]})},J=({isRequired:e,label:n,optionalLabel:o})=>s.jsxRuntimeExports.jsxs("div",{className:y.cx("flex items-center gap-3",n?"justify-between":"justify-end"),children:[n?s.jsxRuntimeExports.jsx(B.Label,{className:f.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:n}):null,e===!1?s.jsxRuntimeExports.jsx("span",{className:f.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:o}):null]}),X=({description:e,errorMessage:n})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[e&&s.jsxRuntimeExports.jsx(k.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:e}),n&&s.jsxRuntimeExports.jsx(k.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:n})]}),is=({item:e,itemLabelKey:n,renderItem:o,state:i})=>{const x=e==null?void 0:e[n];return o?o(e,i):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[i.selected?s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),x]})},os=({clearLabel:e="Clear",endSlot:n,isLoading:o,onQueryChange:i,query:x,setQuery:l,startSlot:c})=>{const[R,a]=h.useState(!1),[E,m]=h.useState(!1),[t,d]=h.useState(!1),r=es.useSpinDelay(o??!1,{delay:500,minDuration:200});return h.useEffect(()=>{setTimeout(()=>{d(!0)},10)},[]),s.jsxRuntimeExports.jsx("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:T.twMerge(f.sharedInputFieldStyles({fullWidth:!0,isFocused:R,isHovered:E,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>m(!0),onPointerLeave:()=>m(!1),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:[s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),c,t?s.jsxRuntimeExports.jsx(g.Combobox.Input,{autoFocus:!0,className:f.sharedInputStyles({size:"small"}),onChange:p=>{l(p.target.value??""),i==null||i(p.target.value)},value:x??"",onFocus:()=>a(!0),onBlur:()=>a(!1)}):null,x&&x.length?s.jsxRuntimeExports.jsx(B.Button,{"aria-label":e??"Clear",className:T.twMerge(G.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{l("")},children:s.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,n,r?s.jsxRuntimeExports.jsx(ss.Spinner,{className:"mx-2",size:"small"}):null]})})},Y=({direction:e,disabledItemIdKeys:n,isLoading:o,itemIdKey:i,itemLabelKey:x,items:l,onQueryChange:c,open:R,renderItem:a,setOpenPopover:E,triggerRef:m})=>{var p;const{filteredItems:t,query:d,setQuery:r}=ts({itemLabelKey:x,items:l,onQueryChange:c});return s.jsxRuntimeExports.jsxs(K.Popover,{className:"lyra-list-box pb-2",isOpen:R,triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,onOpenChange:E,shouldUpdatePosition:!0,style:{"--trigger-width":((p=m.current)==null?void 0:p.offsetWidth)+"px",direction:e},children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:c,isLoading:o,query:d,setQuery:r}),t&&t.length?s.jsxRuntimeExports.jsx(g.Combobox.Options,{static:!0,className:Q.listBoxStyles({className:"max-h-80 overflow-y-auto"}),children:t.map(u=>s.jsxRuntimeExports.jsx(g.Combobox.Option,{className:({active:j,disabled:b,selected:F})=>T.twMerge(C.listBoxItemStyles({active:j,disabled:b,selected:F})),value:u,disabled:n==null?void 0:n.includes(u==null?void 0:u[i]),children:j=>s.jsxRuntimeExports.jsx(is,{item:u,state:j,renderItem:a,itemLabelKey:x})},u[i]))}):null]})},ls=({by:e,defaultValue:n,description:o,disabledItemIdKeys:i,endSlot:x,errorMessage:l,fullWidth:c=!0,isDisabled:R,isInvalid:a,isLoading:E,isRequired:m,itemIdKey:t,itemLabelKey:d,items:r,label:p,name:u,onChange:j,onQueryChange:b,optionalLabel:F="Optional",placeholder:D,renderItem:P,size:H="medium",startSlot:W,value:A})=>{const[V,L]=h.useState(A??n),[w,S]=h.useState(!1),U=()=>S(!0),O=()=>S(!1),I=h.useCallback(N=>{L(N),j==null||j(N),O()},[j]),M=h.useRef(null),{direction:q}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:R,name:u,value:V??"",onChange:I,by:e,children:({disabled:N,value:Z})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:c}),children:[s.jsxRuntimeExports.jsx(J,{label:p,optionalLabel:F,isRequired:m}),s.jsxRuntimeExports.jsx("div",{ref:M,children:s.jsxRuntimeExports.jsx(rs,{endSlot:x,fullWidth:c,isDisabled:N,isInvalid:a,open:w,openPopover:U,placeholder:D,size:H,startSlot:W,value:Z,itemLabelKey:d,itemIdKey:t,onChange:I})}),s.jsxRuntimeExports.jsx(X,{description:o,errorMessage:l})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:M,itemIdKey:t,itemLabelKey:d,items:r,open:w,setOpenPopover:S,renderItem:P,disabledItemIdKeys:i,direction:q,onQueryChange:b,isLoading:E})]})})},us=({by:e,defaultValue:n,description:o,disabledItemIdKeys:i,endSlot:x,errorMessage:l,fullWidth:c=!0,isDisabled:R,isInvalid:a,isLoading:E,isRequired:m,itemIdKey:t,itemLabelKey:d,items:r,label:p,name:u,onChange:j,onQueryChange:b,optionalLabel:F="Optional",placeholder:D,renderItem:P,size:H="medium",startSlot:W,value:A})=>{const[V,L]=h.useState(A??n),[w,S]=h.useState(!1),U=()=>S(!0),O=h.useCallback(q=>{L(q),j==null||j(q)},[j]),I=h.useRef(null),{direction:M}=_.useLocale();return s.jsxRuntimeExports.jsx(g.Combobox,{disabled:R,name:u,value:V??[],onChange:O,by:e,multiple:!0,children:({disabled:q,value:N})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:f.sharedInputFieldWrapperStyles({fullWidth:c}),children:[s.jsxRuntimeExports.jsx(J,{label:p,optionalLabel:F,isRequired:m}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ns,{endSlot:x,fullWidth:c,isDisabled:q,isInvalid:a,open:w,openPopover:U,placeholder:D,size:H,startSlot:W,value:N,itemLabelKey:d,itemIdKey:t,onChange:O})}),s.jsxRuntimeExports.jsx(X,{description:o,errorMessage:l})]}),s.jsxRuntimeExports.jsx(Y,{triggerRef:I,itemIdKey:t,itemLabelKey:d,items:r,open:w,setOpenPopover:S,renderItem:P,disabledItemIdKeys:i,direction:M,onQueryChange:b,isLoading:E})]})})};exports.MultiSearchListField=us;exports.SearchListField=ls;