@basic-ui/core 0.0.35 → 0.0.38

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

@@ -8,4 +8,16 @@ export const getTabblableNodes = parentNode => {
 
   return Array.from(parentNode.querySelectorAll(tabblable));
 };
+export function focusOnChildNode(parentNode, itemIndex) {
+  const elements = getTabblableNodes(parentNode);
+
+  if (elements.length > 0) {
+    elements[itemIndex === -1 ? elements.length - 1 : 0].focus();
+  } else {
+    const 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,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;AAUP,OAAO,SAASO,gBAAT,CAA0BJ,UAA1B,EAAmDK,SAAnD,EAAsE;AAC3E,QAAMC,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,UAAMC,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,5 +1,5 @@
 import { useEffect } from 'react';
-import { getTabblableNodes } from './tabUtils';
+import { focusOnChildNode } from './tabUtils';
 const focusLockStack = [];
 export function useFocusLock(ref, opts) {
   const {
@@ -22,19 +22,12 @@ 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);
         }
       };
 

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;AACA,SAASC,gBAAT,QAAiC,YAAjC;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;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,MAAM;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';\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/Menu/Menu.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef, useRef, Fragment } from 'react';
+import { forwardRef, useRef, Fragment, useId } 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) {

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","MenuProvider","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,EAAuCC,KAAvC,QAAoD,OAApD;AAEA,SAASC,YAAT,QAA+C,WAA/C;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,GAAwBpB,KAAK,EAA7B;AAEA,QAAMqB,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, useId } from 'react';\nimport type * as React from 'react';\nimport { MenuProvider, MenuContextProps } 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.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef } from 'react';
+import { forwardRef, useId } 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 {
@@ -22,7 +21,8 @@ export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, for
     buttonRef,
     onChange
   } = useMenuContext();
-  const buttonId = useId(preferredId);
+  const buttonIdGenerated = useId();
+  const buttonId = preferredId || buttonIdGenerated;
 
   const handleKeyDown = e => {
     if (disabled) {

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","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","id","preferredId","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;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,oBAA1B;;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,MAMFjB,cAAc,EANlB;AAQA,QAAMkB,iBAAiB,GAAGnB,KAAK,EAA/B;AACA,QAAMoB,QAAQ,GAAGX,WAAW,IAAIU,iBAAhC;;AAEA,QAAME,aAAa,GAAIC,CAAD,IAA+C;AACnE,QAAIV,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACM,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;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,QAAMC,WAAW,GAAIT,CAAD,IAA4C;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,CAlEiC,CAA7B","sourcesContent":["import { forwardRef, useId } from 'react';\nimport type * as React from 'react';\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 {\n      menuListIdRef,\n      openWithArrowKeyRef,\n      open,\n      buttonRef,\n      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.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef, useRef } from 'react';
+import { forwardRef, useRef, useId } from 'react';
 import { useMenuContext, useMenuListContext } from './context';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { wrapEvent } from '../utils';
@@ -16,7 +16,6 @@ export const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forward
         otherProps = _objectWithoutPropertiesLoose(props, ["as", "disabled", "onSelect", "onClick", "onKeyDown"]);
 
   const {
-    menuListIdRef,
     onChange,
     buttonRef
   } = useMenuContext();
@@ -25,7 +24,7 @@ export const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forward
     onNavigate
   } = useMenuListContext();
   const ref = useRef();
-  const itemIndex = useRef(-1);
+  const itemId = useId();
   const isActive = ref.current && ref.current === navigationItem;
   const handleSelect = wrapEvent(onSelect, e => {
     var _buttonRef$current;
@@ -57,7 +56,7 @@ export const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forward
 
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: assignMultipleRefs(ref, forwardedRef),
-    id: disabled ? undefined : "".concat(menuListIdRef.current, "_").concat(itemIndex.current),
+    id: disabled ? undefined : itemId,
     "data-menu-item": "",
     "data-highlighted": isActive ? '' : undefined,
     role: "menuitem",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/MenuItem.tsx"],"names":["forwardRef","useRef","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","disabled","onSelect","onClick","onKeyDown","otherProps","menuListIdRef","onChange","buttonRef","navigationItem","onNavigate","ref","itemIndex","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,QAAmC,OAAnC;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,MAAMC,QAAQ,gBAAGN,UAAU,CAAqB,SAASM,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;AACA,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,IADP;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,OAJI;AAKJC,IAAAA;AALI,MAOFP,KAPJ;AAAA,QAMKQ,UANL,iCAOIR,KAPJ;;AAQA,QAAM;AAAES,IAAAA,aAAF;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA;AAA3B,MAAyChB,cAAc,EAA7D;AACA,QAAM;AAAEiB,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAiCjB,kBAAkB,EAAzD;AACA,QAAMkB,GAAG,GAAGpB,MAAM,EAAlB;AACA,QAAMqB,SAAS,GAAGrB,MAAM,CAAC,CAAC,CAAF,CAAxB;AAEA,QAAMsB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;AAEA,QAAMM,YAAY,GAAGpB,SAAS,CAC5BO,QAD4B,EAG1Bc,CADF,IAEK;AAAA;;AACHT,IAAAA,QAAQ,IAAIA,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAApB;AACA,0BAAAR,SAAS,CAACM,OAAV,wCAAmBG,KAAnB;AACAD,IAAAA,CAAC,CAACE,cAAF;AACD,GAR2B,CAA9B;;AAWA,QAAMC,WAAW,GAAIH,CAAD,IAAwC;AAC1D,QAAI,CAACf,QAAL,EAAe;AACb;AACAS,MAAAA,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;AACAC,MAAAA,YAAY,CAACC,CAAD,CAAZ;AACD;AACF,GAND;;AAQA,QAAMI,aAAwD,GAAIJ,CAAD,IAAO;AACtE,YAAQA,CAAC,CAACK,GAAV;AACE,WAAK,OAAL;AACA,WAAK,GAAL;AACE,YAAI,CAACpB,QAAL,EAAe;AACbc,UAAAA,YAAY,CAACC,CAAD,CAAZ;AACD;;AACD;AANJ;AAQD,GATD;;AAWA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEtB,kBAAkB,CAACiB,GAAD,EAAMb,YAAN,CADzB;AAEE,IAAA,EAAE,EACAG,QAAQ,GAAGqB,SAAH,aAAkBhB,aAAa,CAACQ,OAAhC,cAA2CF,SAAS,CAACE,OAArD,CAHZ;AAKE,sBAAe,EALjB;AAME,wBAAkBD,QAAQ,GAAG,EAAH,GAAQS,SANpC;AAOE,IAAA,IAAI,EAAC,UAPP;AAQE,IAAA,OAAO,EAAE3B,SAAS,CAACQ,OAAD,EAAUgB,WAAV,CARpB;AASE,IAAA,QAAQ,EAAElB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAT5B;AAUE,IAAA,SAAS,EAAEN,SAAS,CAACS,SAAD,EAAYgB,aAAZ,CAVtB;AAWE,qBAAenB,QAAQ,GAAG,EAAH,GAAQqB,SAXjC;AAYE,qBAAerB,QAAQ,GAAG,EAAH,GAAQqB,SAZjC;AAaE,IAAA,QAAQ,EAAErB;AAbZ,KAcMI,UAdN,EADF;AAkBD,CAnEiC,CAA3B","sourcesContent":["import { forwardRef, useRef } from 'react';\nimport type * as React from 'react';\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onSelect?: (\n    e: React.MouseEvent<HTMLLIElement> | React.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    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { menuListIdRef, onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemIndex = useRef(-1);\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (\n      e: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement>\n    ) => {\n      onChange && onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: React.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: React.KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      id={\n        disabled ? undefined : `${menuListIdRef.current}_${itemIndex.current}`\n      }\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"],"file":"MenuItem.js"}
+{"version":3,"sources":["../../../src/Menu/MenuItem.tsx"],"names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,MAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;AACA,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,IADP;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,OAJI;AAKJC,IAAAA;AALI,MAOFP,KAPJ;AAAA,QAMKQ,UANL,iCAOIR,KAPJ;;AAQA,QAAM;AAAES,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA0Bf,cAAc,EAA9C;AACA,QAAM;AAAEgB,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAiChB,kBAAkB,EAAzD;AACA,QAAMiB,GAAG,GAAGpB,MAAM,EAAlB;AACA,QAAMqB,MAAM,GAAGpB,KAAK,EAApB;AAEA,QAAMqB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;AAEA,QAAMM,YAAY,GAAGnB,SAAS,CAC5BO,QAD4B,EAG1Ba,CADF,IAEK;AAAA;;AACHT,IAAAA,QAAQ,IAAIA,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAApB;AACA,0BAAAR,SAAS,CAACM,OAAV,wCAAmBG,KAAnB;AACAD,IAAAA,CAAC,CAACE,cAAF;AACD,GAR2B,CAA9B;;AAWA,QAAMC,WAAW,GAAIH,CAAD,IAAwC;AAC1D,QAAI,CAACd,QAAL,EAAe;AACb;AACAQ,MAAAA,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;AACAC,MAAAA,YAAY,CAACC,CAAD,CAAZ;AACD;AACF,GAND;;AAQA,QAAMI,aAAwD,GAAIJ,CAAD,IAAO;AACtE,YAAQA,CAAC,CAACK,GAAV;AACE,WAAK,OAAL;AACA,WAAK,GAAL;AACE,YAAI,CAACnB,QAAL,EAAe;AACba,UAAAA,YAAY,CAACC,CAAD,CAAZ;AACD;;AACD;AANJ;AAQD,GATD;;AAWA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAErB,kBAAkB,CAACgB,GAAD,EAAMZ,YAAN,CADzB;AAEE,IAAA,EAAE,EAAEG,QAAQ,GAAGoB,SAAH,GAAeV,MAF7B;AAGE,sBAAe,EAHjB;AAIE,wBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SAJpC;AAKE,IAAA,IAAI,EAAC,UALP;AAME,IAAA,OAAO,EAAE1B,SAAS,CAACQ,OAAD,EAAUe,WAAV,CANpB;AAOE,IAAA,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAP5B;AAQE,IAAA,SAAS,EAAEN,SAAS,CAACS,SAAD,EAAYe,aAAZ,CARtB;AASE,qBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SATjC;AAUE,qBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;AAWE,IAAA,QAAQ,EAAEpB;AAXZ,KAYMI,UAZN,EADF;AAgBD,CAjEiC,CAA3B","sourcesContent":["import { forwardRef, useRef, useId } from 'react';\nimport type * as React from 'react';\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onSelect?: (\n    e: React.MouseEvent<HTMLLIElement> | React.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    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    (\n      e: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLLIElement>\n    ) => {\n      onChange && onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: React.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: React.KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\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"],"file":"MenuItem.js"}

package/build/esm/Modal/Modal.js

@@ -15,7 +15,7 @@ export const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
       otherProps = _objectWithoutPropertiesLoose(_ref, ["as", "children", "trapFocus", "style"]);
 
   const modalRef = useRef(null);
-  useFocusReturn(trapFocus);
+  useFocusReturn(trapFocus, modalRef);
   useRemoveBodyScroll(trapFocus);
   useAutoFocus(trapFocus, modalRef);
   return /*#__PURE__*/_jsx(FocusLock, {
@@ -27,7 +27,7 @@ export const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
       role: "dialog",
       "aria-modal": "true",
       style: style,
-      tabIndex: 0
+      tabIndex: -1
     }, otherProps, {
       children: children
     }))

package/build/esm/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Modal/Modal.tsx"],"names":["forwardRef","useRef","useAutoFocus","useFocusReturn","useRemoveBodyScroll","FocusLock","assignMultipleRefs","Modal","ref","as","Comp","children","trapFocus","style","otherProps","modalRef"],"mappings":";;AAAA,SAAoBA,UAApB,EAAgCC,MAAhC,QAA8C,OAA9C;AAEA,SAASC,YAAT,EAAuBC,cAAvB,EAAuCC,mBAAvC,QAAkE,UAAlE;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,MAAMC,KAAK,gBAAGP,UAAU,CAC7B,OAEEQ,GAFF,KAGK;AAAA,MAFH;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KAAb;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA,SAAS,GAAG,IAA1C;AAAgDC,IAAAA,KAAK,GAAG;AAAxD,GAEG;AAAA,MAF4DC,UAE5D;;AACH,QAAMC,QAAQ,GAAGd,MAAM,CAAiB,IAAjB,CAAvB;AAEAE,EAAAA,cAAc,CAACS,SAAD,CAAd;AACAR,EAAAA,mBAAmB,CAACQ,SAAD,CAAnB;AACAV,EAAAA,YAAY,CAACU,SAAD,EAAYG,QAAZ,CAAZ;AAEA,sBACE,KAAC,SAAD;AAAW,IAAA,QAAQ,EAAEA,QAArB;AAA+B,IAAA,OAAO,EAAEH,SAAxC;AAAA,2BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMO,QAAN,CADzB;AAEE,8BAAqB,EAFvB;AAGE,MAAA,IAAI,EAAC,QAHP;AAIE,oBAAW,MAJb;AAKE,MAAA,KAAK,EAAEF,KALT;AAME,MAAA,QAAQ,EAAE;AANZ,OAOMC,UAPN;AAAA,gBASGH;AATH;AADF,IADF;AAeD,CA1B4B,CAAxB","sourcesContent":["import { ReactNode, forwardRef, useRef } from 'react';\nimport type * as React from 'react';\nimport { useAutoFocus, useFocusReturn, useRemoveBodyScroll } from '../hooks';\nimport { FocusLock } from '../FocusLock';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: ReactNode;\n  style?: React.CSSProperties;\n  trapFocus?: boolean;\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { as: Comp = 'div', children, trapFocus = true, style = {}, ...otherProps },\n    ref\n  ) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n\n    useFocusReturn(trapFocus);\n    useRemoveBodyScroll(trapFocus);\n    useAutoFocus(trapFocus, modalRef);\n\n    return (\n      <FocusLock childRef={modalRef} enabled={trapFocus}>\n        <Comp\n          ref={assignMultipleRefs(ref, modalRef)}\n          data-modal-container=\"\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          style={style}\n          tabIndex={0}\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </FocusLock>\n    );\n  }\n);\n"],"file":"Modal.js"}
+{"version":3,"sources":["../../../src/Modal/Modal.tsx"],"names":["forwardRef","useRef","useAutoFocus","useFocusReturn","useRemoveBodyScroll","FocusLock","assignMultipleRefs","Modal","ref","as","Comp","children","trapFocus","style","otherProps","modalRef"],"mappings":";;AAAA,SAAoBA,UAApB,EAAgCC,MAAhC,QAA8C,OAA9C;AAEA,SAASC,YAAT,EAAuBC,cAAvB,EAAuCC,mBAAvC,QAAkE,UAAlE;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,MAAMC,KAAK,gBAAGP,UAAU,CAC7B,OAEEQ,GAFF,KAGK;AAAA,MAFH;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KAAb;AAAoBC,IAAAA,QAApB;AAA8BC,IAAAA,SAAS,GAAG,IAA1C;AAAgDC,IAAAA,KAAK,GAAG;AAAxD,GAEG;AAAA,MAF4DC,UAE5D;;AACH,QAAMC,QAAQ,GAAGd,MAAM,CAAiB,IAAjB,CAAvB;AAEAE,EAAAA,cAAc,CAACS,SAAD,EAAYG,QAAZ,CAAd;AACAX,EAAAA,mBAAmB,CAACQ,SAAD,CAAnB;AACAV,EAAAA,YAAY,CAACU,SAAD,EAAYG,QAAZ,CAAZ;AAEA,sBACE,KAAC,SAAD;AAAW,IAAA,QAAQ,EAAEA,QAArB;AAA+B,IAAA,OAAO,EAAEH,SAAxC;AAAA,2BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMO,QAAN,CADzB;AAEE,8BAAqB,EAFvB;AAGE,MAAA,IAAI,EAAC,QAHP;AAIE,oBAAW,MAJb;AAKE,MAAA,KAAK,EAAEF,KALT;AAME,MAAA,QAAQ,EAAE,CAAC;AANb,OAOMC,UAPN;AAAA,gBASGH;AATH;AADF,IADF;AAeD,CA1B4B,CAAxB","sourcesContent":["import { ReactNode, forwardRef, useRef } from 'react';\nimport type * as React from 'react';\nimport { useAutoFocus, useFocusReturn, useRemoveBodyScroll } from '../hooks';\nimport { FocusLock } from '../FocusLock';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: ReactNode;\n  style?: React.CSSProperties;\n  trapFocus?: boolean;\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    { as: Comp = 'div', children, trapFocus = true, style = {}, ...otherProps },\n    ref\n  ) => {\n    const modalRef = useRef<HTMLDivElement>(null);\n\n    useFocusReturn(trapFocus, modalRef);\n    useRemoveBodyScroll(trapFocus);\n    useAutoFocus(trapFocus, modalRef);\n\n    return (\n      <FocusLock childRef={modalRef} enabled={trapFocus}>\n        <Comp\n          ref={assignMultipleRefs(ref, modalRef)}\n          data-modal-container=\"\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          style={style}\n          tabIndex={-1}\n          {...otherProps}\n        >\n          {children}\n        </Comp>\n      </FocusLock>\n    );\n  }\n);\n"],"file":"Modal.js"}

package/build/esm/Popper/Popper.js

@@ -60,6 +60,11 @@ export const Popper = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Popper
       popperEngineInstance.current = null;
     };
   }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);
+  useEnhancedEffect(() => {
+    var _popperEngineInstance;
+
+    (_popperEngineInstance = popperEngineInstance.current) == null ? void 0 : _popperEngineInstance.forceUpdate();
+  }, [props.hidden || props['aria-hidden']]);
   const contextValue = {
     arrowRef
   };

package/build/esm/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Popper/Popper.tsx"],"names":["forwardRef","useRef","useEffect","useLayoutEffect","useMemo","memo","assignMultipleRefs","PopperProvider","Portal","createPopper","useEnhancedEffect","window","emptyModifiers","Popper","forwardedRef","placement","strategy","as","Comp","innerAs","anchorEl","children","modifiers","usePortal","style","portalSelector","distance","skidding","arrowPadding","offsetFn","props","arrowRef","popperRef","popperEngineInstance","defaultModifiers","arrowModifier","name","options","element","padding","offsetModifier","offset","current","destroy","contextValue","ret","position","left","top"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  memo,\n} from 'react';\nimport type * as React from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { PopperProvider, PopperContextProps } from './context';\nimport { Portal } from '../Portal';\n\nimport {\n  Placement,\n  Modifier,\n  PositioningStrategy,\n  Instance,\n  Rect,\n  createPopper,\n} from '@popperjs/core';\nimport type { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\nimport type { ArrowModifier } from '@popperjs/core/lib/modifiers/arrow';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type OffsetsFunction = (arg0: {\n  popper: Rect;\n  reference: Rect;\n  placement: Placement;\n}) => [number | null | undefined, number | null | undefined];\n\nexport interface PopperProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  anchorEl: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n  placement?: Placement;\n  strategy?: PositioningStrategy;\n  modifiers?: Array<Partial<Modifier<any, any>>>;\n  usePortal?: boolean;\n  portalSelector?: string;\n  /**\n   * Displaces the popper along the reference element.\n   */\n  skidding?: number;\n  /**\n   * Displaces the popper away from, or toward, the reference element in the direction of its placement. A positive number displaces it further away, while a negative number lets it overlap the reference.\n   */\n  distance?: number;\n  /**\n   * An optional function that must return a pair of [skidding, padding]. Useful for doing things like, displace the popper by 100%.\n   */\n  offsetFn?: OffsetsFunction;\n  /**\n   * If you don't want the arrow to reach the very edge of the popper (this is common if your popper has rounded corners using border-radius), you can apply some padding to it.\n   */\n  arrowPadding?: number;\n}\n\nconst emptyModifiers: Array<Partial<Modifier<any, any>>> = [];\nexport const Popper = memo(\n  forwardRef<HTMLDivElement, PopperProps>(function Popper(\n    {\n      placement = 'bottom',\n      strategy = 'absolute',\n      as: Comp = 'div',\n      innerAs,\n      anchorEl,\n      children,\n      modifiers = emptyModifiers,\n      usePortal = false,\n      style = {},\n      portalSelector = 'body',\n      distance = 0,\n      skidding = 0,\n      arrowPadding = 5,\n      offsetFn,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const arrowRef = useRef<HTMLSpanElement>(null);\n\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const popperEngineInstance = useRef<null | Instance>(null);\n\n    const defaultModifiers: Array<Partial<Modifier<any, any>>> = useMemo(() => {\n      const arrowModifier: Omit<ArrowModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'arrow',\n        options: {\n          element: '[data-popper-arrow]',\n          padding: arrowPadding,\n        },\n      };\n      const offsetModifier: Omit<OffsetModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'offset',\n        options: {\n          offset: offsetFn ?? [skidding, distance],\n        },\n      };\n\n      return [arrowModifier, offsetModifier];\n    }, [arrowPadding, distance, skidding, offsetFn]);\n\n    useEnhancedEffect(() => {\n      if (anchorEl && anchorEl.current && popperRef.current) {\n        popperEngineInstance.current = createPopper(\n          anchorEl.current,\n          popperRef.current,\n          {\n            placement,\n            strategy,\n            modifiers: [...defaultModifiers, ...modifiers],\n          }\n        );\n      }\n\n      return () => {\n        popperEngineInstance.current && popperEngineInstance.current.destroy();\n        popperEngineInstance.current = null;\n      };\n    }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);\n\n    const contextValue: PopperContextProps = {\n      arrowRef,\n    };\n\n    const ret = (\n      <PopperProvider value={contextValue}>\n        <Comp\n          {...props}\n          as={innerAs}\n          ref={assignMultipleRefs(popperRef, forwardedRef)}\n          style={{ position: 'fixed', left: -5000, top: -5000, ...style }}\n        >\n          {children}\n        </Comp>\n      </PopperProvider>\n    );\n\n    if (usePortal) {\n      return <Portal selector={portalSelector}>{ret}</Portal>;\n    }\n\n    return ret;\n  })\n);\n"],"file":"Popper.js"}
+{"version":3,"sources":["../../../src/Popper/Popper.tsx"],"names":["forwardRef","useRef","useEffect","useLayoutEffect","useMemo","memo","assignMultipleRefs","PopperProvider","Portal","createPopper","useEnhancedEffect","window","emptyModifiers","Popper","forwardedRef","placement","strategy","as","Comp","innerAs","anchorEl","children","modifiers","usePortal","style","portalSelector","distance","skidding","arrowPadding","offsetFn","props","arrowRef","popperRef","popperEngineInstance","defaultModifiers","arrowModifier","name","options","element","padding","offsetModifier","offset","current","destroy","forceUpdate","hidden","contextValue","ret","position","left","top"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  memo,\n} from 'react';\nimport type * as React from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { PopperProvider, PopperContextProps } from './context';\nimport { Portal } from '../Portal';\n\nimport {\n  Placement,\n  Modifier,\n  PositioningStrategy,\n  Instance,\n  Rect,\n  createPopper,\n} from '@popperjs/core';\nimport type { OffsetModifier } from '@popperjs/core/lib/modifiers/offset';\nimport type { ArrowModifier } from '@popperjs/core/lib/modifiers/arrow';\n\nconst useEnhancedEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type OffsetsFunction = (arg0: {\n  popper: Rect;\n  reference: Rect;\n  placement: Placement;\n}) => [number | null | undefined, number | null | undefined];\n\nexport interface PopperProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  anchorEl: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n  placement?: Placement;\n  strategy?: PositioningStrategy;\n  modifiers?: Array<Partial<Modifier<any, any>>>;\n  usePortal?: boolean;\n  portalSelector?: string;\n  /**\n   * Displaces the popper along the reference element.\n   */\n  skidding?: number;\n  /**\n   * Displaces the popper away from, or toward, the reference element in the direction of its placement. A positive number displaces it further away, while a negative number lets it overlap the reference.\n   */\n  distance?: number;\n  /**\n   * An optional function that must return a pair of [skidding, padding]. Useful for doing things like, displace the popper by 100%.\n   */\n  offsetFn?: OffsetsFunction;\n  /**\n   * If you don't want the arrow to reach the very edge of the popper (this is common if your popper has rounded corners using border-radius), you can apply some padding to it.\n   */\n  arrowPadding?: number;\n}\n\nconst emptyModifiers: Array<Partial<Modifier<any, any>>> = [];\nexport const Popper = memo(\n  forwardRef<HTMLDivElement, PopperProps>(function Popper(\n    {\n      placement = 'bottom',\n      strategy = 'absolute',\n      as: Comp = 'div',\n      innerAs,\n      anchorEl,\n      children,\n      modifiers = emptyModifiers,\n      usePortal = false,\n      style = {},\n      portalSelector = 'body',\n      distance = 0,\n      skidding = 0,\n      arrowPadding = 5,\n      offsetFn,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const arrowRef = useRef<HTMLSpanElement>(null);\n\n    const popperRef = useRef<HTMLDivElement | null>(null);\n    const popperEngineInstance = useRef<null | Instance>(null);\n\n    const defaultModifiers: Array<Partial<Modifier<any, any>>> = useMemo(() => {\n      const arrowModifier: Omit<ArrowModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'arrow',\n        options: {\n          element: '[data-popper-arrow]',\n          padding: arrowPadding,\n        },\n      };\n      const offsetModifier: Omit<OffsetModifier, 'enabled' | 'fn' | 'phase'> = {\n        name: 'offset',\n        options: {\n          offset: offsetFn ?? [skidding, distance],\n        },\n      };\n\n      return [arrowModifier, offsetModifier];\n    }, [arrowPadding, distance, skidding, offsetFn]);\n\n    useEnhancedEffect(() => {\n      if (anchorEl && anchorEl.current && popperRef.current) {\n        popperEngineInstance.current = createPopper(\n          anchorEl.current,\n          popperRef.current,\n          {\n            placement,\n            strategy,\n            modifiers: [...defaultModifiers, ...modifiers],\n          }\n        );\n      }\n\n      return () => {\n        popperEngineInstance.current && popperEngineInstance.current.destroy();\n        popperEngineInstance.current = null;\n      };\n    }, [anchorEl, modifiers, placement, strategy, defaultModifiers]);\n\n    useEnhancedEffect(() => {\n      popperEngineInstance.current?.forceUpdate();\n    }, [props.hidden || props['aria-hidden']]);\n\n    const contextValue: PopperContextProps = {\n      arrowRef,\n    };\n\n    const ret = (\n      <PopperProvider value={contextValue}>\n        <Comp\n          {...props}\n          as={innerAs}\n          ref={assignMultipleRefs(popperRef, forwardedRef)}\n          style={{ position: 'fixed', left: -5000, top: -5000, ...style }}\n        >\n          {children}\n        </Comp>\n      </PopperProvider>\n    );\n\n    if (usePortal) {\n      return <Portal selector={portalSelector}>{ret}</Portal>;\n    }\n\n    return ret;\n  })\n);\n"],"file":"Popper.js"}

package/build/esm/RadioButton/RadioGroup.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import { forwardRef } from 'react';
+import { forwardRef, useId } from 'react';
 import { RadioGroupProvider } from './context';
-import { useControlledState, useId } from '../hooks';
+import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const RadioGroup = /*#__PURE__*/forwardRef(function RadioGroup(props, forwardedRef) {
   const {