@basic-ui/core 0.0.36 → 0.0.39

package/build/esm/ComboBox/makeHash.js

@@ -6,14 +6,14 @@
 // don't know how it works, tbqh)
 // https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript
 export function makeHash(str) {
-  let hash = 0;
+  var hash = 0;
 
   if (str.length === 0) {
     return hash;
   }
 
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
+  for (var i = 0; i < str.length; i++) {
+    var char = str.charCodeAt(i);
     hash = (hash << 5) - hash + char;
     hash = hash & hash;
   }

package/build/esm/ComboBox/makeHash.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/makeHash.ts"],"names":["makeHash","str","hash","length","i","char","charCodeAt"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,QAAT,CAAkBC,GAAlB,EAA+B;AACpC,MAAIC,IAAI,GAAG,CAAX;;AACA,MAAID,GAAG,CAACE,MAAJ,KAAe,CAAnB,EAAsB;AACpB,WAAOD,IAAP;AACD;;AACD,OAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,GAAG,CAACE,MAAxB,EAAgCC,CAAC,EAAjC,EAAqC;AACnC,UAAMC,IAAI,GAAGJ,GAAG,CAACK,UAAJ,CAAeF,CAAf,CAAb;AACAF,IAAAA,IAAI,GAAG,CAACA,IAAI,IAAI,CAAT,IAAcA,IAAd,GAAqBG,IAA5B;AACAH,IAAAA,IAAI,GAAGA,IAAI,GAAGA,IAAd;AACD;;AACD,SAAOA,IAAP;AACD","sourcesContent":["// We don't want to track the active descendant with indexes because nothing is\n// more annoying in a combobox than having it change values RIGHT AS YOU HIT\n// ENTER. That only happens if you use the index as your data, rather than\n// *your data as your data*. We use this to generate a unique ID based on the\n// value of each item.  This function is short, sweet, and good enough™ (I also\n// don't know how it works, tbqh)\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nexport function makeHash(str: string) {\n  let hash = 0;\n  if (str.length === 0) {\n    return hash;\n  }\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return hash;\n}\n"],"file":"makeHash.js"}
+{"version":3,"sources":["../../../src/ComboBox/makeHash.ts"],"names":["makeHash","str","hash","length","i","char","charCodeAt"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,QAAT,CAAkBC,GAAlB,EAA+B;AACpC,MAAIC,IAAI,GAAG,CAAX;;AACA,MAAID,GAAG,CAACE,MAAJ,KAAe,CAAnB,EAAsB;AACpB,WAAOD,IAAP;AACD;;AACD,OAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,GAAG,CAACE,MAAxB,EAAgCC,CAAC,EAAjC,EAAqC;AACnC,QAAMC,IAAI,GAAGJ,GAAG,CAACK,UAAJ,CAAeF,CAAf,CAAb;AACAF,IAAAA,IAAI,GAAG,CAACA,IAAI,IAAI,CAAT,IAAcA,IAAd,GAAqBG,IAA5B;AACAH,IAAAA,IAAI,GAAGA,IAAI,GAAGA,IAAd;AACD;;AACD,SAAOA,IAAP;AACD","sourcesContent":["// We don't want to track the active descendant with indexes because nothing is\n// more annoying in a combobox than having it change values RIGHT AS YOU HIT\n// ENTER. That only happens if you use the index as your data, rather than\n// *your data as your data*. We use this to generate a unique ID based on the\n// value of each item.  This function is short, sweet, and good enough™ (I also\n// don't know how it works, tbqh)\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nexport function makeHash(str: string) {\n  let hash = 0;\n  if (str.length === 0) {\n    return hash;\n  }\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return hash;\n}\n"],"file":"makeHash.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface FocusLockProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/FocusLock/FocusLock.js

@@ -1,29 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { useRef } from 'react';
+import * as React from 'react';
 import { useFocusLock } from './useFocusLock';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const FocusLock = function FocusLock(props) {
-  const {
-    as: Comp = 'div',
-    childRef,
-    enabled = false,
-    style = {},
-    children
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "childRef", "enabled", "style", "children"]);
+export var FocusLock = function FocusLock(props) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'div' : _props$as,
+      childRef = props.childRef,
+      _props$enabled = props.enabled,
+      enabled = _props$enabled === void 0 ? false : _props$enabled,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      children = props.children,
+      otherProps = _objectWithoutProperties(props, ["as", "childRef", "enabled", "style", "children"]);
 
-  const lockStartRef = useRef(null);
-  const lockEndRef = useRef(null);
+  var lockStartRef = useRef(null);
+  var lockEndRef = useRef(null);
   useFocusLock(childRef, {
-    enabled,
-    lockStartRef,
-    lockEndRef
+    enabled: enabled,
+    lockStartRef: lockStartRef,
+    lockEndRef: lockEndRef
   });
 
-  const lockStyle = _extends({
+  var lockStyle = _extends({
     width: 1,
     height: 0,
     padding: 0,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/FocusLock.tsx"],"names":["useRef","useFocusLock","FocusLock","props","as","Comp","childRef","enabled","style","children","otherProps","lockStartRef","lockEndRef","lockStyle","width","height","padding","overflow","position","top","left"],"mappings":";;AAAA,SAASA,MAAT,QAAuB,OAAvB;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;;;AAUA,OAAO,MAAMC,SAAmC,GAAG,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAC3E,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KADP;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,OAAO,GAAG,KAHN;AAIJC,IAAAA,KAAK,GAAG,EAJJ;AAKJC,IAAAA;AALI,MAOFN,KAPJ;AAAA,QAMKO,UANL,iCAOIP,KAPJ;;AAQA,QAAMQ,YAAY,GAAGX,MAAM,CAAc,IAAd,CAA3B;AACA,QAAMY,UAAU,GAAGZ,MAAM,CAAc,IAAd,CAAzB;AAEAC,EAAAA,YAAY,CAACK,QAAD,EAAW;AAAEC,IAAAA,OAAF;AAAWI,IAAAA,YAAX;AAAyBC,IAAAA;AAAzB,GAAX,CAAZ;;AAEA,QAAMC,SAAS;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE,CAFK;AAGbC,IAAAA,OAAO,EAAE,CAHI;AAIbC,IAAAA,QAAQ,EAAE,QAJG;AAKbC,IAAAA,QAAQ,EAAE,OALG;AAMbC,IAAAA,GAAG,EAAE,CANQ;AAObC,IAAAA,IAAI,EAAE;AAPO,KAQVZ,KARU,CAAf;;AAWA,sBACE;AAAA,4BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEG,YADP;AAEE,+BAAsB,EAFxB;AAGE,qBAAa,IAHf;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,KAAK,EAAEE;AALT,OAMMH,UANN,EADF,EASGD,QATH,eAUE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEG,UADP;AAEE,6BAAoB,EAFtB;AAGE,qBAAa,IAHf;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,KAAK,EAAEC;AALT,OAMMH,UANN,EAVF;AAAA,IADF;AAqBD,CA9CM","sourcesContent":["import { useRef } from 'react';\nimport type * as React from 'react';\nimport { useFocusLock } from './useFocusLock';\n\nexport interface FocusLockProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  childRef: React.MutableRefObject<HTMLElement | null>;\n  enabled?: boolean;\n}\n\nexport const FocusLock: React.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"],"file":"FocusLock.js"}
+{"version":3,"sources":["../../../src/FocusLock/FocusLock.tsx"],"names":["useRef","React","useFocusLock","FocusLock","props","as","Comp","childRef","enabled","style","children","otherProps","lockStartRef","lockEndRef","lockStyle","width","height","padding","overflow","position","top","left"],"mappings":";;AAAA,SAASA,MAAT,QAAuB,OAAvB;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;;;AAUA,OAAO,IAAMC,SAAmC,GAAG,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA,kBAQvEA,KARuE,CAEzEC,EAFyE;AAAA,MAErEC,IAFqE,0BAE9D,KAF8D;AAAA,MAGzEC,QAHyE,GAQvEH,KARuE,CAGzEG,QAHyE;AAAA,uBAQvEH,KARuE,CAIzEI,OAJyE;AAAA,MAIzEA,OAJyE,+BAI/D,KAJ+D;AAAA,qBAQvEJ,KARuE,CAKzEK,KALyE;AAAA,MAKzEA,KALyE,6BAKjE,EALiE;AAAA,MAMzEC,QANyE,GAQvEN,KARuE,CAMzEM,QANyE;AAAA,MAOtEC,UAPsE,4BAQvEP,KARuE;;AAS3E,MAAMQ,YAAY,GAAGZ,MAAM,CAAc,IAAd,CAA3B;AACA,MAAMa,UAAU,GAAGb,MAAM,CAAc,IAAd,CAAzB;AAEAE,EAAAA,YAAY,CAACK,QAAD,EAAW;AAAEC,IAAAA,OAAO,EAAPA,OAAF;AAAWI,IAAAA,YAAY,EAAZA,YAAX;AAAyBC,IAAAA,UAAU,EAAVA;AAAzB,GAAX,CAAZ;;AAEA,MAAMC,SAAS;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE,CAFK;AAGbC,IAAAA,OAAO,EAAE,CAHI;AAIbC,IAAAA,QAAQ,EAAE,QAJG;AAKbC,IAAAA,QAAQ,EAAE,OALG;AAMbC,IAAAA,GAAG,EAAE,CANQ;AAObC,IAAAA,IAAI,EAAE;AAPO,KAQVZ,KARU,CAAf;;AAWA,sBACE;AAAA,4BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEG,YADP;AAEE,+BAAsB,EAFxB;AAGE,qBAAa,IAHf;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,KAAK,EAAEE;AALT,OAMMH,UANN,EADF,EASGD,QATH,eAUE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEG,UADP;AAEE,6BAAoB,EAFtB;AAGE,qBAAa,IAHf;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,KAAK,EAAEC;AALT,OAMMH,UANN,EAVF;AAAA,IADF;AAqBD,CA9CM","sourcesContent":["import { useRef } from 'react';\nimport * as React from 'react';\n\nimport { useFocusLock } from './useFocusLock';\n\nexport interface FocusLockProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  childRef: React.MutableRefObject<HTMLElement | null>;\n  enabled?: boolean;\n}\n\nexport const FocusLock: React.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"],"file":"FocusLock.js"}

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

@@ -1,2 +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;

package/build/esm/FocusLock/tabUtils.js

@@ -1,11 +1,23 @@
-export const tabblable = ['button:enabled:not([readonly])', 'select:enabled:not([readonly])', 'textarea:enabled:not([readonly])', 'input:enabled:not([readonly])', 'a[href]', 'area[href]', 'iframe', 'object', 'embed', '[tabindex]', '[contenteditable]', '[autofocus]'].join(',');
+export var tabblable = ['button:enabled:not([readonly])', 'select:enabled:not([readonly])', 'textarea:enabled:not([readonly])', 'input:enabled:not([readonly])', 'a[href]', 'area[href]', 'iframe', 'object', 'embed', '[tabindex]', '[contenteditable]', '[autofocus]'].join(',');
 /* This is naive and will not consider tabIndex */
 
-export const getTabblableNodes = parentNode => {
+export var getTabblableNodes = function getTabblableNodes(parentNode) {
   if (!parentNode) {
     return [];
   }
 
   return Array.from(parentNode.querySelectorAll(tabblable));
 };
+export function focusOnChildNode(parentNode, itemIndex) {
+  var elements = getTabblableNodes(parentNode);
+
+  if (elements.length > 0) {
+    elements[itemIndex === -1 ? elements.length - 1 : 0].focus();
+  } else {
+    var currentTabIndex = parentNode.tabIndex;
+    parentNode.tabIndex = 0;
+    parentNode.focus();
+    parentNode.tabIndex = currentTabIndex;
+  }
+}
 //# sourceMappingURL=tabUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/tabUtils.ts"],"names":["tabblable","join","getTabblableNodes","parentNode","Array","from","querySelectorAll"],"mappings":"AAAA,OAAO,MAAMA,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,MAAMC,iBAAiB,GAC5BC,UAD+B,IAEb;AAClB,MAAI,CAACA,UAAL,EAAiB;AACf,WAAO,EAAP;AACD;;AAED,SAAOC,KAAK,CAACC,IAAN,CAAWF,UAAU,CAACG,gBAAX,CAA4BN,SAA5B,CAAX,CAAP;AACD,CARM","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"],"file":"tabUtils.js"}
+{"version":3,"sources":["../../../src/FocusLock/tabUtils.ts"],"names":["tabblable","join","getTabblableNodes","parentNode","Array","from","querySelectorAll","focusOnChildNode","itemIndex","elements","length","focus","currentTabIndex","tabIndex"],"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;AAClB,MAAI,CAACA,UAAL,EAAiB;AACf,WAAO,EAAP;AACD;;AAED,SAAOC,KAAK,CAACC,IAAN,CAAWF,UAAU,CAACG,gBAAX,CAA4BN,SAA5B,CAAX,CAAP;AACD,CARM;AAUP,OAAO,SAASO,gBAAT,CAA0BJ,UAA1B,EAAmDK,SAAnD,EAAsE;AAC3E,MAAMC,QAAQ,GAAGP,iBAAiB,CAACC,UAAD,CAAlC;;AACA,MAAIM,QAAQ,CAACC,MAAT,GAAkB,CAAtB,EAAyB;AACvBD,IAAAA,QAAQ,CAACD,SAAS,KAAK,CAAC,CAAf,GAAmBC,QAAQ,CAACC,MAAT,GAAkB,CAArC,GAAyC,CAA1C,CAAR,CAAqDC,KAArD;AACD,GAFD,MAEO;AACL,QAAMC,eAAe,GAAGT,UAAU,CAACU,QAAnC;AACAV,IAAAA,UAAU,CAACU,QAAX,GAAsB,CAAtB;AACAV,IAAAA,UAAU,CAACQ,KAAX;AACAR,IAAAA,UAAU,CAACU,QAAX,GAAsBD,eAAtB;AACD;AACF","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"],"file":"tabUtils.js"}

package/build/esm/FocusLock/useFocusLock.js

@@ -1,20 +1,19 @@
 import { useEffect } from 'react';
-import { getTabblableNodes } from './tabUtils';
-const focusLockStack = [];
+import { focusOnChildNode } from './tabUtils';
+var focusLockStack = [];
 export function useFocusLock(ref, opts) {
-  const {
-    enabled = true,
-    lockStartRef,
-    lockEndRef
-  } = opts;
-  useEffect(() => {
-    const rootEl = ref.current;
+  var _opts$enabled = opts.enabled,
+      enabled = _opts$enabled === void 0 ? true : _opts$enabled,
+      lockStartRef = opts.lockStartRef,
+      lockEndRef = opts.lockEndRef;
+  useEffect(function () {
+    var rootEl = ref.current;
 
     if (enabled && rootEl) {
       focusLockStack.push(rootEl);
 
-      const listener = event => {
-        const isActiveFocusLock = focusLockStack[focusLockStack.length - 1] === rootEl;
+      var listener = function listener(event) {
+        var isActiveFocusLock = focusLockStack[focusLockStack.length - 1] === rootEl;
 
         if (!isActiveFocusLock) {
           // Not the currently focused lock. Forget about it.
@@ -22,24 +21,17 @@ export function useFocusLock(ref, opts) {
         }
 
         if (event.target === lockEndRef.current) {
-          rootEl.focus();
+          focusOnChildNode(rootEl, 0);
         } else if (event.target === lockStartRef.current) {
-          const nodes = getTabblableNodes(rootEl);
-
-          if (nodes.length > 0) {
-            const nodeToFocus = nodes.length - 1;
-            nodes[nodeToFocus].focus();
-          } else {
-            rootEl.focus();
-          }
+          focusOnChildNode(rootEl, -1);
         } else if (document !== event.target && rootEl !== event.target && !rootEl.contains(event.target)) {
           event.preventDefault();
-          rootEl.focus();
+          focusOnChildNode(rootEl, 0);
         }
       };
 
       document.addEventListener('focusin', listener);
-      return () => {
+      return function () {
         document.removeEventListener('focusin', listener); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
         focusLockStack.pop();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/useFocusLock.ts"],"names":["useEffect","getTabblableNodes","focusLockStack","useFocusLock","ref","opts","enabled","lockStartRef","lockEndRef","rootEl","current","push","listener","event","isActiveFocusLock","length","target","focus","nodes","nodeToFocus","document","contains","preventDefault","addEventListener","removeEventListener","pop"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AACA,SAASC,iBAAT,QAAkC,YAAlC;AAQA,MAAMC,cAA6B,GAAG,EAAtC;AACA,OAAO,SAASC,YAAT,CACLC,GADK,EAELC,IAFK,EAGL;AACA,QAAM;AAAEC,IAAAA,OAAO,GAAG,IAAZ;AAAkBC,IAAAA,YAAlB;AAAgCC,IAAAA;AAAhC,MAA+CH,IAArD;AAEAL,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMS,MAAM,GAAGL,GAAG,CAACM,OAAnB;;AACA,QAAIJ,OAAO,IAAIG,MAAf,EAAuB;AACrBP,MAAAA,cAAc,CAACS,IAAf,CAAoBF,MAApB;;AAEA,YAAMG,QAAQ,GAAIC,KAAD,IAAuB;AACtC,cAAMC,iBAAiB,GACrBZ,cAAc,CAACA,cAAc,CAACa,MAAf,GAAwB,CAAzB,CAAd,KAA8CN,MADhD;;AAEA,YAAI,CAACK,iBAAL,EAAwB;AACtB;AACA;AACD;;AAED,YAAID,KAAK,CAACG,MAAN,KAAiBR,UAAU,CAACE,OAAhC,EAAyC;AACvCD,UAAAA,MAAM,CAACQ,KAAP;AACD,SAFD,MAEO,IAAIJ,KAAK,CAACG,MAAN,KAAiBT,YAAY,CAACG,OAAlC,EAA2C;AAChD,gBAAMQ,KAAK,GAAGjB,iBAAiB,CAACQ,MAAD,CAA/B;;AAEA,cAAIS,KAAK,CAACH,MAAN,GAAe,CAAnB,EAAsB;AACpB,kBAAMI,WAAW,GAAGD,KAAK,CAACH,MAAN,GAAe,CAAnC;AACAG,YAAAA,KAAK,CAACC,WAAD,CAAL,CAAmBF,KAAnB;AACD,WAHD,MAGO;AACLR,YAAAA,MAAM,CAACQ,KAAP;AACD;AACF,SATM,MASA,IACLG,QAAQ,KAAKP,KAAK,CAACG,MAAnB,IACAP,MAAM,KAAKI,KAAK,CAACG,MADjB,IAEA,CAACP,MAAM,CAACY,QAAP,CAAgBR,KAAK,CAACG,MAAtB,CAHI,EAIL;AACAH,UAAAA,KAAK,CAACS,cAAN;AACAb,UAAAA,MAAM,CAACQ,KAAP;AACD;AACF,OA3BD;;AA6BAG,MAAAA,QAAQ,CAACG,gBAAT,CAA0B,SAA1B,EAAqCX,QAArC;AACA,aAAO,MAAM;AACXQ,QAAAA,QAAQ,CAACI,mBAAT,CAA6B,SAA7B,EAAwCZ,QAAxC,EADW,CAGX;;AACAV,QAAAA,cAAc,CAACuB,GAAf;AACD,OALD;AAMD,KAzCa,CA0Cd;;AACD,GA3CQ,EA2CN,CAACnB,OAAD,CA3CM,CAAT;AA4CD","sourcesContent":["import { useEffect } from 'react';\nimport { getTabblableNodes } from './tabUtils';\n\nexport interface FocusLockOptions {\n  enabled: boolean;\n  lockStartRef: React.MutableRefObject<HTMLElement | null>;\n  lockEndRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nconst focusLockStack: HTMLElement[] = [];\nexport function useFocusLock(\n  ref: React.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          rootEl.focus();\n        } else if (event.target === lockStartRef.current) {\n          const nodes = getTabblableNodes(rootEl);\n\n          if (nodes.length > 0) {\n            const nodeToFocus = nodes.length - 1;\n            nodes[nodeToFocus].focus();\n          } else {\n            rootEl.focus();\n          }\n        } else if (\n          document !== event.target &&\n          rootEl !== event.target &&\n          !rootEl.contains(event.target as any)\n        ) {\n          event.preventDefault();\n          rootEl.focus();\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"],"file":"useFocusLock.js"}
+{"version":3,"sources":["../../../src/FocusLock/useFocusLock.ts"],"names":["useEffect","focusOnChildNode","focusLockStack","useFocusLock","ref","opts","enabled","lockStartRef","lockEndRef","rootEl","current","push","listener","event","isActiveFocusLock","length","target","document","contains","preventDefault","addEventListener","removeEventListener","pop"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,YAAjC;AAQA,IAAMC,cAA6B,GAAG,EAAtC;AACA,OAAO,SAASC,YAAT,CACLC,GADK,EAELC,IAFK,EAGL;AAAA,sBACqDA,IADrD,CACQC,OADR;AAAA,MACQA,OADR,8BACkB,IADlB;AAAA,MACwBC,YADxB,GACqDF,IADrD,CACwBE,YADxB;AAAA,MACsCC,UADtC,GACqDH,IADrD,CACsCG,UADtC;AAGAR,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMS,MAAM,GAAGL,GAAG,CAACM,OAAnB;;AACA,QAAIJ,OAAO,IAAIG,MAAf,EAAuB;AACrBP,MAAAA,cAAc,CAACS,IAAf,CAAoBF,MAApB;;AAEA,UAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuB;AACtC,YAAMC,iBAAiB,GACrBZ,cAAc,CAACA,cAAc,CAACa,MAAf,GAAwB,CAAzB,CAAd,KAA8CN,MADhD;;AAEA,YAAI,CAACK,iBAAL,EAAwB;AACtB;AACA;AACD;;AAED,YAAID,KAAK,CAACG,MAAN,KAAiBR,UAAU,CAACE,OAAhC,EAAyC;AACvCT,UAAAA,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;AACD,SAFD,MAEO,IAAII,KAAK,CAACG,MAAN,KAAiBT,YAAY,CAACG,OAAlC,EAA2C;AAChDT,UAAAA,gBAAgB,CAACQ,MAAD,EAAS,CAAC,CAAV,CAAhB;AACD,SAFM,MAEA,IACLQ,QAAQ,KAAKJ,KAAK,CAACG,MAAnB,IACAP,MAAM,KAAKI,KAAK,CAACG,MADjB,IAEA,CAACP,MAAM,CAACS,QAAP,CAAgBL,KAAK,CAACG,MAAtB,CAHI,EAIL;AACAH,UAAAA,KAAK,CAACM,cAAN;AACAlB,UAAAA,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;AACD;AACF,OApBD;;AAsBAQ,MAAAA,QAAQ,CAACG,gBAAT,CAA0B,SAA1B,EAAqCR,QAArC;AACA,aAAO,YAAM;AACXK,QAAAA,QAAQ,CAACI,mBAAT,CAA6B,SAA7B,EAAwCT,QAAxC,EADW,CAGX;;AACAV,QAAAA,cAAc,CAACoB,GAAf;AACD,OALD;AAMD,KAlCa,CAmCd;;AACD,GApCQ,EAoCN,CAAChB,OAAD,CApCM,CAAT;AAqCD","sourcesContent":["import { useEffect } from 'react';\n\nimport { focusOnChildNode } from './tabUtils';\n\nexport interface FocusLockOptions {\n  enabled: boolean;\n  lockStartRef: React.MutableRefObject<HTMLElement | null>;\n  lockEndRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nconst focusLockStack: HTMLElement[] = [];\nexport function useFocusLock(\n  ref: React.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"],"file":"useFocusLock.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/List/List.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
-  const {
-    as: Comp = 'ul'
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as"]);
+export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'ul' : _props$as,
+      otherProps = _objectWithoutProperties(props, ["as"]);
 
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/List.tsx"],"names":["forwardRef","List","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;;AASA,OAAO,MAAMC,IAAI,gBAAGD,UAAU,CAA8B,SAASC,IAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AACA,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG;AAAb,MAAqCH,KAA3C;AAAA,QAA4BI,UAA5B,iCAA2CJ,KAA3C;;AAEA,sBAAO,KAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BG,UAA7B,EAAP;AACD,CAP6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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"],"file":"List.js"}
+{"version":3,"sources":["../../../src/List/List.tsx"],"names":["forwardRef","React","List","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;;AAQA,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAA8B,SAASE,IAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AAAA,kBAC2CD,KAD3C,CACQE,EADR;AAAA,MACYC,IADZ,0BACmB,IADnB;AAAA,MAC4BC,UAD5B,4BAC2CJ,KAD3C;;AAGA,sBAAO,KAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BG,UAA7B,EAAP;AACD,CAP6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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"],"file":"List.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/List/ListItem.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
-  const {
-    as: Comp = 'li'
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as"]);
+export var ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'li' : _props$as,
+      otherProps = _objectWithoutProperties(props, ["as"]);
 
   return /*#__PURE__*/_jsx(Comp, _extends({
     tabIndex: -1,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/ListItem.tsx"],"names":["forwardRef","ListItem","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;;AASA,OAAO,MAAMC,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AACrC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG;AAAb,MAAqCH,KAA3C;AAAA,QAA4BI,UAA5B,iCAA2CJ,KAA3C;;AAEA,sBACE,KAAC,IAAD;AACE,IAAA,QAAQ,EAAE,CAAC,CADb;AAEE,sBAAe,EAFjB;AAGE,IAAA,GAAG,EAAEC;AAHP,KAIMG,UAJN,EADF;AAQD,CAZ+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\n\nexport interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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"],"file":"ListItem.js"}
+{"version":3,"sources":["../../../src/List/ListItem.tsx"],"names":["forwardRef","React","ListItem","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;;AAQA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,SAASE,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA,kBACMD,KADN,CAC7BE,EAD6B;AAAA,MACzBC,IADyB,0BAClB,IADkB;AAAA,MACTC,UADS,4BACMJ,KADN;;AAGrC,sBACE,KAAC,IAAD;AACE,IAAA,QAAQ,EAAE,CAAC,CADb;AAEE,sBAAe,EAFjB;AAGE,IAAA,GAAG,EAAEC;AAHP,KAIMG,UAJN,EADF;AAQD,CAZ+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nexport interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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"],"file":"ListItem.js"}

package/build/esm/List/context.js

@@ -1,9 +1,9 @@
 import { createContext, useContext } from 'react'; // List Component
 
-const ListContext = /*#__PURE__*/createContext(null);
+var ListContext = /*#__PURE__*/createContext(null);
 ListContext.displayName = 'ListContext';
-export const useListContext = () => {
-  const ctx = useContext(ListContext);
+export var useListContext = function useListContext() {
+  var ctx = useContext(ListContext);
 
   if (!ctx) {
     throw new Error('useListContext must be used within a ListContext.Provider');

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/context.ts"],"names":["createContext","useContext","ListContext","displayName","useListContext","ctx","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,MAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAEA,OAAO,MAAMC,cAAc,GAAG,MAAwB;AACpD,QAAMC,GAAG,GAAGJ,UAAU,CAACC,WAAD,CAAtB;;AACA,MAAI,CAACG,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CACJ,2DADI,CAAN;AAGD;;AACD,SAAOD,GAAP;AACD,CARM","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"],"file":"context.js"}
+{"version":3,"sources":["../../../src/List/context.ts"],"names":["createContext","useContext","ListContext","displayName","useListContext","ctx","Error"],"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;AACpD,MAAMC,GAAG,GAAGJ,UAAU,CAACC,WAAD,CAAtB;;AACA,MAAI,CAACG,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CACJ,2DADI,CAAN;AAGD;;AACD,SAAOD,GAAP;AACD,CARM","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"],"file":"context.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface MenuProps {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Menu/Menu.js

@@ -1,32 +1,40 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef, useRef, Fragment } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import { forwardRef, useRef, Fragment, useId } from 'react';
+import * as React from 'react';
 import { MenuProvider } from './context';
-import { useId } from '../hooks/useId';
 import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
-  const {
-    as: Comp = Fragment,
-    open: openProp,
-    defaultOpen = false,
-    onChange: onChangeProp
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "open", "defaultOpen", "onChange"]);
+export var Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? Fragment : _props$as,
+      openProp = props.open,
+      _props$defaultOpen = props.defaultOpen,
+      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+      onChangeProp = props.onChange,
+      otherProps = _objectWithoutProperties(props, ["as", "open", "defaultOpen", "onChange"]);
+
+  var menuListIdRef = useRef();
+  var openWithArrowKeyRef = useRef(null);
+  var buttonRef = useRef(null);
+
+  var _useControlledState = useControlledState(openProp, onChangeProp, defaultOpen, function (setState) {
+    return function (e, isOpen) {
+      setState(isOpen);
+    };
+  }),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      open = _useControlledState2[0],
+      onChange = _useControlledState2[1];
 
-  const menuListIdRef = useRef();
-  const openWithArrowKeyRef = useRef(null);
-  const buttonRef = useRef(null);
-  const [open, onChange] = useControlledState(openProp, onChangeProp, defaultOpen, setState => (e, isOpen) => {
-    setState(isOpen);
-  });
   menuListIdRef.current = useId();
-  const value = {
-    menuListIdRef,
-    openWithArrowKeyRef,
-    open,
-    onChange,
-    buttonRef
+  var value = {
+    menuListIdRef: menuListIdRef,
+    openWithArrowKeyRef: openWithArrowKeyRef,
+    open: open,
+    onChange: onChange,
+    buttonRef: buttonRef
   };
   return /*#__PURE__*/_jsx(MenuProvider, {
     value: value,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/Menu.tsx"],"names":["forwardRef","useRef","Fragment","MenuProvider","useId","useControlledState","Menu","props","forwardedRef","as","Comp","open","openProp","defaultOpen","onChange","onChangeProp","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","current","value"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,QAA7B,QAA6C,OAA7C;AAEA,SAASC,YAAT,QAA+C,WAA/C;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAiBA,OAAO,MAAMC,IAAI,gBAAGN,UAAU,CAA4B,SAASM,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;AACA,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAGR,QADP;AAEJS,IAAAA,IAAI,EAAEC,QAFF;AAGJC,IAAAA,WAAW,GAAG,KAHV;AAIJC,IAAAA,QAAQ,EAAEC;AAJN,MAMFR,KANJ;AAAA,QAKKS,UALL,iCAMIT,KANJ;;AAOA,QAAMU,aAAa,GAAGhB,MAAM,EAA5B;AACA,QAAMiB,mBAAmB,GAAGjB,MAAM,CAAiC,IAAjC,CAAlC;AACA,QAAMkB,SAAS,GAAGlB,MAAM,CAAoB,IAApB,CAAxB;AACA,QAAM,CAACU,IAAD,EAAOG,QAAP,IAAmBT,kBAAkB,CACzCO,QADyC,EAEzCG,YAFyC,EAGzCF,WAHyC,EAIxCO,QAAD,IAAc,CAACC,CAAD,EAAIC,MAAJ,KAAe;AAC3BF,IAAAA,QAAQ,CAACE,MAAD,CAAR;AACD,GANwC,CAA3C;AASAL,EAAAA,aAAa,CAACM,OAAd,GAAwBnB,KAAK,EAA7B;AAEA,QAAMoB,KAAuB,GAAG;AAC9BP,IAAAA,aAD8B;AAE9BC,IAAAA,mBAF8B;AAG9BP,IAAAA,IAH8B;AAI9BG,IAAAA,QAJ8B;AAK9BK,IAAAA;AAL8B,GAAhC;AAQA,sBACE,KAAC,YAAD;AAAc,IAAA,KAAK,EAAEK,KAArB;AAAA,2BACE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEhB;AAAX,OAA6BQ,UAA7B;AADF,IADF;AAKD,CAtC6B,CAAvB","sourcesContent":["import { forwardRef, useRef, Fragment } from 'react';\nimport type * as React from 'react';\nimport { MenuProvider, MenuContextProps } from './context';\nimport { useId } from '../hooks/useId';\nimport { useControlledState } from '../hooks';\n\nexport interface MenuProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  onChange?: (\n    e:\n      | React.KeyboardEvent<HTMLElement>\n      | React.MouseEvent<HTMLElement>\n      | React.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    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\n  menuListIdRef.current = useId();\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp ref={forwardedRef} {...otherProps} />\n    </MenuProvider>\n  );\n});\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/Menu/Menu.tsx"],"names":["forwardRef","useRef","Fragment","useId","React","MenuProvider","useControlledState","Menu","props","forwardedRef","as","Comp","openProp","open","defaultOpen","onChangeProp","onChange","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","current","value"],"mappings":";;;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,QAA7B,EAAuCC,KAAvC,QAAoD,OAApD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAiBA,OAAO,IAAMC,IAAI,gBAAGP,UAAU,CAA4B,SAASO,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;AAAA,kBAOID,KAPJ,CAEEE,EAFF;AAAA,MAEMC,IAFN,0BAEaT,QAFb;AAAA,MAGQU,QAHR,GAOIJ,KAPJ,CAGEK,IAHF;AAAA,2BAOIL,KAPJ,CAIEM,WAJF;AAAA,MAIEA,WAJF,mCAIgB,KAJhB;AAAA,MAKYC,YALZ,GAOIP,KAPJ,CAKEQ,QALF;AAAA,MAMKC,UANL,4BAOIT,KAPJ;;AAQA,MAAMU,aAAa,GAAGjB,MAAM,EAA5B;AACA,MAAMkB,mBAAmB,GAAGlB,MAAM,CAAiC,IAAjC,CAAlC;AACA,MAAMmB,SAAS,GAAGnB,MAAM,CAAoB,IAApB,CAAxB;;AAVA,4BAWyBK,kBAAkB,CACzCM,QADyC,EAEzCG,YAFyC,EAGzCD,WAHyC,EAIzC,UAACO,QAAD;AAAA,WAAc,UAACC,CAAD,EAAIC,MAAJ,EAAe;AAC3BF,MAAAA,QAAQ,CAACE,MAAD,CAAR;AACD,KAFD;AAAA,GAJyC,CAX3C;AAAA;AAAA,MAWOV,IAXP;AAAA,MAWaG,QAXb;;AAoBAE,EAAAA,aAAa,CAACM,OAAd,GAAwBrB,KAAK,EAA7B;AAEA,MAAMsB,KAAuB,GAAG;AAC9BP,IAAAA,aAAa,EAAbA,aAD8B;AAE9BC,IAAAA,mBAAmB,EAAnBA,mBAF8B;AAG9BN,IAAAA,IAAI,EAAJA,IAH8B;AAI9BG,IAAAA,QAAQ,EAARA,QAJ8B;AAK9BI,IAAAA,SAAS,EAATA;AAL8B,GAAhC;AAQA,sBACE,KAAC,YAAD;AAAc,IAAA,KAAK,EAAEK,KAArB;AAAA,2BACE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEhB;AAAX,OAA6BQ,UAA7B;AADF,IADF;AAKD,CAtC6B,CAAvB","sourcesContent":["import { forwardRef, useRef, Fragment, useId } from 'react';\nimport * as React from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface MenuProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  onChange?: (\n    e:\n      | React.KeyboardEvent<HTMLElement>\n      | React.MouseEvent<HTMLElement>\n      | React.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    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\n  menuListIdRef.current = useId();\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp ref={forwardedRef} {...otherProps} />\n    </MenuProvider>\n  );\n});\n"],"file":"Menu.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export declare type MenuButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Menu/MenuButton.js

@@ -1,41 +1,45 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef } from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import { forwardRef, useId } from 'react';
+import * as React from 'react';
 import { useMenuContext } from './context';
 import { wrapEvent } from '../utils/wrapEvent';
-import { useId } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwardedRef) {
-  const {
-    as: Comp = 'button',
-    id: preferredId,
-    onClick,
-    onKeyDown,
-    disabled
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "id", "onClick", "onKeyDown", "disabled"]);
+export var MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'button' : _props$as,
+      preferredId = props.id,
+      onClick = props.onClick,
+      onKeyDown = props.onKeyDown,
+      disabled = props.disabled,
+      otherProps = _objectWithoutProperties(props, ["as", "id", "onClick", "onKeyDown", "disabled"]);
 
-  const {
-    menuListIdRef,
-    openWithArrowKeyRef,
-    open,
-    buttonRef,
-    onChange
-  } = useMenuContext();
-  const buttonId = useId(preferredId);
+  var _useMenuContext = useMenuContext(),
+      menuListIdRef = _useMenuContext.menuListIdRef,
+      openWithArrowKeyRef = _useMenuContext.openWithArrowKeyRef,
+      open = _useMenuContext.open,
+      buttonRef = _useMenuContext.buttonRef,
+      onChange = _useMenuContext.onChange;
 
-  const handleKeyDown = e => {
+  var buttonIdGenerated = useId();
+  var buttonId = preferredId || buttonIdGenerated;
+
+  var handleKeyDown = function handleKeyDown(e) {
     if (disabled) {
       return;
     }
 
     buttonRef.current = e.currentTarget;
 
-    const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);
+    var isArrowKey = function isArrowKey() {
+      return ['ArrowUp', 'ArrowDown'].includes(e.key);
+    };
 
-    const isEnterKey = () => [' ', 'Enter'].includes(e.key);
+    var isEnterKey = function isEnterKey() {
+      return [' ', 'Enter'].includes(e.key);
+    };
 
-    const openedWithArrow = isArrowKey();
+    var openedWithArrow = isArrowKey();
 
     if (openedWithArrow || isEnterKey()) {
       if (openedWithArrow) {
@@ -48,7 +52,7 @@ export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, for
     }
   };
 
-  const handleClick = e => {
+  var handleClick = function handleClick(e) {
     if (disabled) {
       return;
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/MenuButton.tsx"],"names":["forwardRef","useMenuContext","wrapEvent","useId","MenuButton","props","forwardedRef","as","Comp","id","preferredId","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","undefined"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAYA,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AACvC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,QADP;AAEJC,IAAAA,EAAE,EAAEC,WAFA;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA;AALI,MAOFR,KAPJ;AAAA,QAMKS,UANL,iCAOIT,KAPJ;;AAQA,QAAM;AACJU,IAAAA,aADI;AAEJC,IAAAA,mBAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA;AALI,MAMFlB,cAAc,EANlB;AAQA,QAAMmB,QAAQ,GAAGjB,KAAK,CAACO,WAAD,CAAtB;;AAEA,QAAMW,aAAa,GAAIC,CAAD,IAA+C;AACnE,QAAIT,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACK,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;AAEA,UAAMC,UAAU,GAAG,MAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAzB;;AACA,UAAMC,UAAU,GAAG,MAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAzB;;AAEA,UAAME,eAAe,GAAGJ,UAAU,EAAlC;;AACA,QAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;AACnC,UAAIC,eAAJ,EAAqB;AACnB;AACAb,QAAAA,mBAAmB,CAACO,OAApB,GAA8BD,CAAC,CAACK,GAAhC;AACD;;AACDR,MAAAA,QAAQ,IAAIA,QAAQ,CAACG,CAAD,EAAI,IAAJ,CAApB;AACAA,MAAAA,CAAC,CAACQ,cAAF;AACD;AACF,GAlBD;;AAoBA,QAAMC,WAAW,GAAIT,CAAD,IAA4C;AAC9D,QAAIT,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACK,OAAV,GAAoBD,CAAC,CAACE,aAAtB;AAEAL,IAAAA,QAAQ,IAAIA,QAAQ,CAACG,CAAD,EAAI,CAACL,IAAL,CAApB;AACD,GAPD;;AASA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEX,YADP;AAEE,IAAA,EAAE,EAAEc,QAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,qBAAe,IALjB;AAME,qBAAeL,aAAa,CAACQ,OAN/B;AAOE,qBAAeN,IAAI,GAAG,IAAH,GAAUe,SAP/B;AAQE,wBAAiB,EARnB;AASE,IAAA,OAAO,EAAE9B,SAAS,CAACS,OAAD,EAAUoB,WAAV,CATpB;AAUE,IAAA,SAAS,EAAE7B,SAAS,CAACU,SAAD,EAAYS,aAAZ,CAVtB;AAWE,IAAA,QAAQ,EAAER;AAXZ,KAYMC,UAZN,EADF;AAgBD,CAjEiC,CAA7B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useId } from '../hooks';\n\nexport type MenuButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onClick?: (\n    e:\n      | React.MouseEvent<HTMLButtonElement>\n      | React.KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const {\n      menuListIdRef,\n      openWithArrowKeyRef,\n      open,\n      buttonRef,\n      onChange,\n    } = useMenuContext();\n\n    const buttonId = useId(preferredId);\n\n    const handleKeyDown = (e: React.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 && onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      onChange && onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\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"],"file":"MenuButton.js"}
+{"version":3,"sources":["../../../src/Menu/MenuButton.tsx"],"names":["forwardRef","useId","React","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","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"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,oBAA1B;;AAYA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAClC,SAASK,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,kBAQnCD,KARmC,CAErCE,EAFqC;AAAA,MAEjCC,IAFiC,0BAE1B,QAF0B;AAAA,MAGjCC,WAHiC,GAQnCJ,KARmC,CAGrCK,EAHqC;AAAA,MAIrCC,OAJqC,GAQnCN,KARmC,CAIrCM,OAJqC;AAAA,MAKrCC,SALqC,GAQnCP,KARmC,CAKrCO,SALqC;AAAA,MAMrCC,QANqC,GAQnCR,KARmC,CAMrCQ,QANqC;AAAA,MAOlCC,UAPkC,4BAQnCT,KARmC;;AAAA,wBAUrCH,cAAc,EAVuB;AAAA,MAS/Ba,aAT+B,mBAS/BA,aAT+B;AAAA,MAShBC,mBATgB,mBAShBA,mBATgB;AAAA,MASKC,IATL,mBASKA,IATL;AAAA,MASWC,SATX,mBASWA,SATX;AAAA,MASsBC,QATtB,mBASsBA,QATtB;;AAYvC,MAAMC,iBAAiB,GAAGpB,KAAK,EAA/B;AACA,MAAMqB,QAAQ,GAAGZ,WAAW,IAAIW,iBAAhC;;AAEA,MAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAA+C;AACnE,QAAIV,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;AAEA,QAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,aAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAN;AAAA,KAAnB;;AACA,QAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,aAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAN;AAAA,KAAnB;;AAEA,QAAME,eAAe,GAAGJ,UAAU,EAAlC;;AACA,QAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;AACnC,UAAIC,eAAJ,EAAqB;AACnB;AACAd,QAAAA,mBAAmB,CAACQ,OAApB,GAA8BD,CAAC,CAACK,GAAhC;AACD;;AACDT,MAAAA,QAAQ,IAAIA,QAAQ,CAACI,CAAD,EAAI,IAAJ,CAApB;AACAA,MAAAA,CAAC,CAACQ,cAAF;AACD;AACF,GAlBD;;AAoBA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAA4C;AAC9D,QAAIV,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;AAEAN,IAAAA,QAAQ,IAAIA,QAAQ,CAACI,CAAD,EAAI,CAACN,IAAL,CAApB;AACD,GAPD;;AASA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEX,YADP;AAEE,IAAA,EAAE,EAAEe,QAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,qBAAe,IALjB;AAME,qBAAeN,aAAa,CAACS,OAN/B;AAOE,qBAAeP,IAAI,GAAG,IAAH,GAAUgB,SAP/B;AAQE,wBAAiB,EARnB;AASE,IAAA,OAAO,EAAE9B,SAAS,CAACQ,OAAD,EAAUqB,WAAV,CATpB;AAUE,IAAA,SAAS,EAAE7B,SAAS,CAACS,SAAD,EAAYU,aAAZ,CAVtB;AAWE,IAAA,QAAQ,EAAET;AAXZ,KAYMC,UAZN,EADF;AAgBD,CA7DiC,CAA7B","sourcesContent":["import { forwardRef, useId } from 'react';\nimport * as React from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrapEvent';\n\nexport type MenuButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onClick?: (\n    e:\n      | React.MouseEvent<HTMLButtonElement>\n      | React.KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\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: React.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 && onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      onChange && onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\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"],"file":"MenuButton.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;