@basic-ui/core 0.0.52 → 0.0.53

package/build/esm/DatePicker/index.js

@@ -0,0 +1,6 @@
+export * from './DatePicker';
+export * from './RangeDatePicker';
+export * from './DatePickerSelect';
+export * from './dateTypes';
+export * from './contexts';
+//# sourceMappingURL=index.js.map

package/build/esm/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './DatePicker';\nexport * from './RangeDatePicker';\nexport * from './DatePickerSelect';\nexport * from './dateTypes';\nexport * from './contexts';\n"],"file":"index.js"}

package/build/esm/FocusLock/FocusLock.d.ts

@@ -1,9 +1,9 @@
-import type { ElementType, FC, HTMLAttributes, MutableRefObject, ReactNode } from 'react';
-export interface FocusLockProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    childRef: MutableRefObject<HTMLElement | null>;
-    enabled?: boolean;
-}
-export declare const FocusLock: FC<FocusLockProps>;
+import type { ElementType, FC, HTMLAttributes, MutableRefObject, ReactNode } from 'react';
+export interface FocusLockProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    childRef: MutableRefObject<HTMLElement | null>;
+    enabled?: boolean;
+}
+export declare const FocusLock: FC<FocusLockProps>;

package/build/esm/FocusLock/FocusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusLock.js","names":["useRef","useFocusLock","FocusLock","props","as","Comp","childRef","enabled","style","children","otherProps","lockStartRef","lockEndRef","lockStyle","width","height","padding","overflow","position","top","left"],"sources":["../../../src/FocusLock/FocusLock.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  FC,\r\n  HTMLAttributes,\r\n  MutableRefObject,\r\n  ReactNode,\r\n} from 'react';\r\nimport { useRef } from 'react';\r\n\r\nimport { useFocusLock } from './useFocusLock';\r\n\r\nexport interface FocusLockProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  childRef: MutableRefObject<HTMLElement | null>;\r\n  enabled?: boolean;\r\n}\r\n\r\nexport const FocusLock: FC<FocusLockProps> = function FocusLock(props) {\r\n  const {\r\n    as: Comp = 'div',\r\n    childRef,\r\n    enabled = false,\r\n    style = {},\r\n    children,\r\n    ...otherProps\r\n  } = props;\r\n  const lockStartRef = useRef<HTMLElement>(null);\r\n  const lockEndRef = useRef<HTMLElement>(null);\r\n\r\n  useFocusLock(childRef, { enabled, lockStartRef, lockEndRef });\r\n\r\n  const lockStyle = {\r\n    width: 1,\r\n    height: 0,\r\n    padding: 0,\r\n    overflow: 'hidden',\r\n    position: 'fixed',\r\n    top: 1,\r\n    left: 1,\r\n    ...style,\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Comp\r\n        ref={lockStartRef}\r\n        data-focus-lock-start=\"\"\r\n        aria-hidden={true}\r\n        tabIndex={0}\r\n        style={lockStyle}\r\n        {...otherProps}\r\n      />\r\n      {children}\r\n      <Comp\r\n        ref={lockEndRef}\r\n        data-focus-lock-end=\"\"\r\n        aria-hidden={true}\r\n        tabIndex={0}\r\n        style={lockStyle}\r\n        {...otherProps}\r\n      />\r\n    </>\r\n  );\r\n};\r\n"],"mappings":";;;AAOA,SAASA,MAAT,QAAuB,OAAvB;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;;;AAUA,OAAO,IAAMC,SAA6B,GAAG,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EACrE,gBAOIA,KAPJ,CACEC,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,QAFF,GAOIH,KAPJ,CAEEG,QAFF;EAAA,qBAOIH,KAPJ,CAGEI,OAHF;EAAA,IAGEA,OAHF,+BAGY,KAHZ;EAAA,mBAOIJ,KAPJ,CAIEK,KAJF;EAAA,IAIEA,KAJF,6BAIU,EAJV;EAAA,IAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;EAAA,IAMKC,UANL,4BAOIP,KAPJ;;EAQA,IAAMQ,YAAY,GAAGX,MAAM,CAAc,IAAd,CAA3B;EACA,IAAMY,UAAU,GAAGZ,MAAM,CAAc,IAAd,CAAzB;EAEAC,YAAY,CAACK,QAAD,EAAW;IAAEC,OAAO,EAAPA,OAAF;IAAWI,YAAY,EAAZA,YAAX;IAAyBC,UAAU,EAAVA;EAAzB,CAAX,CAAZ;;EAEA,IAAMC,SAAS;IACbC,KAAK,EAAE,CADM;IAEbC,MAAM,EAAE,CAFK;IAGbC,OAAO,EAAE,CAHI;IAIbC,QAAQ,EAAE,QAJG;IAKbC,QAAQ,EAAE,OALG;IAMbC,GAAG,EAAE,CANQ;IAObC,IAAI,EAAE;EAPO,GAQVZ,KARU,CAAf;;EAWA,oBACE;IAAA,wBACE,KAAC,IAAD;MACE,GAAG,EAAEG,YADP;MAEE,yBAAsB,EAFxB;MAGE,eAAa,IAHf;MAIE,QAAQ,EAAE,CAJZ;MAKE,KAAK,EAAEE;IALT,GAMMH,UANN,EADF,EASGD,QATH,eAUE,KAAC,IAAD;MACE,GAAG,EAAEG,UADP;MAEE,uBAAoB,EAFtB;MAGE,eAAa,IAHf;MAIE,QAAQ,EAAE,CAJZ;MAKE,KAAK,EAAEC;IALT,GAMMH,UANN,EAVF;EAAA,EADF;AAqBD,CA9CM"}
+{"version":3,"file":"FocusLock.js","names":["useRef","useFocusLock","FocusLock","props","as","Comp","childRef","enabled","style","children","otherProps","lockStartRef","lockEndRef","lockStyle","width","height","padding","overflow","position","top","left"],"sources":["../../../src/FocusLock/FocusLock.tsx"],"sourcesContent":["import type {\n  ElementType,\n  FC,\n  HTMLAttributes,\n  MutableRefObject,\n  ReactNode,\n} from 'react';\nimport { useRef } from 'react';\n\nimport { useFocusLock } from './useFocusLock';\n\nexport interface FocusLockProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  childRef: MutableRefObject<HTMLElement | null>;\n  enabled?: boolean;\n}\n\nexport const FocusLock: FC<FocusLockProps> = function FocusLock(props) {\n  const {\n    as: Comp = 'div',\n    childRef,\n    enabled = false,\n    style = {},\n    children,\n    ...otherProps\n  } = props;\n  const lockStartRef = useRef<HTMLElement>(null);\n  const lockEndRef = useRef<HTMLElement>(null);\n\n  useFocusLock(childRef, { enabled, lockStartRef, lockEndRef });\n\n  const lockStyle = {\n    width: 1,\n    height: 0,\n    padding: 0,\n    overflow: 'hidden',\n    position: 'fixed',\n    top: 1,\n    left: 1,\n    ...style,\n  };\n\n  return (\n    <>\n      <Comp\n        ref={lockStartRef}\n        data-focus-lock-start=\"\"\n        aria-hidden={true}\n        tabIndex={0}\n        style={lockStyle}\n        {...otherProps}\n      />\n      {children}\n      <Comp\n        ref={lockEndRef}\n        data-focus-lock-end=\"\"\n        aria-hidden={true}\n        tabIndex={0}\n        style={lockStyle}\n        {...otherProps}\n      />\n    </>\n  );\n};\n"],"mappings":";;;AAOA,SAASA,MAAT,QAAuB,OAAvB;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;;;AAUA,OAAO,IAAMC,SAA6B,GAAG,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EACrE,gBAOIA,KAPJ,CACEC,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,QAFF,GAOIH,KAPJ,CAEEG,QAFF;EAAA,qBAOIH,KAPJ,CAGEI,OAHF;EAAA,IAGEA,OAHF,+BAGY,KAHZ;EAAA,mBAOIJ,KAPJ,CAIEK,KAJF;EAAA,IAIEA,KAJF,6BAIU,EAJV;EAAA,IAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;EAAA,IAMKC,UANL,4BAOIP,KAPJ;;EAQA,IAAMQ,YAAY,GAAGX,MAAM,CAAc,IAAd,CAA3B;EACA,IAAMY,UAAU,GAAGZ,MAAM,CAAc,IAAd,CAAzB;EAEAC,YAAY,CAACK,QAAD,EAAW;IAAEC,OAAO,EAAPA,OAAF;IAAWI,YAAY,EAAZA,YAAX;IAAyBC,UAAU,EAAVA;EAAzB,CAAX,CAAZ;;EAEA,IAAMC,SAAS;IACbC,KAAK,EAAE,CADM;IAEbC,MAAM,EAAE,CAFK;IAGbC,OAAO,EAAE,CAHI;IAIbC,QAAQ,EAAE,QAJG;IAKbC,QAAQ,EAAE,OALG;IAMbC,GAAG,EAAE,CANQ;IAObC,IAAI,EAAE;EAPO,GAQVZ,KARU,CAAf;;EAWA,oBACE;IAAA,wBACE,KAAC,IAAD;MACE,GAAG,EAAEG,YADP;MAEE,yBAAsB,EAFxB;MAGE,eAAa,IAHf;MAIE,QAAQ,EAAE,CAJZ;MAKE,KAAK,EAAEE;IALT,GAMMH,UANN,EADF,EASGD,QATH,eAUE,KAAC,IAAD;MACE,GAAG,EAAEG,UADP;MAEE,uBAAoB,EAFtB;MAGE,eAAa,IAHf;MAIE,QAAQ,EAAE,CAJZ;MAKE,KAAK,EAAEC;IALT,GAMMH,UANN,EAVF;EAAA,EADF;AAqBD,CA9CM"}

package/build/esm/FocusLock/index.d.ts

@@ -1 +1 @@
-export * from './FocusLock';
+export * from './FocusLock';

package/build/esm/FocusLock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/FocusLock/index.ts"],"sourcesContent":["export * from './FocusLock';\r\n"],"mappings":"AAAA,cAAc,aAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/FocusLock/index.ts"],"sourcesContent":["export * from './FocusLock';\n"],"mappings":"AAAA,cAAc,aAAd"}

package/build/esm/FocusLock/tabUtils.d.ts

@@ -1,3 +1,3 @@
-export declare const tabblable: string;
-export declare const getTabblableNodes: (parentNode: HTMLElement | null) => HTMLElement[];
-export declare function focusOnChildNode(parentNode: HTMLElement, itemIndex: 0 | -1): void;
+export declare const tabblable: string;
+export declare const getTabblableNodes: (parentNode: HTMLElement | null) => HTMLElement[];
+export declare function focusOnChildNode(parentNode: HTMLElement, itemIndex: 0 | -1): void;

package/build/esm/FocusLock/tabUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabUtils.js","names":["tabblable","join","getTabblableNodes","parentNode","Array","from","querySelectorAll","focusOnChildNode","itemIndex","elements","length","focus","currentTabIndex","tabIndex"],"sources":["../../../src/FocusLock/tabUtils.ts"],"sourcesContent":["export const tabblable = [\r\n  'button:enabled:not([readonly])',\r\n  'select:enabled:not([readonly])',\r\n  'textarea:enabled:not([readonly])',\r\n  'input:enabled:not([readonly])',\r\n\r\n  'a[href]',\r\n  'area[href]',\r\n\r\n  'iframe',\r\n  'object',\r\n  'embed',\r\n\r\n  '[tabindex]',\r\n  '[contenteditable]',\r\n  '[autofocus]',\r\n].join(',');\r\n\r\n/* This is naive and will not consider tabIndex */\r\nexport const getTabblableNodes = (\r\n  parentNode: HTMLElement | null\r\n): HTMLElement[] => {\r\n  if (!parentNode) {\r\n    return [];\r\n  }\r\n\r\n  return Array.from(parentNode.querySelectorAll(tabblable));\r\n};\r\n\r\nexport function focusOnChildNode(parentNode: HTMLElement, itemIndex: 0 | -1) {\r\n  const elements = getTabblableNodes(parentNode);\r\n  if (elements.length > 0) {\r\n    elements[itemIndex === -1 ? elements.length - 1 : 0].focus();\r\n  } else {\r\n    const currentTabIndex = parentNode.tabIndex;\r\n    parentNode.tabIndex = 0;\r\n    parentNode.focus();\r\n    parentNode.tabIndex = currentTabIndex;\r\n  }\r\n}\r\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,CACvB,gCADuB,EAEvB,gCAFuB,EAGvB,kCAHuB,EAIvB,+BAJuB,EAMvB,SANuB,EAOvB,YAPuB,EASvB,QATuB,EAUvB,QAVuB,EAWvB,OAXuB,EAavB,YAbuB,EAcvB,mBAduB,EAevB,aAfuB,EAgBvBC,IAhBuB,CAgBlB,GAhBkB,CAAlB;AAkBP;;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAC/BC,UAD+B,EAEb;EAClB,IAAI,CAACA,UAAL,EAAiB;IACf,OAAO,EAAP;EACD;;EAED,OAAOC,KAAK,CAACC,IAAN,CAAWF,UAAU,CAACG,gBAAX,CAA4BN,SAA5B,CAAX,CAAP;AACD,CARM;AAUP,OAAO,SAASO,gBAAT,CAA0BJ,UAA1B,EAAmDK,SAAnD,EAAsE;EAC3E,IAAMC,QAAQ,GAAGP,iBAAiB,CAACC,UAAD,CAAlC;;EACA,IAAIM,QAAQ,CAACC,MAAT,GAAkB,CAAtB,EAAyB;IACvBD,QAAQ,CAACD,SAAS,KAAK,CAAC,CAAf,GAAmBC,QAAQ,CAACC,MAAT,GAAkB,CAArC,GAAyC,CAA1C,CAAR,CAAqDC,KAArD;EACD,CAFD,MAEO;IACL,IAAMC,eAAe,GAAGT,UAAU,CAACU,QAAnC;IACAV,UAAU,CAACU,QAAX,GAAsB,CAAtB;IACAV,UAAU,CAACQ,KAAX;IACAR,UAAU,CAACU,QAAX,GAAsBD,eAAtB;EACD;AACF"}
+{"version":3,"file":"tabUtils.js","names":["tabblable","join","getTabblableNodes","parentNode","Array","from","querySelectorAll","focusOnChildNode","itemIndex","elements","length","focus","currentTabIndex","tabIndex"],"sources":["../../../src/FocusLock/tabUtils.ts"],"sourcesContent":["export const tabblable = [\n  'button:enabled:not([readonly])',\n  'select:enabled:not([readonly])',\n  'textarea:enabled:not([readonly])',\n  'input:enabled:not([readonly])',\n\n  'a[href]',\n  'area[href]',\n\n  'iframe',\n  'object',\n  'embed',\n\n  '[tabindex]',\n  '[contenteditable]',\n  '[autofocus]',\n].join(',');\n\n/* This is naive and will not consider tabIndex */\nexport const getTabblableNodes = (\n  parentNode: HTMLElement | null\n): HTMLElement[] => {\n  if (!parentNode) {\n    return [];\n  }\n\n  return Array.from(parentNode.querySelectorAll(tabblable));\n};\n\nexport function focusOnChildNode(parentNode: HTMLElement, itemIndex: 0 | -1) {\n  const elements = getTabblableNodes(parentNode);\n  if (elements.length > 0) {\n    elements[itemIndex === -1 ? elements.length - 1 : 0].focus();\n  } else {\n    const currentTabIndex = parentNode.tabIndex;\n    parentNode.tabIndex = 0;\n    parentNode.focus();\n    parentNode.tabIndex = currentTabIndex;\n  }\n}\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,CACvB,gCADuB,EAEvB,gCAFuB,EAGvB,kCAHuB,EAIvB,+BAJuB,EAMvB,SANuB,EAOvB,YAPuB,EASvB,QATuB,EAUvB,QAVuB,EAWvB,OAXuB,EAavB,YAbuB,EAcvB,mBAduB,EAevB,aAfuB,EAgBvBC,IAhBuB,CAgBlB,GAhBkB,CAAlB;AAkBP;;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAC/BC,UAD+B,EAEb;EAClB,IAAI,CAACA,UAAL,EAAiB;IACf,OAAO,EAAP;EACD;;EAED,OAAOC,KAAK,CAACC,IAAN,CAAWF,UAAU,CAACG,gBAAX,CAA4BN,SAA5B,CAAX,CAAP;AACD,CARM;AAUP,OAAO,SAASO,gBAAT,CAA0BJ,UAA1B,EAAmDK,SAAnD,EAAsE;EAC3E,IAAMC,QAAQ,GAAGP,iBAAiB,CAACC,UAAD,CAAlC;;EACA,IAAIM,QAAQ,CAACC,MAAT,GAAkB,CAAtB,EAAyB;IACvBD,QAAQ,CAACD,SAAS,KAAK,CAAC,CAAf,GAAmBC,QAAQ,CAACC,MAAT,GAAkB,CAArC,GAAyC,CAA1C,CAAR,CAAqDC,KAArD;EACD,CAFD,MAEO;IACL,IAAMC,eAAe,GAAGT,UAAU,CAACU,QAAnC;IACAV,UAAU,CAACU,QAAX,GAAsB,CAAtB;IACAV,UAAU,CAACQ,KAAX;IACAR,UAAU,CAACU,QAAX,GAAsBD,eAAtB;EACD;AACF"}

package/build/esm/FocusLock/useFocusLock.d.ts

@@ -1,7 +1,7 @@
-import type { MutableRefObject } from 'react';
-export interface FocusLockOptions {
-    enabled: boolean;
-    lockStartRef: MutableRefObject<HTMLElement | null>;
-    lockEndRef: MutableRefObject<HTMLElement | null>;
-}
-export declare function useFocusLock(ref: MutableRefObject<HTMLElement | null>, opts: FocusLockOptions): void;
+import type { MutableRefObject } from 'react';
+export interface FocusLockOptions {
+    enabled: boolean;
+    lockStartRef: MutableRefObject<HTMLElement | null>;
+    lockEndRef: MutableRefObject<HTMLElement | null>;
+}
+export declare function useFocusLock(ref: MutableRefObject<HTMLElement | null>, opts: FocusLockOptions): void;

package/build/esm/FocusLock/useFocusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusLock.js","names":["useEffect","focusOnChildNode","focusLockStack","useFocusLock","ref","opts","enabled","lockStartRef","lockEndRef","rootEl","current","push","listener","event","isActiveFocusLock","length","target","document","contains","preventDefault","addEventListener","removeEventListener","pop"],"sources":["../../../src/FocusLock/useFocusLock.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nimport { focusOnChildNode } from './tabUtils';\r\n\r\nexport interface FocusLockOptions {\r\n  enabled: boolean;\r\n  lockStartRef: MutableRefObject<HTMLElement | null>;\r\n  lockEndRef: MutableRefObject<HTMLElement | null>;\r\n}\r\n\r\nconst focusLockStack: HTMLElement[] = [];\r\nexport function useFocusLock(\r\n  ref: MutableRefObject<HTMLElement | null>,\r\n  opts: FocusLockOptions\r\n) {\r\n  const { enabled = true, lockStartRef, lockEndRef } = opts;\r\n\r\n  useEffect(() => {\r\n    const rootEl = ref.current;\r\n    if (enabled && rootEl) {\r\n      focusLockStack.push(rootEl);\r\n\r\n      const listener = (event: FocusEvent) => {\r\n        const isActiveFocusLock =\r\n          focusLockStack[focusLockStack.length - 1] === rootEl;\r\n        if (!isActiveFocusLock) {\r\n          // Not the currently focused lock. Forget about it.\r\n          return;\r\n        }\r\n\r\n        if (event.target === lockEndRef.current) {\r\n          focusOnChildNode(rootEl, 0);\r\n        } else if (event.target === lockStartRef.current) {\r\n          focusOnChildNode(rootEl, -1);\r\n        } else if (\r\n          document !== event.target &&\r\n          rootEl !== event.target &&\r\n          !rootEl.contains(event.target as any)\r\n        ) {\r\n          event.preventDefault();\r\n          focusOnChildNode(rootEl, 0);\r\n        }\r\n      };\r\n\r\n      document.addEventListener('focusin', listener);\r\n      return () => {\r\n        document.removeEventListener('focusin', listener);\r\n\r\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n        focusLockStack.pop();\r\n      };\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [enabled]);\r\n}\r\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,YAAjC;AAQA,IAAMC,cAA6B,GAAG,EAAtC;AACA,OAAO,SAASC,YAAT,CACLC,GADK,EAELC,IAFK,EAGL;EACA,oBAAqDA,IAArD,CAAQC,OAAR;EAAA,IAAQA,OAAR,8BAAkB,IAAlB;EAAA,IAAwBC,YAAxB,GAAqDF,IAArD,CAAwBE,YAAxB;EAAA,IAAsCC,UAAtC,GAAqDH,IAArD,CAAsCG,UAAtC;EAEAR,SAAS,CAAC,YAAM;IACd,IAAMS,MAAM,GAAGL,GAAG,CAACM,OAAnB;;IACA,IAAIJ,OAAO,IAAIG,MAAf,EAAuB;MACrBP,cAAc,CAACS,IAAf,CAAoBF,MAApB;;MAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuB;QACtC,IAAMC,iBAAiB,GACrBZ,cAAc,CAACA,cAAc,CAACa,MAAf,GAAwB,CAAzB,CAAd,KAA8CN,MADhD;;QAEA,IAAI,CAACK,iBAAL,EAAwB;UACtB;UACA;QACD;;QAED,IAAID,KAAK,CAACG,MAAN,KAAiBR,UAAU,CAACE,OAAhC,EAAyC;UACvCT,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;QACD,CAFD,MAEO,IAAII,KAAK,CAACG,MAAN,KAAiBT,YAAY,CAACG,OAAlC,EAA2C;UAChDT,gBAAgB,CAACQ,MAAD,EAAS,CAAC,CAAV,CAAhB;QACD,CAFM,MAEA,IACLQ,QAAQ,KAAKJ,KAAK,CAACG,MAAnB,IACAP,MAAM,KAAKI,KAAK,CAACG,MADjB,IAEA,CAACP,MAAM,CAACS,QAAP,CAAgBL,KAAK,CAACG,MAAtB,CAHI,EAIL;UACAH,KAAK,CAACM,cAAN;UACAlB,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;QACD;MACF,CApBD;;MAsBAQ,QAAQ,CAACG,gBAAT,CAA0B,SAA1B,EAAqCR,QAArC;MACA,OAAO,YAAM;QACXK,QAAQ,CAACI,mBAAT,CAA6B,SAA7B,EAAwCT,QAAxC,EADW,CAGX;;QACAV,cAAc,CAACoB,GAAf;MACD,CALD;IAMD,CAlCa,CAmCd;;EACD,CApCQ,EAoCN,CAAChB,OAAD,CApCM,CAAT;AAqCD"}
+{"version":3,"file":"useFocusLock.js","names":["useEffect","focusOnChildNode","focusLockStack","useFocusLock","ref","opts","enabled","lockStartRef","lockEndRef","rootEl","current","push","listener","event","isActiveFocusLock","length","target","document","contains","preventDefault","addEventListener","removeEventListener","pop"],"sources":["../../../src/FocusLock/useFocusLock.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { focusOnChildNode } from './tabUtils';\n\nexport interface FocusLockOptions {\n  enabled: boolean;\n  lockStartRef: MutableRefObject<HTMLElement | null>;\n  lockEndRef: MutableRefObject<HTMLElement | null>;\n}\n\nconst focusLockStack: HTMLElement[] = [];\nexport function useFocusLock(\n  ref: MutableRefObject<HTMLElement | null>,\n  opts: FocusLockOptions\n) {\n  const { enabled = true, lockStartRef, lockEndRef } = opts;\n\n  useEffect(() => {\n    const rootEl = ref.current;\n    if (enabled && rootEl) {\n      focusLockStack.push(rootEl);\n\n      const listener = (event: FocusEvent) => {\n        const isActiveFocusLock =\n          focusLockStack[focusLockStack.length - 1] === rootEl;\n        if (!isActiveFocusLock) {\n          // Not the currently focused lock. Forget about it.\n          return;\n        }\n\n        if (event.target === lockEndRef.current) {\n          focusOnChildNode(rootEl, 0);\n        } else if (event.target === lockStartRef.current) {\n          focusOnChildNode(rootEl, -1);\n        } else if (\n          document !== event.target &&\n          rootEl !== event.target &&\n          !rootEl.contains(event.target as any)\n        ) {\n          event.preventDefault();\n          focusOnChildNode(rootEl, 0);\n        }\n      };\n\n      document.addEventListener('focusin', listener);\n      return () => {\n        document.removeEventListener('focusin', listener);\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        focusLockStack.pop();\n      };\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [enabled]);\n}\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,YAAjC;AAQA,IAAMC,cAA6B,GAAG,EAAtC;AACA,OAAO,SAASC,YAAT,CACLC,GADK,EAELC,IAFK,EAGL;EACA,oBAAqDA,IAArD,CAAQC,OAAR;EAAA,IAAQA,OAAR,8BAAkB,IAAlB;EAAA,IAAwBC,YAAxB,GAAqDF,IAArD,CAAwBE,YAAxB;EAAA,IAAsCC,UAAtC,GAAqDH,IAArD,CAAsCG,UAAtC;EAEAR,SAAS,CAAC,YAAM;IACd,IAAMS,MAAM,GAAGL,GAAG,CAACM,OAAnB;;IACA,IAAIJ,OAAO,IAAIG,MAAf,EAAuB;MACrBP,cAAc,CAACS,IAAf,CAAoBF,MAApB;;MAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuB;QACtC,IAAMC,iBAAiB,GACrBZ,cAAc,CAACA,cAAc,CAACa,MAAf,GAAwB,CAAzB,CAAd,KAA8CN,MADhD;;QAEA,IAAI,CAACK,iBAAL,EAAwB;UACtB;UACA;QACD;;QAED,IAAID,KAAK,CAACG,MAAN,KAAiBR,UAAU,CAACE,OAAhC,EAAyC;UACvCT,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;QACD,CAFD,MAEO,IAAII,KAAK,CAACG,MAAN,KAAiBT,YAAY,CAACG,OAAlC,EAA2C;UAChDT,gBAAgB,CAACQ,MAAD,EAAS,CAAC,CAAV,CAAhB;QACD,CAFM,MAEA,IACLQ,QAAQ,KAAKJ,KAAK,CAACG,MAAnB,IACAP,MAAM,KAAKI,KAAK,CAACG,MADjB,IAEA,CAACP,MAAM,CAACS,QAAP,CAAgBL,KAAK,CAACG,MAAtB,CAHI,EAIL;UACAH,KAAK,CAACM,cAAN;UACAlB,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;QACD;MACF,CApBD;;MAsBAQ,QAAQ,CAACG,gBAAT,CAA0B,SAA1B,EAAqCR,QAArC;MACA,OAAO,YAAM;QACXK,QAAQ,CAACI,mBAAT,CAA6B,SAA7B,EAAwCT,QAAxC,EADW,CAGX;;QACAV,cAAc,CAACoB,GAAf;MACD,CALD;IAMD,CAlCa,CAmCd;;EACD,CApCQ,EAoCN,CAAChB,OAAD,CApCM,CAAT;AAqCD"}

package/build/esm/List/List.d.ts

@@ -1,7 +1,7 @@
-import type { ElementType, HTMLAttributes, ReactNode } from 'react';
-export interface ListProps extends HTMLAttributes<HTMLUListElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<HTMLUListElement>>;
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<HTMLUListElement>>;

package/build/esm/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["forwardRef","List","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/List/List.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const List = forwardRef<HTMLUListElement, ListProps>(function List(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const { as: Comp = 'ul', ...otherProps } = props;\r\n\r\n  return <Comp ref={forwardedRef} {...otherProps} />;\r\n});\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,IAAI,gBAAGD,UAAU,CAA8B,SAASC,IAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,gBAA2CD,KAA3C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,IAAnB;EAAA,IAA4BC,UAA5B,4BAA2CJ,KAA3C;;EAEA,oBAAO,KAAC,IAAD;IAAM,GAAG,EAAEC;EAAX,GAA6BG,UAA7B,EAAP;AACD,CAP6B,CAAvB"}
+{"version":3,"file":"List.js","names":["forwardRef","List","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/List/List.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const List = forwardRef<HTMLUListElement, ListProps>(function List(\n  props,\n  forwardedRef\n) {\n  const { as: Comp = 'ul', ...otherProps } = props;\n\n  return <Comp ref={forwardedRef} {...otherProps} />;\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,IAAI,gBAAGD,UAAU,CAA8B,SAASC,IAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,gBAA2CD,KAA3C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,IAAnB;EAAA,IAA4BC,UAA5B,4BAA2CJ,KAA3C;;EAEA,oBAAO,KAAC,IAAD;IAAM,GAAG,EAAEC;EAAX,GAA6BG,UAA7B,EAAP;AACD,CAP6B,CAAvB"}

package/build/esm/List/ListItem.d.ts

@@ -1,7 +1,7 @@
-import type { ElementType, HTMLAttributes, ReactNode } from 'react';
-export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/build/esm/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["forwardRef","ListItem","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/List/ListItem.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nexport interface ListItemProps extends HTMLAttributes<HTMLLIElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\r\n  function ListItem(props, forwardedRef) {\r\n    const { as: Comp = 'li', ...otherProps } = props;\r\n\r\n    return (\r\n      <Comp\r\n        tabIndex={-1}\r\n        data-list-item=\"\"\r\n        ref={forwardedRef}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,gBAA2CD,KAA3C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,IAAnB;EAAA,IAA4BC,UAA5B,4BAA2CJ,KAA3C;;EAEA,oBACE,KAAC,IAAD;IACE,QAAQ,EAAE,CAAC,CADb;IAEE,kBAAe,EAFjB;IAGE,GAAG,EAAEC;EAHP,GAIMG,UAJN,EADF;AAQD,CAZ+B,CAA3B"}
+{"version":3,"file":"ListItem.js","names":["forwardRef","ListItem","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/List/ListItem.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ListItemProps extends HTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const { as: Comp = 'li', ...otherProps } = props;\n\n    return (\n      <Comp\n        tabIndex={-1}\n        data-list-item=\"\"\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,gBAA2CD,KAA3C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,IAAnB;EAAA,IAA4BC,UAA5B,4BAA2CJ,KAA3C;;EAEA,oBACE,KAAC,IAAD;IACE,QAAQ,EAAE,CAAC,CADb;IAEE,kBAAe,EAFjB;IAGE,GAAG,EAAEC;EAHP,GAIMG,UAJN,EADF;AAQD,CAZ+B,CAA3B"}

package/build/esm/List/context.d.ts

@@ -1,4 +1,4 @@
-export interface ListContextProps {
-    id: string | undefined;
-}
-export declare const useListContext: () => ListContextProps;
+export interface ListContextProps {
+    id: string | undefined;
+}
+export declare const useListContext: () => ListContextProps;

package/build/esm/List/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","ListContext","displayName","useListContext","ctx","Error"],"sources":["../../../src/List/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\n// List Component\r\nexport interface ListContextProps {\r\n  id: string | undefined;\r\n}\r\n\r\nconst ListContext = createContext<ListContextProps | null>(null);\r\nListContext.displayName = 'ListContext';\r\n\r\nexport const useListContext = (): ListContextProps => {\r\n  const ctx = useContext(ListContext);\r\n  if (!ctx) {\r\n    throw new Error(\r\n      'useListContext must be used within a ListContext.Provider'\r\n    );\r\n  }\r\n  return ctx;\r\n};\r\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,IAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAwB;EACpD,IAAMC,GAAG,GAAGJ,UAAU,CAACC,WAAD,CAAtB;;EACA,IAAI,CAACG,GAAL,EAAU;IACR,MAAM,IAAIC,KAAJ,CACJ,2DADI,CAAN;EAGD;;EACD,OAAOD,GAAP;AACD,CARM"}
+{"version":3,"file":"context.js","names":["createContext","useContext","ListContext","displayName","useListContext","ctx","Error"],"sources":["../../../src/List/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n// List Component\nexport interface ListContextProps {\n  id: string | undefined;\n}\n\nconst ListContext = createContext<ListContextProps | null>(null);\nListContext.displayName = 'ListContext';\n\nexport const useListContext = (): ListContextProps => {\n  const ctx = useContext(ListContext);\n  if (!ctx) {\n    throw new Error(\n      'useListContext must be used within a ListContext.Provider'\n    );\n  }\n  return ctx;\n};\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,IAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAwB;EACpD,IAAMC,GAAG,GAAGJ,UAAU,CAACC,WAAD,CAAtB;;EACA,IAAI,CAACG,GAAL,EAAU;IACR,MAAM,IAAIC,KAAJ,CACJ,2DADI,CAAN;EAGD;;EACD,OAAOD,GAAP;AACD,CARM"}

package/build/esm/List/index.d.ts

@@ -1,2 +1,2 @@
-export * from './List';
-export * from './ListItem';
+export * from './List';
+export * from './ListItem';

package/build/esm/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/List/index.ts"],"sourcesContent":["export * from './List';\r\nexport * from './ListItem';\r\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,YAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/List/index.ts"],"sourcesContent":["export * from './List';\nexport * from './ListItem';\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,YAAd"}

package/build/esm/Menu/ContextMenuTrigger.d.ts

@@ -1,11 +1,11 @@
-import type { ElementType, HTMLAttributes } from 'react';
-export declare type ContextMenuTriggerProps = HTMLAttributes<HTMLElement> & {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    disabled?: boolean;
-};
-export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
-    as?: ElementType<any> | undefined;
-    innerAs?: ElementType<any> | undefined;
-    disabled?: boolean | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
+import type { ElementType, HTMLAttributes } from 'react';
+export declare type ContextMenuTriggerProps = HTMLAttributes<HTMLElement> & {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    disabled?: boolean;
+};
+export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    as?: ElementType<any> | undefined;
+    innerAs?: ElementType<any> | undefined;
+    disabled?: boolean | undefined;
+} & import("react").RefAttributes<HTMLElement>>;

package/build/esm/Menu/ContextMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.js","names":["forwardRef","useId","useMenuContext","wrapEvent","ContextMenuTrigger","props","forwardedRef","as","Comp","innerAs","preferredId","id","onContextMenu","disabled","otherProps","menuListIdRef","open","buttonRef","onChange","setOffsetFn","isContextMenu","idGenerated","handleContextMenu","e","rect","currentTarget","getBoundingClientRect","current","mouseX","nativeEvent","x","mouseY","y","reference","height","preventDefault","undefined"],"sources":["../../../src/Menu/ContextMenuTrigger.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  HTMLAttributes,\r\n  MouseEvent as ReactMouseEvent,\r\n} from 'react';\r\nimport { forwardRef, useId } from 'react';\r\n\r\nimport { useMenuContext } from './context';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport type { OffsetsFunction } from '../Popper';\r\n\r\nexport type ContextMenuTriggerProps = HTMLAttributes<HTMLElement> & {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const ContextMenuTrigger = forwardRef<\r\n  HTMLElement,\r\n  ContextMenuTriggerProps\r\n>(function ContextMenuTrigger(props, forwardedRef) {\r\n  const {\r\n    as: Comp = 'div',\r\n    innerAs,\r\n    id: preferredId,\r\n    onContextMenu,\r\n    disabled,\r\n    ...otherProps\r\n  } = props;\r\n  const {\r\n    menuListIdRef,\r\n    open,\r\n    buttonRef,\r\n    onChange,\r\n    setOffsetFn,\r\n    isContextMenu,\r\n  } = useMenuContext();\r\n\r\n  const idGenerated = useId();\r\n  const id = preferredId || idGenerated;\r\n\r\n  const handleContextMenu = (e: ReactMouseEvent<HTMLElement>) => {\r\n    if (disabled) {\r\n      return;\r\n    }\r\n    const rect = e.currentTarget.getBoundingClientRect();\r\n    isContextMenu.current = true;\r\n\r\n    buttonRef.current = e.currentTarget;\r\n    onChange(e, true);\r\n\r\n    const mouseX = e.nativeEvent.x;\r\n    const mouseY = e.nativeEvent.y;\r\n    setOffsetFn(\r\n      (): OffsetsFunction =>\r\n        ({ reference }) =>\r\n          [mouseX - rect.x, mouseY - rect.y - reference.height]\r\n    );\r\n    e.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <Comp\r\n      ref={forwardedRef}\r\n      as={innerAs}\r\n      id={id}\r\n      aria-haspopup={true}\r\n      aria-controls={menuListIdRef.current}\r\n      aria-expanded={open ? true : undefined}\r\n      data-menu-trigger=\"\"\r\n      onContextMenu={wrapEvent(onContextMenu, handleContextMenu)}\r\n      disabled={disabled}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";;;AAKA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AASA,OAAO,IAAMC,kBAAkB,gBAAGJ,UAAU,CAG1C,SAASI,kBAAT,CAA4BC,KAA5B,EAAmCC,YAAnC,EAAiD;EACjD,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,OAFF,GAOIJ,KAPJ,CAEEI,OAFF;EAAA,IAGMC,WAHN,GAOIL,KAPJ,CAGEM,EAHF;EAAA,IAIEC,aAJF,GAOIP,KAPJ,CAIEO,aAJF;EAAA,IAKEC,QALF,GAOIR,KAPJ,CAKEQ,QALF;EAAA,IAMKC,UANL,4BAOIT,KAPJ;;EAQA,sBAOIH,cAAc,EAPlB;EAAA,IACEa,aADF,mBACEA,aADF;EAAA,IAEEC,IAFF,mBAEEA,IAFF;EAAA,IAGEC,SAHF,mBAGEA,SAHF;EAAA,IAIEC,QAJF,mBAIEA,QAJF;EAAA,IAKEC,WALF,mBAKEA,WALF;EAAA,IAMEC,aANF,mBAMEA,aANF;;EASA,IAAMC,WAAW,GAAGpB,KAAK,EAAzB;EACA,IAAMU,EAAE,GAAGD,WAAW,IAAIW,WAA1B;;EAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAqC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACD,IAAMW,IAAI,GAAGD,CAAC,CAACE,aAAF,CAAgBC,qBAAhB,EAAb;IACAN,aAAa,CAACO,OAAd,GAAwB,IAAxB;IAEAV,SAAS,CAACU,OAAV,GAAoBJ,CAAC,CAACE,aAAtB;IACAP,QAAQ,CAACK,CAAD,EAAI,IAAJ,CAAR;IAEA,IAAMK,MAAM,GAAGL,CAAC,CAACM,WAAF,CAAcC,CAA7B;IACA,IAAMC,MAAM,GAAGR,CAAC,CAACM,WAAF,CAAcG,CAA7B;IACAb,WAAW,CACT;MAAA,OACE;QAAA,IAAGc,SAAH,QAAGA,SAAH;QAAA,OACE,CAACL,MAAM,GAAGJ,IAAI,CAACM,CAAf,EAAkBC,MAAM,GAAGP,IAAI,CAACQ,CAAd,GAAkBC,SAAS,CAACC,MAA9C,CADF;MAAA,CADF;IAAA,CADS,CAAX;IAKAX,CAAC,CAACY,cAAF;EACD,CAlBD;;EAoBA,oBACE,KAAC,IAAD;IACE,GAAG,EAAE7B,YADP;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEE,EAHN;IAIE,iBAAe,IAJjB;IAKE,iBAAeI,aAAa,CAACY,OAL/B;IAME,iBAAeX,IAAI,GAAG,IAAH,GAAUoB,SAN/B;IAOE,qBAAkB,EAPpB;IAQE,aAAa,EAAEjC,SAAS,CAACS,aAAD,EAAgBU,iBAAhB,CAR1B;IASE,QAAQ,EAAET;EATZ,GAUMC,UAVN,EADF;AAcD,CA1D2C,CAArC"}
+{"version":3,"file":"ContextMenuTrigger.js","names":["forwardRef","useId","useMenuContext","wrapEvent","ContextMenuTrigger","props","forwardedRef","as","Comp","innerAs","preferredId","id","onContextMenu","disabled","otherProps","menuListIdRef","open","buttonRef","onChange","setOffsetFn","isContextMenu","idGenerated","handleContextMenu","e","rect","currentTarget","getBoundingClientRect","current","mouseX","nativeEvent","x","mouseY","y","reference","height","preventDefault","undefined"],"sources":["../../../src/Menu/ContextMenuTrigger.tsx"],"sourcesContent":["import type {\n  ElementType,\n  HTMLAttributes,\n  MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\nimport type { OffsetsFunction } from '../Popper';\n\nexport type ContextMenuTriggerProps = HTMLAttributes<HTMLElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  disabled?: boolean;\n};\n\nexport const ContextMenuTrigger = forwardRef<\n  HTMLElement,\n  ContextMenuTriggerProps\n>(function ContextMenuTrigger(props, forwardedRef) {\n  const {\n    as: Comp = 'div',\n    innerAs,\n    id: preferredId,\n    onContextMenu,\n    disabled,\n    ...otherProps\n  } = props;\n  const {\n    menuListIdRef,\n    open,\n    buttonRef,\n    onChange,\n    setOffsetFn,\n    isContextMenu,\n  } = useMenuContext();\n\n  const idGenerated = useId();\n  const id = preferredId || idGenerated;\n\n  const handleContextMenu = (e: ReactMouseEvent<HTMLElement>) => {\n    if (disabled) {\n      return;\n    }\n    const rect = e.currentTarget.getBoundingClientRect();\n    isContextMenu.current = true;\n\n    buttonRef.current = e.currentTarget;\n    onChange(e, true);\n\n    const mouseX = e.nativeEvent.x;\n    const mouseY = e.nativeEvent.y;\n    setOffsetFn(\n      (): OffsetsFunction =>\n        ({ reference }) =>\n          [mouseX - rect.x, mouseY - rect.y - reference.height]\n    );\n    e.preventDefault();\n  };\n\n  return (\n    <Comp\n      ref={forwardedRef}\n      as={innerAs}\n      id={id}\n      aria-haspopup={true}\n      aria-controls={menuListIdRef.current}\n      aria-expanded={open ? true : undefined}\n      data-menu-trigger=\"\"\n      onContextMenu={wrapEvent(onContextMenu, handleContextMenu)}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAKA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AASA,OAAO,IAAMC,kBAAkB,gBAAGJ,UAAU,CAG1C,SAASI,kBAAT,CAA4BC,KAA5B,EAAmCC,YAAnC,EAAiD;EACjD,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,OAFF,GAOIJ,KAPJ,CAEEI,OAFF;EAAA,IAGMC,WAHN,GAOIL,KAPJ,CAGEM,EAHF;EAAA,IAIEC,aAJF,GAOIP,KAPJ,CAIEO,aAJF;EAAA,IAKEC,QALF,GAOIR,KAPJ,CAKEQ,QALF;EAAA,IAMKC,UANL,4BAOIT,KAPJ;;EAQA,sBAOIH,cAAc,EAPlB;EAAA,IACEa,aADF,mBACEA,aADF;EAAA,IAEEC,IAFF,mBAEEA,IAFF;EAAA,IAGEC,SAHF,mBAGEA,SAHF;EAAA,IAIEC,QAJF,mBAIEA,QAJF;EAAA,IAKEC,WALF,mBAKEA,WALF;EAAA,IAMEC,aANF,mBAMEA,aANF;;EASA,IAAMC,WAAW,GAAGpB,KAAK,EAAzB;EACA,IAAMU,EAAE,GAAGD,WAAW,IAAIW,WAA1B;;EAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAqC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACD,IAAMW,IAAI,GAAGD,CAAC,CAACE,aAAF,CAAgBC,qBAAhB,EAAb;IACAN,aAAa,CAACO,OAAd,GAAwB,IAAxB;IAEAV,SAAS,CAACU,OAAV,GAAoBJ,CAAC,CAACE,aAAtB;IACAP,QAAQ,CAACK,CAAD,EAAI,IAAJ,CAAR;IAEA,IAAMK,MAAM,GAAGL,CAAC,CAACM,WAAF,CAAcC,CAA7B;IACA,IAAMC,MAAM,GAAGR,CAAC,CAACM,WAAF,CAAcG,CAA7B;IACAb,WAAW,CACT;MAAA,OACE;QAAA,IAAGc,SAAH,QAAGA,SAAH;QAAA,OACE,CAACL,MAAM,GAAGJ,IAAI,CAACM,CAAf,EAAkBC,MAAM,GAAGP,IAAI,CAACQ,CAAd,GAAkBC,SAAS,CAACC,MAA9C,CADF;MAAA,CADF;IAAA,CADS,CAAX;IAKAX,CAAC,CAACY,cAAF;EACD,CAlBD;;EAoBA,oBACE,KAAC,IAAD;IACE,GAAG,EAAE7B,YADP;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEE,EAHN;IAIE,iBAAe,IAJjB;IAKE,iBAAeI,aAAa,CAACY,OAL/B;IAME,iBAAeX,IAAI,GAAG,IAAH,GAAUoB,SAN/B;IAOE,qBAAkB,EAPpB;IAQE,aAAa,EAAEjC,SAAS,CAACS,aAAD,EAAgBU,iBAAhB,CAR1B;IASE,QAAQ,EAAET;EATZ,GAUMC,UAVN,EADF;AAcD,CA1D2C,CAArC"}

package/build/esm/Menu/Menu.d.ts

@@ -1,10 +1,10 @@
-import type { KeyboardEvent, MouseEvent, PointerEvent, ReactNode, ElementType } from 'react';
-export interface MenuProps {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    onChange?: (e: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement> | PointerEvent<HTMLElement>, isOpen: boolean) => void;
-    open?: boolean;
-    defaultOpen?: boolean;
-}
-export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { KeyboardEvent, MouseEvent, PointerEvent, ReactNode, ElementType } from 'react';
+export interface MenuProps {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    onChange?: (e: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement> | PointerEvent<HTMLElement>, isOpen: boolean) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["useState","forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","Menu","props","forwardedRef","as","Comp","innerAs","openProp","open","defaultOpen","onChangeProp","onChange","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","undefined","offsetFn","setOffsetFn","current","isContextMenu","value"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type {\r\n  KeyboardEvent,\r\n  MouseEvent,\r\n  PointerEvent,\r\n  ReactNode,\r\n  ElementType,\r\n} from 'react';\r\nimport { useState, forwardRef, useRef, Fragment, useId } from 'react';\r\n\r\nimport type { MenuContextProps } from './context';\r\nimport { MenuProvider } from './context';\r\nimport { useControlledState } from '../hooks';\r\nimport type { OffsetsFunction } from '../Popper';\r\n\r\nexport interface MenuProps {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  onChange?: (\r\n    e:\r\n      | KeyboardEvent<HTMLElement>\r\n      | MouseEvent<HTMLElement>\r\n      | PointerEvent<HTMLElement>,\r\n    isOpen: boolean\r\n  ) => void;\r\n  open?: boolean;\r\n  defaultOpen?: boolean;\r\n}\r\n\r\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    as: Comp = Fragment,\r\n    innerAs,\r\n    open: openProp,\r\n    defaultOpen = false,\r\n    onChange: onChangeProp,\r\n    ...otherProps\r\n  } = props;\r\n  const menuListIdRef = useRef<string>();\r\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\r\n  const buttonRef = useRef<HTMLButtonElement>(null);\r\n  const [open, onChange] = useControlledState(\r\n    openProp,\r\n    onChangeProp,\r\n    defaultOpen,\r\n    (setState) => (e, isOpen) => {\r\n      setState(isOpen);\r\n    }\r\n  );\r\n  const [offsetFn, setOffsetFn] = useState<OffsetsFunction | undefined>(\r\n    undefined\r\n  );\r\n  menuListIdRef.current = useId();\r\n  const isContextMenu = useRef(false);\r\n\r\n  if (!open && offsetFn) {\r\n    setOffsetFn(undefined);\r\n  }\r\n\r\n  const value: MenuContextProps = {\r\n    menuListIdRef,\r\n    openWithArrowKeyRef,\r\n    open,\r\n    onChange,\r\n    buttonRef,\r\n    offsetFn,\r\n    setOffsetFn,\r\n    isContextMenu,\r\n  };\r\n\r\n  return (\r\n    <MenuProvider value={value}>\r\n      <Comp\r\n        {...(Comp !== Fragment ? { as: innerAs } : {})}\r\n        ref={forwardedRef}\r\n        {...otherProps}\r\n      />\r\n    </MenuProvider>\r\n  );\r\n});\r\n"],"mappings":";;;;AAOA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,MAA/B,EAAuCC,QAAvC,EAAiDC,KAAjD,QAA8D,OAA9D;AAGA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAkBA,OAAO,IAAMC,IAAI,gBAAGN,UAAU,CAA4B,SAASM,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,IAEES,OAFF,GAOIJ,KAPJ,CAEEI,OAFF;EAAA,IAGQC,QAHR,GAOIL,KAPJ,CAGEM,IAHF;EAAA,yBAOIN,KAPJ,CAIEO,WAJF;EAAA,IAIEA,WAJF,mCAIgB,KAJhB;EAAA,IAKYC,YALZ,GAOIR,KAPJ,CAKES,QALF;EAAA,IAMKC,UANL,4BAOIV,KAPJ;;EAQA,IAAMW,aAAa,GAAGjB,MAAM,EAA5B;EACA,IAAMkB,mBAAmB,GAAGlB,MAAM,CAAiC,IAAjC,CAAlC;EACA,IAAMmB,SAAS,GAAGnB,MAAM,CAAoB,IAApB,CAAxB;;EACA,0BAAyBI,kBAAkB,CACzCO,QADyC,EAEzCG,YAFyC,EAGzCD,WAHyC,EAIzC,UAACO,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,MAAJ,EAAe;MAC3BF,QAAQ,CAACE,MAAD,CAAR;IACD,CAFD;EAAA,CAJyC,CAA3C;EAAA;EAAA,IAAOV,IAAP;EAAA,IAAaG,QAAb;;EAQA,gBAAgCjB,QAAQ,CACtCyB,SADsC,CAAxC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAGAR,aAAa,CAACS,OAAd,GAAwBxB,KAAK,EAA7B;EACA,IAAMyB,aAAa,GAAG3B,MAAM,CAAC,KAAD,CAA5B;;EAEA,IAAI,CAACY,IAAD,IAASY,QAAb,EAAuB;IACrBC,WAAW,CAACF,SAAD,CAAX;EACD;;EAED,IAAMK,KAAuB,GAAG;IAC9BX,aAAa,EAAbA,aAD8B;IAE9BC,mBAAmB,EAAnBA,mBAF8B;IAG9BN,IAAI,EAAJA,IAH8B;IAI9BG,QAAQ,EAARA,QAJ8B;IAK9BI,SAAS,EAATA,SAL8B;IAM9BK,QAAQ,EAARA,QAN8B;IAO9BC,WAAW,EAAXA,WAP8B;IAQ9BE,aAAa,EAAbA;EAR8B,CAAhC;EAWA,oBACE,KAAC,YAAD;IAAc,KAAK,EAAEC,KAArB;IAAA,uBACE,KAAC,IAAD,wBACOnB,IAAI,KAAKR,QAAT,GAAoB;MAAEO,EAAE,EAAEE;IAAN,CAApB,GAAsC,EAD7C;MAEE,GAAG,EAAEH;IAFP,GAGMS,UAHN;EADF,EADF;AASD,CArD6B,CAAvB"}
+{"version":3,"file":"Menu.js","names":["useState","forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","Menu","props","forwardedRef","as","Comp","innerAs","openProp","open","defaultOpen","onChangeProp","onChange","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","undefined","offsetFn","setOffsetFn","current","isContextMenu","value"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type {\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  ElementType,\n} from 'react';\nimport { useState, forwardRef, useRef, Fragment, useId } from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\nimport type { OffsetsFunction } from '../Popper';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e:\n      | KeyboardEvent<HTMLElement>\n      | MouseEvent<HTMLElement>\n      | PointerEvent<HTMLElement>,\n    isOpen: boolean\n  ) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    innerAs,\n    open: openProp,\n    defaultOpen = false,\n    onChange: onChangeProp,\n    ...otherProps\n  } = props;\n  const menuListIdRef = useRef<string>();\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [open, onChange] = useControlledState(\n    openProp,\n    onChangeProp,\n    defaultOpen,\n    (setState) => (e, isOpen) => {\n      setState(isOpen);\n    }\n  );\n  const [offsetFn, setOffsetFn] = useState<OffsetsFunction | undefined>(\n    undefined\n  );\n  menuListIdRef.current = useId();\n  const isContextMenu = useRef(false);\n\n  if (!open && offsetFn) {\n    setOffsetFn(undefined);\n  }\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n    offsetFn,\n    setOffsetFn,\n    isContextMenu,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp\n        {...(Comp !== Fragment ? { as: innerAs } : {})}\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    </MenuProvider>\n  );\n});\n"],"mappings":";;;;AAOA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,MAA/B,EAAuCC,QAAvC,EAAiDC,KAAjD,QAA8D,OAA9D;AAGA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAkBA,OAAO,IAAMC,IAAI,gBAAGN,UAAU,CAA4B,SAASM,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,IAEES,OAFF,GAOIJ,KAPJ,CAEEI,OAFF;EAAA,IAGQC,QAHR,GAOIL,KAPJ,CAGEM,IAHF;EAAA,yBAOIN,KAPJ,CAIEO,WAJF;EAAA,IAIEA,WAJF,mCAIgB,KAJhB;EAAA,IAKYC,YALZ,GAOIR,KAPJ,CAKES,QALF;EAAA,IAMKC,UANL,4BAOIV,KAPJ;;EAQA,IAAMW,aAAa,GAAGjB,MAAM,EAA5B;EACA,IAAMkB,mBAAmB,GAAGlB,MAAM,CAAiC,IAAjC,CAAlC;EACA,IAAMmB,SAAS,GAAGnB,MAAM,CAAoB,IAApB,CAAxB;;EACA,0BAAyBI,kBAAkB,CACzCO,QADyC,EAEzCG,YAFyC,EAGzCD,WAHyC,EAIzC,UAACO,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,MAAJ,EAAe;MAC3BF,QAAQ,CAACE,MAAD,CAAR;IACD,CAFD;EAAA,CAJyC,CAA3C;EAAA;EAAA,IAAOV,IAAP;EAAA,IAAaG,QAAb;;EAQA,gBAAgCjB,QAAQ,CACtCyB,SADsC,CAAxC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAGAR,aAAa,CAACS,OAAd,GAAwBxB,KAAK,EAA7B;EACA,IAAMyB,aAAa,GAAG3B,MAAM,CAAC,KAAD,CAA5B;;EAEA,IAAI,CAACY,IAAD,IAASY,QAAb,EAAuB;IACrBC,WAAW,CAACF,SAAD,CAAX;EACD;;EAED,IAAMK,KAAuB,GAAG;IAC9BX,aAAa,EAAbA,aAD8B;IAE9BC,mBAAmB,EAAnBA,mBAF8B;IAG9BN,IAAI,EAAJA,IAH8B;IAI9BG,QAAQ,EAARA,QAJ8B;IAK9BI,SAAS,EAATA,SAL8B;IAM9BK,QAAQ,EAARA,QAN8B;IAO9BC,WAAW,EAAXA,WAP8B;IAQ9BE,aAAa,EAAbA;EAR8B,CAAhC;EAWA,oBACE,KAAC,YAAD;IAAc,KAAK,EAAEC,KAArB;IAAA,uBACE,KAAC,IAAD,wBACOnB,IAAI,KAAKR,QAAT,GAAoB;MAAEO,EAAE,EAAEE;IAAN,CAApB,GAAsC,EAD7C;MAEE,GAAG,EAAEH;IAFP,GAGMS,UAHN;EADF,EADF;AASD,CArD6B,CAAvB"}

package/build/esm/Menu/MenuButton.d.ts

@@ -1,11 +1,11 @@
-import type { ButtonHTMLAttributes, ElementType, KeyboardEvent, MouseEvent } from 'react';
-export declare type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    onClick?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-};
-export declare const MenuButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: ElementType<any> | undefined;
-    innerAs?: ElementType<any> | undefined;
-    onClick?: ((e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void) | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+import type { ButtonHTMLAttributes, ElementType, KeyboardEvent, MouseEvent } from 'react';
+export declare type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onClick?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+};
+export declare const MenuButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: ElementType<any> | undefined;
+    innerAs?: ElementType<any> | undefined;
+    onClick?: ((e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void) | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/Menu/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["forwardRef","useId","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","innerAs","preferredId","id","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","undefined"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\r\n  ButtonHTMLAttributes,\r\n  ElementType,\r\n  KeyboardEvent,\r\n  MouseEvent,\r\n} from 'react';\r\nimport { forwardRef, useId } from 'react';\r\n\r\nimport { useMenuContext } from './context';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\n\r\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  onClick?: (\r\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\r\n  ) => void;\r\n};\r\n\r\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\r\n  function MenuButton(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'button',\r\n      innerAs,\r\n      id: preferredId,\r\n      onClick,\r\n      onKeyDown,\r\n      disabled,\r\n      ...otherProps\r\n    } = props;\r\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\r\n      useMenuContext();\r\n\r\n    const buttonIdGenerated = useId();\r\n    const buttonId = preferredId || buttonIdGenerated;\r\n\r\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\r\n      if (disabled) {\r\n        return;\r\n      }\r\n      buttonRef.current = e.currentTarget;\r\n\r\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\r\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\r\n\r\n      const openedWithArrow = isArrowKey();\r\n      if (openedWithArrow || isEnterKey()) {\r\n        if (openedWithArrow) {\r\n          // Used to make it open at the end or begining of the list\r\n          openWithArrowKeyRef.current = e.key;\r\n        }\r\n        onChange(e, true);\r\n        e.preventDefault();\r\n      }\r\n    };\r\n\r\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\r\n      if (disabled) {\r\n        return;\r\n      }\r\n      buttonRef.current = e.currentTarget;\r\n      onChange(e, !open);\r\n    };\r\n\r\n    return (\r\n      <Comp\r\n        ref={forwardedRef}\r\n        as={innerAs}\r\n        id={buttonId}\r\n        role=\"button\"\r\n        type=\"button\"\r\n        aria-haspopup={true}\r\n        aria-controls={menuListIdRef.current}\r\n        aria-expanded={open ? true : undefined}\r\n        data-menu-button=\"\"\r\n        onClick={wrapEvent(onClick, handleClick)}\r\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n        disabled={disabled}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAMA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AAUA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,QADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGMC,WAHN,GAQIL,KARJ,CAGEM,EAHF;EAAA,IAIEC,OAJF,GAQIP,KARJ,CAIEO,OAJF;EAAA,IAKEC,SALF,GAQIR,KARJ,CAKEQ,SALF;EAAA,IAMEC,QANF,GAQIT,KARJ,CAMES,QANF;EAAA,IAOKC,UAPL,4BAQIV,KARJ;;EASA,sBACEH,cAAc,EADhB;EAAA,IAAQc,aAAR,mBAAQA,aAAR;EAAA,IAAuBC,mBAAvB,mBAAuBA,mBAAvB;EAAA,IAA4CC,IAA5C,mBAA4CA,IAA5C;EAAA,IAAkDC,SAAlD,mBAAkDA,SAAlD;EAAA,IAA6DC,QAA7D,mBAA6DA,QAA7D;;EAGA,IAAMC,iBAAiB,GAAGpB,KAAK,EAA/B;EACA,IAAMqB,QAAQ,GAAGZ,WAAW,IAAIW,iBAAhC;;EAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAyC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;IAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAN;IAAA,CAAnB;;IACA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAN;IAAA,CAAnB;;IAEA,IAAME,eAAe,GAAGJ,UAAU,EAAlC;;IACA,IAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;MACnC,IAAIC,eAAJ,EAAqB;QACnB;QACAd,mBAAmB,CAACQ,OAApB,GAA8BD,CAAC,CAACK,GAAhC;MACD;;MACDT,QAAQ,CAACI,CAAD,EAAI,IAAJ,CAAR;MACAA,CAAC,CAACQ,cAAF;IACD;EACF,CAlBD;;EAoBA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAAsC;IACxD,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;IACAN,QAAQ,CAACI,CAAD,EAAI,CAACN,IAAL,CAAR;EACD,CAND;;EAQA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEZ,YADP;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEa,QAHN;IAIE,IAAI,EAAC,QAJP;IAKE,IAAI,EAAC,QALP;IAME,iBAAe,IANjB;IAOE,iBAAeN,aAAa,CAACS,OAP/B;IAQE,iBAAeP,IAAI,GAAG,IAAH,GAAUgB,SAR/B;IASE,oBAAiB,EATnB;IAUE,OAAO,EAAE/B,SAAS,CAACS,OAAD,EAAUqB,WAAV,CAVpB;IAWE,SAAS,EAAE9B,SAAS,CAACU,SAAD,EAAYU,aAAZ,CAXtB;IAYE,QAAQ,EAAET;EAZZ,GAaMC,UAbN,EADF;AAiBD,CA9DiC,CAA7B"}
+{"version":3,"file":"MenuButton.js","names":["forwardRef","useId","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","innerAs","preferredId","id","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","undefined"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      innerAs,\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\n      useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n      onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        as={innerAs}\n        id={buttonId}\n        role=\"button\"\n        type=\"button\"\n        aria-haspopup={true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AAMA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AAUA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,QADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGMC,WAHN,GAQIL,KARJ,CAGEM,EAHF;EAAA,IAIEC,OAJF,GAQIP,KARJ,CAIEO,OAJF;EAAA,IAKEC,SALF,GAQIR,KARJ,CAKEQ,SALF;EAAA,IAMEC,QANF,GAQIT,KARJ,CAMES,QANF;EAAA,IAOKC,UAPL,4BAQIV,KARJ;;EASA,sBACEH,cAAc,EADhB;EAAA,IAAQc,aAAR,mBAAQA,aAAR;EAAA,IAAuBC,mBAAvB,mBAAuBA,mBAAvB;EAAA,IAA4CC,IAA5C,mBAA4CA,IAA5C;EAAA,IAAkDC,SAAlD,mBAAkDA,SAAlD;EAAA,IAA6DC,QAA7D,mBAA6DA,QAA7D;;EAGA,IAAMC,iBAAiB,GAAGpB,KAAK,EAA/B;EACA,IAAMqB,QAAQ,GAAGZ,WAAW,IAAIW,iBAAhC;;EAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAyC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;IAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAN;IAAA,CAAnB;;IACA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAN;IAAA,CAAnB;;IAEA,IAAME,eAAe,GAAGJ,UAAU,EAAlC;;IACA,IAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;MACnC,IAAIC,eAAJ,EAAqB;QACnB;QACAd,mBAAmB,CAACQ,OAApB,GAA8BD,CAAC,CAACK,GAAhC;MACD;;MACDT,QAAQ,CAACI,CAAD,EAAI,IAAJ,CAAR;MACAA,CAAC,CAACQ,cAAF;IACD;EACF,CAlBD;;EAoBA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAAsC;IACxD,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;IACAN,QAAQ,CAACI,CAAD,EAAI,CAACN,IAAL,CAAR;EACD,CAND;;EAQA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEZ,YADP;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEa,QAHN;IAIE,IAAI,EAAC,QAJP;IAKE,IAAI,EAAC,QALP;IAME,iBAAe,IANjB;IAOE,iBAAeN,aAAa,CAACS,OAP/B;IAQE,iBAAeP,IAAI,GAAG,IAAH,GAAUgB,SAR/B;IASE,oBAAiB,EATnB;IAUE,OAAO,EAAE/B,SAAS,CAACS,OAAD,EAAUqB,WAAV,CAVpB;IAWE,SAAS,EAAE9B,SAAS,CAACU,SAAD,EAAYU,aAAZ,CAXtB;IAYE,QAAQ,EAAET;EAZZ,GAaMC,UAbN,EADF;AAiBD,CA9DiC,CAA7B"}

package/build/esm/Menu/MenuItem.d.ts

@@ -1,8 +1,8 @@
-import type { LiHTMLAttributes, ElementType, MouseEvent, KeyboardEvent } from 'react';
-export interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    onSelect?: (e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => void;
-    disabled?: boolean;
-}
-export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<any>>;
+import type { LiHTMLAttributes, ElementType, MouseEvent, KeyboardEvent } from 'react';
+export interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onSelect?: (e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>) => void;
+    disabled?: boolean;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<any>>;

package/build/esm/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","innerAs","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\r\n  LiHTMLAttributes,\r\n  ElementType,\r\n  MouseEvent,\r\n  KeyboardEvent,\r\n  KeyboardEventHandler,\r\n} from 'react';\r\nimport { forwardRef, useRef, useId } from 'react';\r\n\r\nimport { useMenuContext, useMenuListContext } from './context';\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\nimport { wrapEvent } from '../utils';\r\n\r\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  onSelect?: (\r\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\r\n  ) => void;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\r\n  props,\r\n  forwardedRef\r\n) {\r\n  const {\r\n    as: Comp = 'li',\r\n    innerAs,\r\n    disabled,\r\n    onSelect,\r\n    onClick,\r\n    onKeyDown,\r\n    ...otherProps\r\n  } = props;\r\n  const { onChange, buttonRef } = useMenuContext();\r\n  const { navigationItem, onNavigate } = useMenuListContext();\r\n  const ref = useRef<HTMLLIElement>();\r\n  const itemId = useId();\r\n\r\n  const isActive = ref.current && ref.current === navigationItem;\r\n\r\n  const handleSelect = wrapEvent(\r\n    onSelect,\r\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\r\n      onChange(e, false);\r\n      buttonRef.current?.focus();\r\n      e.preventDefault();\r\n    }\r\n  );\r\n\r\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\r\n    if (!disabled) {\r\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n      onNavigate && onNavigate(ref.current!);\r\n      handleSelect(e);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\r\n    switch (e.key) {\r\n      case ' ':\r\n      case 'Enter':\r\n        if (!disabled) {\r\n          handleSelect(e);\r\n        }\r\n        break;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Comp\r\n      ref={assignMultipleRefs(ref, forwardedRef)}\r\n      as={innerAs}\r\n      id={disabled ? undefined : itemId}\r\n      data-menu-item=\"\"\r\n      data-highlighted={isActive ? '' : undefined}\r\n      role=\"menuitem\"\r\n      onClick={wrapEvent(onClick, handleClick)}\r\n      tabIndex={disabled ? -1 : 0}\r\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n      data-disabled={disabled ? '' : undefined}\r\n      aria-disabled={disabled ? '' : undefined}\r\n      disabled={disabled}\r\n      {...otherProps}\r\n    />\r\n  );\r\n});\r\n"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;EACA,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,IADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGEC,QAHF,GAQIL,KARJ,CAGEK,QAHF;EAAA,IAIEC,QAJF,GAQIN,KARJ,CAIEM,QAJF;EAAA,IAKEC,OALF,GAQIP,KARJ,CAKEO,OALF;EAAA,IAMEC,SANF,GAQIR,KARJ,CAMEQ,SANF;EAAA,IAOKC,UAPL,4BAQIT,KARJ;;EASA,sBAAgCL,cAAc,EAA9C;EAAA,IAAQe,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,SAAlB,mBAAkBA,SAAlB;;EACA,0BAAuCf,kBAAkB,EAAzD;EAAA,IAAQgB,cAAR,uBAAQA,cAAR;EAAA,IAAwBC,UAAxB,uBAAwBA,UAAxB;;EACA,IAAMC,GAAG,GAAGrB,MAAM,EAAlB;EACA,IAAMsB,MAAM,GAAGrB,KAAK,EAApB;EAEA,IAAMsB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;EAEA,IAAMM,YAAY,GAAGpB,SAAS,CAC5BQ,QAD4B,EAE5B,UAACa,CAAD,EAAiE;IAAA;;IAC/DT,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAAR;IACA,sBAAAR,SAAS,CAACM,OAAV,0EAAmBG,KAAnB;IACAD,CAAC,CAACE,cAAF;EACD,CAN2B,CAA9B;;EASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;IACpD,IAAI,CAACd,QAAL,EAAe;MACb;MACAQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;MACAC,YAAY,CAACC,CAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;IAChE,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,GAAL;MACA,KAAK,OAAL;QACE,IAAI,CAACnB,QAAL,EAAe;UACba,YAAY,CAACC,CAAD,CAAZ;QACD;;QACD;IANJ;EAQD,CATD;;EAWA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEtB,kBAAkB,CAACiB,GAAD,EAAMb,YAAN,CADzB;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEC,QAAQ,GAAGoB,SAAH,GAAeV,MAH7B;IAIE,kBAAe,EAJjB;IAKE,oBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SALpC;IAME,IAAI,EAAC,UANP;IAOE,OAAO,EAAE3B,SAAS,CAACS,OAAD,EAAUe,WAAV,CAPpB;IAQE,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAR5B;IASE,SAAS,EAAEP,SAAS,CAACU,SAAD,EAAYe,aAAZ,CATtB;IAUE,iBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;IAWE,iBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAXjC;IAYE,QAAQ,EAAEpB;EAZZ,GAaMI,UAbN,EADF;AAiBD,CAjEiC,CAA3B"}
+{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","innerAs","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    innerAs,\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case ' ':\n      case 'Enter':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      as={innerAs}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;EACA,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,IADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGEC,QAHF,GAQIL,KARJ,CAGEK,QAHF;EAAA,IAIEC,QAJF,GAQIN,KARJ,CAIEM,QAJF;EAAA,IAKEC,OALF,GAQIP,KARJ,CAKEO,OALF;EAAA,IAMEC,SANF,GAQIR,KARJ,CAMEQ,SANF;EAAA,IAOKC,UAPL,4BAQIT,KARJ;;EASA,sBAAgCL,cAAc,EAA9C;EAAA,IAAQe,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,SAAlB,mBAAkBA,SAAlB;;EACA,0BAAuCf,kBAAkB,EAAzD;EAAA,IAAQgB,cAAR,uBAAQA,cAAR;EAAA,IAAwBC,UAAxB,uBAAwBA,UAAxB;;EACA,IAAMC,GAAG,GAAGrB,MAAM,EAAlB;EACA,IAAMsB,MAAM,GAAGrB,KAAK,EAApB;EAEA,IAAMsB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;EAEA,IAAMM,YAAY,GAAGpB,SAAS,CAC5BQ,QAD4B,EAE5B,UAACa,CAAD,EAAiE;IAAA;;IAC/DT,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAAR;IACA,sBAAAR,SAAS,CAACM,OAAV,0EAAmBG,KAAnB;IACAD,CAAC,CAACE,cAAF;EACD,CAN2B,CAA9B;;EASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;IACpD,IAAI,CAACd,QAAL,EAAe;MACb;MACAQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;MACAC,YAAY,CAACC,CAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;IAChE,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,GAAL;MACA,KAAK,OAAL;QACE,IAAI,CAACnB,QAAL,EAAe;UACba,YAAY,CAACC,CAAD,CAAZ;QACD;;QACD;IANJ;EAQD,CATD;;EAWA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEtB,kBAAkB,CAACiB,GAAD,EAAMb,YAAN,CADzB;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEC,QAAQ,GAAGoB,SAAH,GAAeV,MAH7B;IAIE,kBAAe,EAJjB;IAKE,oBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SALpC;IAME,IAAI,EAAC,UANP;IAOE,OAAO,EAAE3B,SAAS,CAACS,OAAD,EAAUe,WAAV,CAPpB;IAQE,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAR5B;IASE,SAAS,EAAEP,SAAS,CAACU,SAAD,EAAYe,aAAZ,CATtB;IAUE,iBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;IAWE,iBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAXjC;IAYE,QAAQ,EAAEpB;EAZZ,GAaMI,UAbN,EADF;AAiBD,CAjEiC,CAA3B"}

package/build/esm/Menu/MenuList.d.ts

@@ -1,7 +1,7 @@
-import type { HTMLAttributes, ElementType } from 'react';
-export interface MenuListProps extends HTMLAttributes<HTMLUListElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    defaultActiveItemValue?: string | string[];
-}
-export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLUListElement>>;
+import type { HTMLAttributes, ElementType } from 'react';
+export interface MenuListProps extends HTMLAttributes<HTMLUListElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    defaultActiveItemValue?: string | string[];
+}
+export declare const MenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLUListElement>>;

package/build/esm/Menu/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","names":["useCallback","forwardRef","useEffect","useRef","useState","useLayoutEffect","useMenuContext","MenuListProvider","assignMultipleRefs","useOnClickOutside","useScope","queryScope","getCircularIndex","wrapEvent","useEnhancedEffect","window","MenuList","props","forwardedRef","as","Comp","innerAs","onKeyDown","preferredId","id","defaultActiveItemValue","otherProps","interactedOutside","itemSearchStr","itemSearchClearTimeout","menuListIdRef","buttonRef","onChange","openWithArrowKeyRef","open","isContextMenu","navigationItem","setNavigationItem","mounted","setMounted","menuListRef","scope","onNavigate","el","focus","current","allItems","queryAllNodes","index","length","i","dataset","value","Array","isArray","set","Set","val","has","handleClickOutside","e","pointerType","button","target","HTMLElement","contains","preventDefault","handleKeyDown","key","currentIndex","findIndex","nextIndex","ctrlKey","altKey","slice","clearTimeout","setTimeout","searchStr","idx","dom","domText","innerText","toLowerCase","startsWith"],"sources":["../../../src/Menu/MenuList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, KeyboardEvent } from 'react';\r\nimport {\r\n  useCallback,\r\n  forwardRef,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n  useLayoutEffect,\r\n} from 'react';\r\n\r\nimport { useMenuContext, MenuListProvider } from './context';\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\nimport { useOnClickOutside } from '../hooks/useOnClickOutside';\r\nimport { useScope } from '../hooks';\r\nimport { queryScope } from './scope';\r\nimport { getCircularIndex, wrapEvent } from '../utils';\r\n\r\nconst useEnhancedEffect =\r\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\r\n\r\nexport interface MenuListProps extends HTMLAttributes<HTMLUListElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  defaultActiveItemValue?: string | string[];\r\n}\r\n\r\nexport const MenuList = forwardRef<HTMLUListElement, MenuListProps>(\r\n  function MenuList(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'ul',\r\n      innerAs,\r\n      onKeyDown,\r\n      id: preferredId,\r\n      defaultActiveItemValue,\r\n      ...otherProps\r\n    } = props;\r\n\r\n    const interactedOutside = useRef(false);\r\n    const itemSearchStr = useRef('');\r\n    const itemSearchClearTimeout = useRef<ReturnType<typeof setTimeout>>();\r\n\r\n    const {\r\n      menuListIdRef,\r\n      buttonRef,\r\n      onChange,\r\n      openWithArrowKeyRef,\r\n      open,\r\n      isContextMenu,\r\n    } = useMenuContext();\r\n\r\n    const [navigationItem, setNavigationItem] = useState<\r\n      HTMLElement | undefined\r\n    >();\r\n\r\n    const [mounted, setMounted] = useState(false);\r\n\r\n    const menuListRef = useRef<HTMLUListElement>();\r\n\r\n    const scope = useScope<HTMLLIElement, HTMLUListElement>(menuListRef);\r\n\r\n    const onNavigate = (el: HTMLElement) => {\r\n      el.focus();\r\n      setNavigationItem(el);\r\n    };\r\n\r\n    menuListIdRef.current = preferredId || menuListIdRef.current;\r\n\r\n    useEnhancedEffect(() => {\r\n      if (!mounted) {\r\n        const allItems = scope.current.queryAllNodes(queryScope);\r\n        let index = getCircularIndex(\r\n          openWithArrowKeyRef.current === 'ArrowUp' ? -1 : 0,\r\n          allItems.length\r\n        );\r\n\r\n        if (defaultActiveItemValue) {\r\n          if (typeof defaultActiveItemValue === 'string') {\r\n            for (let i = 0; i < allItems.length; i++) {\r\n              if (allItems[i].dataset.value === defaultActiveItemValue) {\r\n                index = i;\r\n                break;\r\n              }\r\n            }\r\n          } else if (Array.isArray(defaultActiveItemValue)) {\r\n            const set = new Set(defaultActiveItemValue);\r\n            for (let i = 0; i < allItems.length; i++) {\r\n              const val = allItems[i].dataset.value;\r\n              if (val && set.has(val)) {\r\n                index = i;\r\n                break;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        if (index !== null) {\r\n          onNavigate && onNavigate(allItems[index]);\r\n        }\r\n      }\r\n\r\n      openWithArrowKeyRef.current = null;\r\n      setMounted(true);\r\n    }, [\r\n      mounted,\r\n      navigationItem,\r\n      onNavigate,\r\n      openWithArrowKeyRef,\r\n      scope,\r\n      defaultActiveItemValue,\r\n    ]);\r\n\r\n    const handleClickOutside = useCallback(\r\n      (e: PointerEvent) => {\r\n        if (isContextMenu.current) {\r\n          if (!interactedOutside.current && e.pointerType === 'touch') {\r\n            // First interaction should be ignored, because\r\n            // this is what triggered the context menu to open\r\n            interactedOutside.current = true;\r\n            return;\r\n          }\r\n\r\n          if (e.button === 0) {\r\n            onChange(e as any, false);\r\n          }\r\n        } else {\r\n          if (\r\n            e.target instanceof HTMLElement &&\r\n            e.target !== buttonRef.current &&\r\n            !buttonRef.current?.contains(e.target)\r\n          ) {\r\n            onChange(e as any, false);\r\n          }\r\n        }\r\n        e.preventDefault();\r\n      },\r\n      [buttonRef, isContextMenu, onChange]\r\n    );\r\n\r\n    useOnClickOutside(menuListRef, handleClickOutside, open);\r\n\r\n    function handleKeyDown(e: KeyboardEvent<HTMLUListElement>) {\r\n      switch (e.key) {\r\n        case 'Escape':\r\n        case 'Tab': {\r\n          onChange(e, false);\r\n          e.preventDefault(); // prevents focusing on next element, because we will be handling it\r\n          itemSearchStr.current = '';\r\n          buttonRef.current?.focus();\r\n          break;\r\n        }\r\n        case 'Home':\r\n        case 'End':\r\n        case 'ArrowDown':\r\n        case 'ArrowUp':\r\n          e.preventDefault();\r\n          itemSearchStr.current = '';\r\n          const allItems = scope ? scope.current.queryAllNodes(queryScope) : [];\r\n          const currentIndex = allItems.findIndex((e) => e === navigationItem);\r\n          if (allItems.length === 0) {\r\n            return;\r\n          }\r\n          let nextIndex: number = currentIndex;\r\n          switch (e.key) {\r\n            case 'ArrowUp':\r\n              nextIndex += -1;\r\n              break;\r\n            case 'ArrowDown':\r\n              nextIndex += 1;\r\n              break;\r\n            case 'Home':\r\n              nextIndex = 0;\r\n              break;\r\n            case 'End':\r\n              nextIndex = -1;\r\n              break;\r\n          }\r\n          // We already checked if allItems.length = 0 above\r\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n          nextIndex = getCircularIndex(nextIndex, allItems.length)!;\r\n          onNavigate && onNavigate(allItems[nextIndex]);\r\n          break;\r\n        default: {\r\n          if (e.key.length === 1 && !e.ctrlKey && !e.altKey) {\r\n            // A-Z\r\n            e.preventDefault();\r\n\r\n            if (\r\n              itemSearchStr.current.length === 0 ||\r\n              itemSearchStr.current.slice(-1) !== e.key\r\n            ) {\r\n              itemSearchStr.current = itemSearchStr.current + e.key;\r\n            }\r\n            clearTimeout(itemSearchClearTimeout.current as any);\r\n            itemSearchClearTimeout.current = setTimeout(() => {\r\n              itemSearchStr.current = '';\r\n            }, 500);\r\n\r\n            const allItems = scope\r\n              ? scope.current.queryAllNodes(queryScope)\r\n              : [];\r\n            const currentIndex = allItems.findIndex(\r\n              (e) => e === navigationItem\r\n            );\r\n            const searchStr = itemSearchStr.current;\r\n            let nextIndex = -1;\r\n            for (\r\n              let i = searchStr.length === 1 ? 1 : 0;\r\n              i < allItems.length;\r\n              i++\r\n            ) {\r\n              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n              const idx = getCircularIndex(currentIndex + i, allItems.length)!;\r\n              const dom = allItems[idx];\r\n              const domText = dom.innerText.toLowerCase();\r\n              if (domText.length > 0 && domText.startsWith(searchStr)) {\r\n                nextIndex = idx;\r\n                break;\r\n              }\r\n            }\r\n            if (nextIndex >= 0 && nextIndex < allItems.length) {\r\n              onNavigate && onNavigate(allItems[nextIndex]);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    if (!open) {\r\n      interactedOutside.current = false;\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <MenuListProvider\r\n        value={{\r\n          navigationItem,\r\n          onNavigate,\r\n        }}\r\n      >\r\n        <Comp\r\n          ref={assignMultipleRefs(forwardedRef, menuListRef)}\r\n          as={innerAs}\r\n          id={menuListIdRef.current}\r\n          role=\"menu\"\r\n          aria-labelledby={buttonRef.current?.id}\r\n          data-menu-list=\"\"\r\n          tabIndex=\"-1\"\r\n          onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n          {...otherProps}\r\n        />\r\n      </MenuListProvider>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"MenuList.js","names":["useCallback","forwardRef","useEffect","useRef","useState","useLayoutEffect","useMenuContext","MenuListProvider","assignMultipleRefs","useOnClickOutside","useScope","queryScope","getCircularIndex","wrapEvent","useEnhancedEffect","window","MenuList","props","forwardedRef","as","Comp","innerAs","onKeyDown","preferredId","id","defaultActiveItemValue","otherProps","interactedOutside","itemSearchStr","itemSearchClearTimeout","menuListIdRef","buttonRef","onChange","openWithArrowKeyRef","open","isContextMenu","navigationItem","setNavigationItem","mounted","setMounted","menuListRef","scope","onNavigate","el","focus","current","allItems","queryAllNodes","index","length","i","dataset","value","Array","isArray","set","Set","val","has","handleClickOutside","e","pointerType","button","target","HTMLElement","contains","preventDefault","handleKeyDown","key","currentIndex","findIndex","nextIndex","ctrlKey","altKey","slice","clearTimeout","setTimeout","searchStr","idx","dom","domText","innerText","toLowerCase","startsWith"],"sources":["../../../src/Menu/MenuList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, KeyboardEvent } from 'react';\nimport {\n  useCallback,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  useLayoutEffect,\n} from 'react';\n\nimport { useMenuContext, MenuListProvider } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { useOnClickOutside } from '../hooks/useOnClickOutside';\nimport { useScope } from '../hooks';\nimport { queryScope } from './scope';\nimport { getCircularIndex, wrapEvent } from '../utils';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport interface MenuListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  defaultActiveItemValue?: string | string[];\n}\n\nexport const MenuList = forwardRef<HTMLUListElement, MenuListProps>(\n  function MenuList(props, forwardedRef) {\n    const {\n      as: Comp = 'ul',\n      innerAs,\n      onKeyDown,\n      id: preferredId,\n      defaultActiveItemValue,\n      ...otherProps\n    } = props;\n\n    const interactedOutside = useRef(false);\n    const itemSearchStr = useRef('');\n    const itemSearchClearTimeout = useRef<ReturnType<typeof setTimeout>>();\n\n    const {\n      menuListIdRef,\n      buttonRef,\n      onChange,\n      openWithArrowKeyRef,\n      open,\n      isContextMenu,\n    } = useMenuContext();\n\n    const [navigationItem, setNavigationItem] = useState<\n      HTMLElement | undefined\n    >();\n\n    const [mounted, setMounted] = useState(false);\n\n    const menuListRef = useRef<HTMLUListElement>();\n\n    const scope = useScope<HTMLLIElement, HTMLUListElement>(menuListRef);\n\n    const onNavigate = (el: HTMLElement) => {\n      el.focus();\n      setNavigationItem(el);\n    };\n\n    menuListIdRef.current = preferredId || menuListIdRef.current;\n\n    useEnhancedEffect(() => {\n      if (!mounted) {\n        const allItems = scope.current.queryAllNodes(queryScope);\n        let index = getCircularIndex(\n          openWithArrowKeyRef.current === 'ArrowUp' ? -1 : 0,\n          allItems.length\n        );\n\n        if (defaultActiveItemValue) {\n          if (typeof defaultActiveItemValue === 'string') {\n            for (let i = 0; i < allItems.length; i++) {\n              if (allItems[i].dataset.value === defaultActiveItemValue) {\n                index = i;\n                break;\n              }\n            }\n          } else if (Array.isArray(defaultActiveItemValue)) {\n            const set = new Set(defaultActiveItemValue);\n            for (let i = 0; i < allItems.length; i++) {\n              const val = allItems[i].dataset.value;\n              if (val && set.has(val)) {\n                index = i;\n                break;\n              }\n            }\n          }\n        }\n\n        if (index !== null) {\n          onNavigate && onNavigate(allItems[index]);\n        }\n      }\n\n      openWithArrowKeyRef.current = null;\n      setMounted(true);\n    }, [\n      mounted,\n      navigationItem,\n      onNavigate,\n      openWithArrowKeyRef,\n      scope,\n      defaultActiveItemValue,\n    ]);\n\n    const handleClickOutside = useCallback(\n      (e: PointerEvent) => {\n        if (isContextMenu.current) {\n          if (!interactedOutside.current && e.pointerType === 'touch') {\n            // First interaction should be ignored, because\n            // this is what triggered the context menu to open\n            interactedOutside.current = true;\n            return;\n          }\n\n          if (e.button === 0) {\n            onChange(e as any, false);\n          }\n        } else {\n          if (\n            e.target instanceof HTMLElement &&\n            e.target !== buttonRef.current &&\n            !buttonRef.current?.contains(e.target)\n          ) {\n            onChange(e as any, false);\n          }\n        }\n        e.preventDefault();\n      },\n      [buttonRef, isContextMenu, onChange]\n    );\n\n    useOnClickOutside(menuListRef, handleClickOutside, open);\n\n    function handleKeyDown(e: KeyboardEvent<HTMLUListElement>) {\n      switch (e.key) {\n        case 'Escape':\n        case 'Tab': {\n          onChange(e, false);\n          e.preventDefault(); // prevents focusing on next element, because we will be handling it\n          itemSearchStr.current = '';\n          buttonRef.current?.focus();\n          break;\n        }\n        case 'Home':\n        case 'End':\n        case 'ArrowDown':\n        case 'ArrowUp':\n          e.preventDefault();\n          itemSearchStr.current = '';\n          const allItems = scope ? scope.current.queryAllNodes(queryScope) : [];\n          const currentIndex = allItems.findIndex((e) => e === navigationItem);\n          if (allItems.length === 0) {\n            return;\n          }\n          let nextIndex: number = currentIndex;\n          switch (e.key) {\n            case 'ArrowUp':\n              nextIndex += -1;\n              break;\n            case 'ArrowDown':\n              nextIndex += 1;\n              break;\n            case 'Home':\n              nextIndex = 0;\n              break;\n            case 'End':\n              nextIndex = -1;\n              break;\n          }\n          // We already checked if allItems.length = 0 above\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          nextIndex = getCircularIndex(nextIndex, allItems.length)!;\n          onNavigate && onNavigate(allItems[nextIndex]);\n          break;\n        default: {\n          if (e.key.length === 1 && !e.ctrlKey && !e.altKey) {\n            // A-Z\n            e.preventDefault();\n\n            if (\n              itemSearchStr.current.length === 0 ||\n              itemSearchStr.current.slice(-1) !== e.key\n            ) {\n              itemSearchStr.current = itemSearchStr.current + e.key;\n            }\n            clearTimeout(itemSearchClearTimeout.current as any);\n            itemSearchClearTimeout.current = setTimeout(() => {\n              itemSearchStr.current = '';\n            }, 500);\n\n            const allItems = scope\n              ? scope.current.queryAllNodes(queryScope)\n              : [];\n            const currentIndex = allItems.findIndex(\n              (e) => e === navigationItem\n            );\n            const searchStr = itemSearchStr.current;\n            let nextIndex = -1;\n            for (\n              let i = searchStr.length === 1 ? 1 : 0;\n              i < allItems.length;\n              i++\n            ) {\n              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n              const idx = getCircularIndex(currentIndex + i, allItems.length)!;\n              const dom = allItems[idx];\n              const domText = dom.innerText.toLowerCase();\n              if (domText.length > 0 && domText.startsWith(searchStr)) {\n                nextIndex = idx;\n                break;\n              }\n            }\n            if (nextIndex >= 0 && nextIndex < allItems.length) {\n              onNavigate && onNavigate(allItems[nextIndex]);\n            }\n          }\n        }\n      }\n    }\n\n    if (!open) {\n      interactedOutside.current = false;\n      return null;\n    }\n\n    return (\n      <MenuListProvider\n        value={{\n          navigationItem,\n          onNavigate,\n        }}\n      >\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, menuListRef)}\n          as={innerAs}\n          id={menuListIdRef.current}\n          role=\"menu\"\n          aria-labelledby={buttonRef.current?.id}\n          data-menu-list=\"\"\n          tabIndex=\"-1\"\n          onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n          {...otherProps}\n        />\n      </MenuListProvider>\n    );\n  }\n);\n"],"mappings":"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"}

package/build/esm/Menu/MenuPopover.d.ts

@@ -1,8 +1,8 @@
-import type { ElementType, ReactNode } from 'react';
-import type { PopperProps } from '../Popper';
-export interface MenuPopoverProps extends Omit<PopperProps, 'anchorEl'> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const MenuPopover: import("react").ForwardRefExoticComponent<MenuPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, ReactNode } from 'react';
+import type { PopperProps } from '../Popper';
+export interface MenuPopoverProps extends Omit<PopperProps, 'anchorEl'> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const MenuPopover: import("react").ForwardRefExoticComponent<MenuPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Menu/MenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.js","names":["forwardRef","Popper","useMenuContext","MenuPopover","props","forwardedRef","as","innerAs","otherProps","buttonRef","open","offsetFn","isContextMenu","current","undefined"],"sources":["../../../src/Menu/MenuPopover.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport type { PopperProps } from '../Popper';\r\nimport { Popper } from '../Popper';\r\nimport { useMenuContext } from './context';\r\n\r\nexport interface MenuPopoverProps extends Omit<PopperProps, 'anchorEl'> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const MenuPopover = forwardRef<HTMLDivElement, MenuPopoverProps>(\r\n  function MenuPopover(props, forwardedRef) {\r\n    const { as = 'div', innerAs, ...otherProps } = props;\r\n    const { buttonRef, open, offsetFn, isContextMenu } = useMenuContext();\r\n\r\n    if (!open) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <Popper\r\n        as={as}\r\n        innerAs={innerAs}\r\n        ref={forwardedRef}\r\n        anchorEl={buttonRef}\r\n        offsetFn={offsetFn}\r\n        placement={isContextMenu.current ? 'bottom-start' : undefined}\r\n        {...otherProps}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,cAAT,QAA+B,WAA/B;;AAQA,OAAO,IAAMC,WAAW,gBAAGH,UAAU,CACnC,SAASG,WAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA0C;EACxC,gBAA+CD,KAA/C,CAAQE,EAAR;EAAA,IAAQA,EAAR,0BAAa,KAAb;EAAA,IAAoBC,OAApB,GAA+CH,KAA/C,CAAoBG,OAApB;EAAA,IAAgCC,UAAhC,4BAA+CJ,KAA/C;;EACA,sBAAqDF,cAAc,EAAnE;EAAA,IAAQO,SAAR,mBAAQA,SAAR;EAAA,IAAmBC,IAAnB,mBAAmBA,IAAnB;EAAA,IAAyBC,QAAzB,mBAAyBA,QAAzB;EAAA,IAAmCC,aAAnC,mBAAmCA,aAAnC;;EAEA,IAAI,CAACF,IAAL,EAAW;IACT,OAAO,IAAP;EACD;;EAED,oBACE,KAAC,MAAD;IACE,EAAE,EAAEJ,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,GAAG,EAAEF,YAHP;IAIE,QAAQ,EAAEI,SAJZ;IAKE,QAAQ,EAAEE,QALZ;IAME,SAAS,EAAEC,aAAa,CAACC,OAAd,GAAwB,cAAxB,GAAyCC;EANtD,GAOMN,UAPN,EADF;AAWD,CApBkC,CAA9B"}
+{"version":3,"file":"MenuPopover.js","names":["forwardRef","Popper","useMenuContext","MenuPopover","props","forwardedRef","as","innerAs","otherProps","buttonRef","open","offsetFn","isContextMenu","current","undefined"],"sources":["../../../src/Menu/MenuPopover.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { PopperProps } from '../Popper';\nimport { Popper } from '../Popper';\nimport { useMenuContext } from './context';\n\nexport interface MenuPopoverProps extends Omit<PopperProps, 'anchorEl'> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const MenuPopover = forwardRef<HTMLDivElement, MenuPopoverProps>(\n  function MenuPopover(props, forwardedRef) {\n    const { as = 'div', innerAs, ...otherProps } = props;\n    const { buttonRef, open, offsetFn, isContextMenu } = useMenuContext();\n\n    if (!open) {\n      return null;\n    }\n\n    return (\n      <Popper\n        as={as}\n        innerAs={innerAs}\n        ref={forwardedRef}\n        anchorEl={buttonRef}\n        offsetFn={offsetFn}\n        placement={isContextMenu.current ? 'bottom-start' : undefined}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,cAAT,QAA+B,WAA/B;;AAQA,OAAO,IAAMC,WAAW,gBAAGH,UAAU,CACnC,SAASG,WAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA0C;EACxC,gBAA+CD,KAA/C,CAAQE,EAAR;EAAA,IAAQA,EAAR,0BAAa,KAAb;EAAA,IAAoBC,OAApB,GAA+CH,KAA/C,CAAoBG,OAApB;EAAA,IAAgCC,UAAhC,4BAA+CJ,KAA/C;;EACA,sBAAqDF,cAAc,EAAnE;EAAA,IAAQO,SAAR,mBAAQA,SAAR;EAAA,IAAmBC,IAAnB,mBAAmBA,IAAnB;EAAA,IAAyBC,QAAzB,mBAAyBA,QAAzB;EAAA,IAAmCC,aAAnC,mBAAmCA,aAAnC;;EAEA,IAAI,CAACF,IAAL,EAAW;IACT,OAAO,IAAP;EACD;;EAED,oBACE,KAAC,MAAD;IACE,EAAE,EAAEJ,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,GAAG,EAAEF,YAHP;IAIE,QAAQ,EAAEI,SAJZ;IAKE,QAAQ,EAAEE,QALZ;IAME,SAAS,EAAEC,aAAa,CAACC,OAAd,GAAwB,cAAxB,GAAyCC;EANtD,GAOMN,UAPN,EADF;AAWD,CApBkC,CAA9B"}

package/build/esm/Menu/context.d.ts

@@ -1,25 +1,25 @@
-import type { OffsetsFunction } from '@popperjs/core/lib/modifiers/offset';
-import type { Dispatch, KeyboardEvent, MouseEvent, MutableRefObject, PointerEvent, SetStateAction } from 'react';
-export declare type ItemObject = {
-    text: string;
-    value: any;
-    id: string | undefined;
-};
-export interface MenuContextProps {
-    buttonRef: MutableRefObject<HTMLElement | null>;
-    menuListIdRef: MutableRefObject<undefined | string>;
-    openWithArrowKeyRef: MutableRefObject<string | null>;
-    onChange: (e: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement> | PointerEvent<HTMLElement>, isOpen: boolean) => void;
-    open: boolean;
-    offsetFn: OffsetsFunction | undefined;
-    setOffsetFn: Dispatch<SetStateAction<OffsetsFunction | undefined>>;
-    isContextMenu: MutableRefObject<boolean>;
-}
-export declare const MenuProvider: import("react").Provider<MenuContextProps>;
-export declare const useMenuContext: () => MenuContextProps;
-export interface MenuListContextProps {
-    navigationItem: HTMLElement | undefined;
-    onNavigate: undefined | ((idx: HTMLElement) => void);
-}
-export declare const MenuListProvider: import("react").Provider<MenuListContextProps>;
-export declare const useMenuListContext: () => MenuListContextProps;
+import type { OffsetsFunction } from '@popperjs/core/lib/modifiers/offset';
+import type { Dispatch, KeyboardEvent, MouseEvent, MutableRefObject, PointerEvent, SetStateAction } from 'react';
+export declare type ItemObject = {
+    text: string;
+    value: any;
+    id: string | undefined;
+};
+export interface MenuContextProps {
+    buttonRef: MutableRefObject<HTMLElement | null>;
+    menuListIdRef: MutableRefObject<undefined | string>;
+    openWithArrowKeyRef: MutableRefObject<string | null>;
+    onChange: (e: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement> | PointerEvent<HTMLElement>, isOpen: boolean) => void;
+    open: boolean;
+    offsetFn: OffsetsFunction | undefined;
+    setOffsetFn: Dispatch<SetStateAction<OffsetsFunction | undefined>>;
+    isContextMenu: MutableRefObject<boolean>;
+}
+export declare const MenuProvider: import("react").Provider<MenuContextProps>;
+export declare const useMenuContext: () => MenuContextProps;
+export interface MenuListContextProps {
+    navigationItem: HTMLElement | undefined;
+    onNavigate: undefined | ((idx: HTMLElement) => void);
+}
+export declare const MenuListProvider: import("react").Provider<MenuListContextProps>;
+export declare const useMenuListContext: () => MenuListContextProps;