@bigbinary/neeto-atoms 1.0.136 → 1.0.137-beta1

package/dist/cjs/components/index.js

@@ -21,7 +21,7 @@ var Pagination = require('../Pagination-WyQlBpvK.js');
 var Popover = require('../Popover-5BUgIW60.js');
 var Progress = require('../Progress-n_VwK9_E.js');
 var RadioGroup = require('../RadioGroup-B-u8rdbf.js');
-var Select = require('../Select-C56LAdEy.js');
+var Select = require('../Select-CdugYSdp.js');
 var Sheet = require('../Sheet-D-NWMprq.js');
 var Slider = require('../Slider-DIUSlx_m.js');
 var Spinner = require('../Spinner-DRoghJA8.js');
@@ -80,7 +80,7 @@ require('../primitives/Accordion.js');
 require('../chevron-up-BpwpBnZU.js');
 require('../index-BiGm7NEA.js');
 require('../primitives/Dialog.js');
-require('../useAriaHiddenCleanup-CT0To2AH.js');
+require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('../dialog-Bnk4GUFC.js');
 require('../x-Brw3FJst.js');
 require('../DialogTrigger-B0Q6yIrx.js');
@@ -127,7 +127,7 @@ require('../primitives/Label.js');
 require('../primitives/HoverCard.js');
 require('../primitives/Progress.js');
 require('../primitives/RadioGroup.js');
-require('../Combobox-ChtPjQlO.js');
+require('../Combobox-B3KzI_J_.js');
 require('../SelectFieldWrapper-CIh_atln.js');
 require('../primitives/Sheet.js');
 require('../sheet-CQ82jJkC.js');

package/dist/cjs/formik/BlockNavigation.js

@@ -13,7 +13,7 @@ require('../button-CDZTqJzs.js');
 require('../index-vioSzJOw.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../useAriaHiddenCleanup-CT0To2AH.js');
+require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('../dialog-Bnk4GUFC.js');
 require('../x-Brw3FJst.js');
 require('../createLucideIcon-D0tRgV6l.js');

package/dist/cjs/formik/Select.js

@@ -4,16 +4,16 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var ramda = require('ramda');
-var Select = require('../Select-C56LAdEy.js');
+var Select = require('../Select-CdugYSdp.js');
 require('../fieldIds-DiVU6GVS.js');
 require('../hyphenize-BTrVNVv3.js');
-require('../Combobox-ChtPjQlO.js');
+require('../Combobox-B3KzI_J_.js');
 require('../utils-BhM0B89p.js');
 require('../button-CDZTqJzs.js');
 require('../index-vioSzJOw.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../useAriaHiddenCleanup-CT0To2AH.js');
+require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('../input-group-BU6uw1MA.js');
 require('../input-CgaZr1ov.js');
 require('../textarea-DW3Fg4w6.js');

package/dist/cjs/formik/index.js

@@ -65,9 +65,9 @@ require('../hyphenize-BTrVNVv3.js');
 require('../withIconSize-C6LP0R7o.js');
 require('../Textarea-bxleSw86.js');
 require('../primitives/Textarea.js');
-require('../Select-C56LAdEy.js');
-require('../Combobox-ChtPjQlO.js');
-require('../useAriaHiddenCleanup-CT0To2AH.js');
+require('../Select-CdugYSdp.js');
+require('../Combobox-B3KzI_J_.js');
+require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('../chevron-down-CPsWSS51.js');
 require('../x-Brw3FJst.js');
 require('../check-BQgcDXys.js');

package/dist/cjs/index.js

@@ -26,7 +26,7 @@ var Pagination = require('./Pagination-WyQlBpvK.js');
 var Popover = require('./Popover-5BUgIW60.js');
 var Progress = require('./Progress-n_VwK9_E.js');
 var RadioGroup = require('./RadioGroup-B-u8rdbf.js');
-var Select = require('./Select-C56LAdEy.js');
+var Select = require('./Select-CdugYSdp.js');
 var Sheet = require('./Sheet-D-NWMprq.js');
 var Slider = require('./Slider-DIUSlx_m.js');
 var Spinner = require('./Spinner-DRoghJA8.js');
@@ -82,7 +82,7 @@ require('./primitives/Accordion.js');
 require('./chevron-up-BpwpBnZU.js');
 require('./index-BiGm7NEA.js');
 require('./primitives/Dialog.js');
-require('./useAriaHiddenCleanup-CT0To2AH.js');
+require('./useAriaHiddenCleanup-8OeXq1T4.js');
 require('./dialog-Bnk4GUFC.js');
 require('./x-Brw3FJst.js');
 require('./DialogTrigger-B0Q6yIrx.js');
@@ -131,7 +131,7 @@ require('./primitives/Label.js');
 require('./primitives/HoverCard.js');
 require('./primitives/Progress.js');
 require('./primitives/RadioGroup.js');
-require('./Combobox-ChtPjQlO.js');
+require('./Combobox-B3KzI_J_.js');
 require('./SelectFieldWrapper-CIh_atln.js');
 require('./primitives/Sheet.js');
 require('./sheet-CQ82jJkC.js');

package/dist/cjs/primitives/AlertDialog.js

@@ -6,7 +6,7 @@ var React = require('react');
 var DialogTrigger = require('../DialogTrigger-B0Q6yIrx.js');
 var useOpenInteractionType = require('../useOpenInteractionType-D4z6FTrA.js');
 var button = require('../button-CDZTqJzs.js');
-var useAriaHiddenCleanup = require('../useAriaHiddenCleanup-CT0To2AH.js');
+var useAriaHiddenCleanup = require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('react-dom');
 require('../floating-ui.utils.dom-BGEmL7pd.js');
 require('../index-DnKJmaCq.js');

package/dist/cjs/primitives/Combobox.js

@@ -3,12 +3,12 @@
 require('react/jsx-runtime');
 require('react');
 require('../utils-BhM0B89p.js');
-var primitives_Combobox = require('../Combobox-ChtPjQlO.js');
+var primitives_Combobox = require('../Combobox-B3KzI_J_.js');
 require('../button-CDZTqJzs.js');
 require('../index-vioSzJOw.js');
 require('../index-DuNgWCXZ.js');
 require('../index-D-iDn9RI.js');
-require('../useAriaHiddenCleanup-CT0To2AH.js');
+require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('../input-group-BU6uw1MA.js');
 require('../input-CgaZr1ov.js');
 require('../textarea-DW3Fg4w6.js');

package/dist/cjs/primitives/Dialog.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var utils = require('../utils-BhM0B89p.js');
 var button = require('../button-CDZTqJzs.js');
-var useAriaHiddenCleanup = require('../useAriaHiddenCleanup-CT0To2AH.js');
+var useAriaHiddenCleanup = require('../useAriaHiddenCleanup-8OeXq1T4.js');
 var dialog = require('../dialog-Bnk4GUFC.js');
 var x = require('../x-Brw3FJst.js');
 var DialogTrigger$1 = require('../DialogTrigger-B0Q6yIrx.js');

package/dist/cjs/primitives/Sheet.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var utils = require('../utils-BhM0B89p.js');
 var button = require('../button-CDZTqJzs.js');
-var useAriaHiddenCleanup = require('../useAriaHiddenCleanup-CT0To2AH.js');
+var useAriaHiddenCleanup = require('../useAriaHiddenCleanup-8OeXq1T4.js');
 var sheet = require('../sheet-CQ82jJkC.js');
 var x = require('../x-Brw3FJst.js');
 var DialogTrigger = require('../DialogTrigger-B0Q6yIrx.js');

package/dist/cjs/primitives/index.js

@@ -15,7 +15,7 @@ var primitives_Carousel = require('./Carousel.js');
 var primitives_Chart = require('./Chart.js');
 var primitives_Checkbox = require('./Checkbox.js');
 var primitives_Collapsible = require('./Collapsible.js');
-var primitives_Combobox = require('../Combobox-ChtPjQlO.js');
+var primitives_Combobox = require('../Combobox-B3KzI_J_.js');
 var primitives_Command = require('./Command.js');
 var primitives_ContextMenu = require('./ContextMenu.js');
 var primitives_Dialog = require('./Dialog.js');
@@ -81,7 +81,7 @@ require('../floating-ui.utils.dom-BGEmL7pd.js');
 require('../index-DnKJmaCq.js');
 require('../index-BrpkRQoS.js');
 require('../with-selector-DeKHbQY7.js');
-require('../useAriaHiddenCleanup-CT0To2AH.js');
+require('../useAriaHiddenCleanup-8OeXq1T4.js');
 require('../index-lWVw05cs.js');
 require('../index-DuNgWCXZ.js');
 require('react-i18next');

package/dist/cjs/{useAriaHiddenCleanup-CT0To2AH.js → useAriaHiddenCleanup-8OeXq1T4.js}

@@ -5,20 +5,22 @@ var React = require('react');
 const BASE_UI_MARKER = "data-base-ui-inert";
 const RADIX_MARKER = "data-aria-hidden";
 const LOCK_MARKERS = `[${BASE_UI_MARKER}],[${RADIX_MARKER}]`;
-const isLockOwned = (element) => element.matches(LOCK_MARKERS);
+const isLockOwned = (element) => !!element.closest(LOCK_MARKERS);
 const isHidden = (element) => element.getAttribute("aria-hidden") === "true";
-const getTopLevelElements = () => Array.from(document.body.children);
 const useIsoLayoutEffect = typeof document === "undefined" ? React.useEffect : React.useLayoutEffect;
 const useAriaHiddenCleanup = () => {
   useIsoLayoutEffect(() => {
     const hiddenByLock = /* @__PURE__ */ new Set();
-    const sweep = () => getTopLevelElements().filter(
-      (element) => hiddenByLock.has(element) && isHidden(element) && !isLockOwned(element)
-    ).forEach((element) => element.removeAttribute("aria-hidden"));
+    const sweep = () => hiddenByLock.forEach((element) => {
+      if (element.isConnected && isHidden(element)) {
+        if (isLockOwned(element)) return;
+        element.removeAttribute("aria-hidden");
+      }
+      hiddenByLock.delete(element);
+    });
     const observer = new MutationObserver((records) => {
       records.forEach(({ target, attributeName, oldValue }) => {
         const element = target;
-        if (element.parentElement !== document.body) return;
         const wasApplied = attributeName === "aria-hidden" && oldValue !== "true";
         if (wasApplied && isHidden(element) && isLockOwned(element)) {
           hiddenByLock.add(element);
@@ -44,4 +46,4 @@ const AriaHiddenCleanup = () => {
 };
 
 exports.AriaHiddenCleanup = AriaHiddenCleanup;
-//# sourceMappingURL=useAriaHiddenCleanup-CT0To2AH.js.map
+//# sourceMappingURL=useAriaHiddenCleanup-8OeXq1T4.js.map

package/dist/cjs/useAriaHiddenCleanup-8OeXq1T4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaHiddenCleanup-8OeXq1T4.js","sources":["../../src/hooks/useAriaHiddenCleanup.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\n/**\n * Elements hidden by a modal surface are stamped by whichever library owns the\n * lock: Base UI stamps `data-base-ui-inert`, the `aria-hidden` package behind\n * the Radix based primitives stamps `data-aria-hidden`. Both are marker\n * attributes; neither library applies the `inert` attribute to the page.\n */\nconst BASE_UI_MARKER = \"data-base-ui-inert\";\nconst RADIX_MARKER = \"data-aria-hidden\";\nconst LOCK_MARKERS = `[${BASE_UI_MARKER}],[${RADIX_MARKER}]`;\n\n/**\n * Radix stamps its marker on every element it hides. Base UI stamps its marker\n * only on top level elements, even when its `aria-hidden` lands deeper, which\n * happens whenever a live region inside the page makes the lock keep the path to\n * it in view. A lock holding a nested element therefore shows on an ancestor.\n */\nconst isLockOwned = (element: Element) => !!element.closest(LOCK_MARKERS);\n\nconst isHidden = (element: Element) =>\n  element.getAttribute(\"aria-hidden\") === \"true\";\n\n/**\n * Effects do not run on the server at all, so the fallback never fires; it only\n * keeps React from warning about the layout variant during SSR.\n */\nconst useIsoLayoutEffect =\n  typeof document === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * neeto-atoms ships two independent `aria-hidden` lock systems: Base UI's\n * `markOthers` (Dialog, Sheet, Combobox) and the `aria-hidden` package pulled in\n * by the Radix based primitives (Popover, Menu, Drawer, …). Each keeps its own\n * reference counts, so when a Radix popup hides the page first and Base UI opens\n * on top of it, Base UI records the page as \"hidden by someone else\" and skips\n * removing `aria-hidden` when its own last popup closes. The page then stays out\n * of the accessibility tree with nothing open.\n *\n * Mount this alongside a Base UI popup. It watches for `aria-hidden` being\n * applied by a lock and clears those, and only those, once every lock has let go\n * — an `aria-hidden` the page put there itself is never observed being applied\n * and so is never touched.\n *\n * This only patches over the two systems coexisting; a single one keeps its own\n * counts straight. Once every primitive here is built on Base UI and the\n * `aria-hidden` package is gone from the bundle, delete this hook along with the\n * `AriaHiddenCleanup` mounted in Dialog, Sheet, AlertDialog and Combobox.\n */\nexport const useAriaHiddenCleanup = () => {\n  useIsoLayoutEffect(() => {\n    /**\n     * Elements watched as a lock hid them. Ownership cannot be read off the DOM\n     * afterwards: a lock stamps its marker on elements the page had already\n     * hidden, so a marker means \"a lock is holding this\", not \"a lock hid this\".\n     */\n    const hiddenByLock = new Set<Element>();\n\n    const sweep = () =>\n      hiddenByLock.forEach(element => {\n        if (element.isConnected && isHidden(element)) {\n          if (isLockOwned(element)) return;\n\n          element.removeAttribute(\"aria-hidden\");\n        }\n        // Applying `aria-hidden` again is observed afresh, so there is no need\n        // to hold on to anything no lock is hiding right now.\n        hiddenByLock.delete(element);\n      });\n\n    const observer = new MutationObserver(records => {\n      records.forEach(({ target, attributeName, oldValue }) => {\n        const element = target as Element;\n        const wasApplied =\n          attributeName === \"aria-hidden\" && oldValue !== \"true\";\n\n        // A lock applies its marker in the same batch, so it is readable here.\n        if (wasApplied && isHidden(element) && isLockOwned(element)) {\n          hiddenByLock.add(element);\n        }\n      });\n\n      sweep();\n    });\n\n    // `keepMounted` keeps this mounted while the popup closes, so unmounting is\n    // not a reliable signal on its own. Watch the locks instead — the sweep does\n    // nothing until the last of them lets go.\n    observer.observe(document.body, {\n      subtree: true,\n      attributes: true,\n      attributeOldValue: true,\n      attributeFilter: [\"aria-hidden\", BASE_UI_MARKER, RADIX_MARKER],\n    });\n\n    return () => {\n      observer.disconnect();\n      // Locks are released from effect cleanups too, so let those run first.\n      setTimeout(sweep);\n    };\n  }, []);\n};\n\n/**\n * Renders nothing; mount it inside the portal so the cleanup is scoped to the\n * lifetime of the popup rather than to the component that declares it.\n */\nexport const AriaHiddenCleanup = () => {\n  useAriaHiddenCleanup();\n\n  return null;\n};\n"],"names":["useEffect","useLayoutEffect"],"mappings":";;;;AAQA,MAAM,cAAA,GAAiB,oBAAA;AACvB,MAAM,YAAA,GAAe,kBAAA;AACrB,MAAM,YAAA,GAAe,CAAA,CAAA,EAAI,cAAc,CAAA,GAAA,EAAM,YAAY,CAAA,CAAA,CAAA;AAQzD,MAAM,cAAc,CAAC,OAAA,KAAqB,CAAC,CAAC,OAAA,CAAQ,QAAQ,YAAY,CAAA;AAExE,MAAM,WAAW,CAAC,OAAA,KAChB,OAAA,CAAQ,YAAA,CAAa,aAAa,CAAA,KAAM,MAAA;AAM1C,MAAM,kBAAA,GACJ,OAAO,QAAA,KAAa,WAAA,GAAcA,eAAA,GAAYC,qBAAA;AAqBzC,MAAM,uBAAuB,MAAM;AACxC,EAAA,kBAAA,CAAmB,MAAM;AAMvB,IAAA,MAAM,YAAA,uBAAmB,GAAA,EAAa;AAEtC,IAAA,MAAM,KAAA,GAAQ,MACZ,YAAA,CAAa,OAAA,CAAQ,CAAA,OAAA,KAAW;AAC9B,MAAA,IAAI,OAAA,CAAQ,WAAA,IAAe,QAAA,CAAS,OAAO,CAAA,EAAG;AAC5C,QAAA,IAAI,WAAA,CAAY,OAAO,CAAA,EAAG;AAE1B,QAAA,OAAA,CAAQ,gBAAgB,aAAa,CAAA;AAAA,MACvC;AAGA,MAAA,YAAA,CAAa,OAAO,OAAO,CAAA;AAAA,IAC7B,CAAC,CAAA;AAEH,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAA,OAAA,KAAW;AAC/C,MAAA,OAAA,CAAQ,QAAQ,CAAC,EAAE,MAAA,EAAQ,aAAA,EAAe,UAAS,KAAM;AACvD,QAAA,MAAM,OAAA,GAAU,MAAA;AAChB,QAAA,MAAM,UAAA,GACJ,aAAA,KAAkB,aAAA,IAAiB,QAAA,KAAa,MAAA;AAGlD,QAAA,IAAI,cAAc,QAAA,CAAS,OAAO,CAAA,IAAK,WAAA,CAAY,OAAO,CAAA,EAAG;AAC3D,UAAA,YAAA,CAAa,IAAI,OAAO,CAAA;AAAA,QAC1B;AAAA,MACF,CAAC,CAAA;AAED,MAAA,KAAA,EAAM;AAAA,IACR,CAAC,CAAA;AAKD,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM;AAAA,MAC9B,OAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA,MACZ,iBAAA,EAAmB,IAAA;AAAA,MACnB,eAAA,EAAiB,CAAC,aAAA,EAAe,cAAA,EAAgB,YAAY;AAAA,KAC9D,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAEpB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP,CAAA;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,oBAAA,EAAqB;AAErB,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/components/Alert.js

@@ -8,7 +8,7 @@ import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../dialog-BG8Tjl78.js';
 import '../x-_o2T3n6D.js';
 import '../createLucideIcon-C8ycilSN.js';

package/dist/components/Dialog.js

@@ -8,7 +8,7 @@ import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../dialog-BG8Tjl78.js';
 import '../x-_o2T3n6D.js';
 import '../createLucideIcon-C8ycilSN.js';

package/dist/components/Select.js

@@ -1,15 +1,15 @@
-export { S as Select } from '../Select-CD5chrpw.js';
+export { S as Select } from '../Select-XgpTYRqO.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../fieldIds-VpluAAMl.js';
 import '../hyphenize-TRhMI0tl.js';
-import '../Combobox-CUcCC9-A.js';
+import '../Combobox-CrcrQlgz.js';
 import '../utils-BJnb9o5c.js';
 import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../input-group-CFQrWXbU.js';
 import '../input-BNPBqcmC.js';
 import '../textarea-ByEw7FT-.js';

package/dist/components/Sheet.js

@@ -8,7 +8,7 @@ import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../sheet-BD8c3_Va.js';
 import '../x-_o2T3n6D.js';
 import '../createLucideIcon-C8ycilSN.js';

package/dist/components/index.js

@@ -19,7 +19,7 @@ export { P as Pagination } from '../Pagination-yjG8uCpV.js';
 export { P as Popover } from '../Popover-BHGvcdV2.js';
 export { P as Progress } from '../Progress-DbtLbWf8.js';
 export { R as RadioGroup } from '../RadioGroup-CBXByAMW.js';
-export { S as Select } from '../Select-CD5chrpw.js';
+export { S as Select } from '../Select-XgpTYRqO.js';
 export { S as Sheet } from '../Sheet-D1MWtg1q.js';
 export { S as Slider } from '../Slider-CxQdlyHZ.js';
 export { S as Spinner } from '../Spinner-vfggfvEp.js';
@@ -78,7 +78,7 @@ import '../primitives/Accordion.js';
 import '../chevron-up-Bf2G3AAU.js';
 import '../index-0o2E3Cnw.js';
 import '../primitives/Dialog.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../dialog-BG8Tjl78.js';
 import '../x-_o2T3n6D.js';
 import '../DialogTrigger-a3diAOif.js';
@@ -125,7 +125,7 @@ import '../primitives/Label.js';
 import '../primitives/HoverCard.js';
 import '../primitives/Progress.js';
 import '../primitives/RadioGroup.js';
-import '../Combobox-CUcCC9-A.js';
+import '../Combobox-CrcrQlgz.js';
 import '../SelectFieldWrapper-D370CD4o.js';
 import '../primitives/Sheet.js';
 import '../sheet-BD8c3_Va.js';

package/dist/formik/BlockNavigation.js

@@ -11,7 +11,7 @@ import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../dialog-BG8Tjl78.js';
 import '../x-_o2T3n6D.js';
 import '../createLucideIcon-C8ycilSN.js';

package/dist/formik/Select.js

@@ -2,16 +2,16 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useField, useFormikContext, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { S as Select } from '../Select-CD5chrpw.js';
+import { S as Select } from '../Select-XgpTYRqO.js';
 import '../fieldIds-VpluAAMl.js';
 import '../hyphenize-TRhMI0tl.js';
-import '../Combobox-CUcCC9-A.js';
+import '../Combobox-CrcrQlgz.js';
 import '../utils-BJnb9o5c.js';
 import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../input-group-CFQrWXbU.js';
 import '../input-BNPBqcmC.js';
 import '../textarea-ByEw7FT-.js';

package/dist/formik/index.js

@@ -63,9 +63,9 @@ import '../hyphenize-TRhMI0tl.js';
 import '../withIconSize-BonoFXeH.js';
 import '../Textarea-CUe09-sr.js';
 import '../primitives/Textarea.js';
-import '../Select-CD5chrpw.js';
-import '../Combobox-CUcCC9-A.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../Select-XgpTYRqO.js';
+import '../Combobox-CrcrQlgz.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../chevron-down-BNi0ntys.js';
 import '../x-_o2T3n6D.js';
 import '../check-Cpkv29p1.js';

package/dist/hooks/useAriaHiddenCleanup.d.ts

@@ -11,6 +11,11 @@
  * applied by a lock and clears those, and only those, once every lock has let go
  * — an `aria-hidden` the page put there itself is never observed being applied
  * and so is never touched.
+ *
+ * This only patches over the two systems coexisting; a single one keeps its own
+ * counts straight. Once every primitive here is built on Base UI and the
+ * `aria-hidden` package is gone from the bundle, delete this hook along with the
+ * `AriaHiddenCleanup` mounted in Dialog, Sheet, AlertDialog and Combobox.
  */
 export declare const useAriaHiddenCleanup: () => void;
 /**

package/dist/index.js

@@ -25,7 +25,7 @@ export { P as Pagination } from './Pagination-yjG8uCpV.js';
 export { P as Popover } from './Popover-BHGvcdV2.js';
 export { P as Progress } from './Progress-DbtLbWf8.js';
 export { R as RadioGroup } from './RadioGroup-CBXByAMW.js';
-export { S as Select } from './Select-CD5chrpw.js';
+export { S as Select } from './Select-XgpTYRqO.js';
 export { S as Sheet } from './Sheet-D1MWtg1q.js';
 export { S as Slider } from './Slider-CxQdlyHZ.js';
 export { S as Spinner } from './Spinner-vfggfvEp.js';
@@ -81,7 +81,7 @@ import './primitives/Accordion.js';
 import './chevron-up-Bf2G3AAU.js';
 import './index-0o2E3Cnw.js';
 import './primitives/Dialog.js';
-import './useAriaHiddenCleanup-BIUbPJ6V.js';
+import './useAriaHiddenCleanup-Qc0GmbER.js';
 import './dialog-BG8Tjl78.js';
 import './x-_o2T3n6D.js';
 import './DialogTrigger-a3diAOif.js';
@@ -130,7 +130,7 @@ import './primitives/Label.js';
 import './primitives/HoverCard.js';
 import './primitives/Progress.js';
 import './primitives/RadioGroup.js';
-import './Combobox-CUcCC9-A.js';
+import './Combobox-CrcrQlgz.js';
 import './SelectFieldWrapper-D370CD4o.js';
 import './primitives/Sheet.js';
 import './sheet-BD8c3_Va.js';

package/dist/primitives/AlertDialog.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { u as useDialogRootContext, h as DialogStore, i as useDialogRoot, I as IsDrawerContext, j as DialogRootContext, a as DialogClose, D as DialogPopup, f as DialogDescription, c as DialogBackdrop, b as DialogPortal, e as DialogTitle, g as DialogTrigger } from '../DialogTrigger-a3diAOif.js';
 import { C as CommonPopupDataAttributes, t as transitionStatusMapping, p as popupStateMapping } from '../useOpenInteractionType-CVfxIsuz.js';
 import { B as Button } from '../button-DTkEk06V.js';
-import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-Qc0GmbER.js';
 import 'react-dom';
 import '../floating-ui.utils.dom-Bw_Rc4bg.js';
 import '../index-DZXbzIgC.js';

package/dist/primitives/Combobox.js

@@ -1,12 +1,12 @@
 import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';
-export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxCollection, e as ComboboxContent, f as ComboboxEmpty, g as ComboboxGroup, h as ComboboxInput, i as ComboboxItem, j as ComboboxLabel, k as ComboboxList, l as ComboboxSeparator, m as ComboboxTrigger, n as ComboboxValue, u as useComboboxAnchor } from '../Combobox-CUcCC9-A.js';
+export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxCollection, e as ComboboxContent, f as ComboboxEmpty, g as ComboboxGroup, h as ComboboxInput, i as ComboboxItem, j as ComboboxLabel, k as ComboboxList, l as ComboboxSeparator, m as ComboboxTrigger, n as ComboboxValue, u as useComboboxAnchor } from '../Combobox-CrcrQlgz.js';
 import '../button-DTkEk06V.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../input-group-CFQrWXbU.js';
 import '../input-BNPBqcmC.js';
 import '../textarea-ByEw7FT-.js';

package/dist/primitives/Dialog.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { c as cn } from '../utils-BJnb9o5c.js';
 import { B as Button } from '../button-DTkEk06V.js';
-import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-Qc0GmbER.js';
 import { D as Dialog$1, a as DialogPortal$1, b as DialogHeader$1, c as DialogTitle$1, d as DialogDescription$1, e as DialogFooter$1, f as DialogOverlay$1, g as DialogClose$2, h as DialogTrigger$1 } from '../dialog-BG8Tjl78.js';
 import { X } from '../x-_o2T3n6D.js';
 import { D as DialogPopup, a as DialogClose$1 } from '../DialogTrigger-a3diAOif.js';

package/dist/primitives/Sheet.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { c as cn } from '../utils-BJnb9o5c.js';
 import { B as Button } from '../button-DTkEk06V.js';
-import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-Qc0GmbER.js';
 import { S as SheetHeader$1, a as SheetFooter$1, b as SheetTitle$1, c as SheetDescription$1, d as Sheet$1, e as SheetClose$1, f as SheetTrigger$1 } from '../sheet-BD8c3_Va.js';
 import { X } from '../x-_o2T3n6D.js';
 import { b as DialogPortal, c as DialogBackdrop, D as DialogPopup, a as DialogClose } from '../DialogTrigger-a3diAOif.js';

package/dist/primitives/index.js

@@ -13,7 +13,7 @@ export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './Chart.js';
 export { Checkbox } from './Checkbox.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './Collapsible.js';
-export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxCollection, e as ComboboxContent, f as ComboboxEmpty, g as ComboboxGroup, h as ComboboxInput, i as ComboboxItem, j as ComboboxLabel, k as ComboboxList, l as ComboboxSeparator, m as ComboboxTrigger, n as ComboboxValue, u as useComboboxAnchor } from '../Combobox-CUcCC9-A.js';
+export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxCollection, e as ComboboxContent, f as ComboboxEmpty, g as ComboboxGroup, h as ComboboxInput, i as ComboboxItem, j as ComboboxLabel, k as ComboboxList, l as ComboboxSeparator, m as ComboboxTrigger, n as ComboboxValue, u as useComboboxAnchor } from '../Combobox-CrcrQlgz.js';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './Command.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './ContextMenu.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './Dialog.js';
@@ -79,7 +79,7 @@ import '../floating-ui.utils.dom-Bw_Rc4bg.js';
 import '../index-DZXbzIgC.js';
 import '../index-CSMSzzKM.js';
 import '../with-selector-Dv0G_V_o.js';
-import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../useAriaHiddenCleanup-Qc0GmbER.js';
 import '../index-CSUSJzOJ.js';
 import '../index-CfriMyrd.js';
 import 'react-i18next';

package/dist/{useAriaHiddenCleanup-BIUbPJ6V.js → useAriaHiddenCleanup-Qc0GmbER.js}

@@ -3,20 +3,22 @@ import { useEffect, useLayoutEffect } from 'react';
 const BASE_UI_MARKER = "data-base-ui-inert";
 const RADIX_MARKER = "data-aria-hidden";
 const LOCK_MARKERS = `[${BASE_UI_MARKER}],[${RADIX_MARKER}]`;
-const isLockOwned = (element) => element.matches(LOCK_MARKERS);
+const isLockOwned = (element) => !!element.closest(LOCK_MARKERS);
 const isHidden = (element) => element.getAttribute("aria-hidden") === "true";
-const getTopLevelElements = () => Array.from(document.body.children);
 const useIsoLayoutEffect = typeof document === "undefined" ? useEffect : useLayoutEffect;
 const useAriaHiddenCleanup = () => {
   useIsoLayoutEffect(() => {
     const hiddenByLock = /* @__PURE__ */ new Set();
-    const sweep = () => getTopLevelElements().filter(
-      (element) => hiddenByLock.has(element) && isHidden(element) && !isLockOwned(element)
-    ).forEach((element) => element.removeAttribute("aria-hidden"));
+    const sweep = () => hiddenByLock.forEach((element) => {
+      if (element.isConnected && isHidden(element)) {
+        if (isLockOwned(element)) return;
+        element.removeAttribute("aria-hidden");
+      }
+      hiddenByLock.delete(element);
+    });
     const observer = new MutationObserver((records) => {
       records.forEach(({ target, attributeName, oldValue }) => {
         const element = target;
-        if (element.parentElement !== document.body) return;
         const wasApplied = attributeName === "aria-hidden" && oldValue !== "true";
         if (wasApplied && isHidden(element) && isLockOwned(element)) {
           hiddenByLock.add(element);
@@ -42,4 +44,4 @@ const AriaHiddenCleanup = () => {
 };
 
 export { AriaHiddenCleanup as A };
-//# sourceMappingURL=useAriaHiddenCleanup-BIUbPJ6V.js.map
+//# sourceMappingURL=useAriaHiddenCleanup-Qc0GmbER.js.map

package/dist/useAriaHiddenCleanup-Qc0GmbER.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaHiddenCleanup-Qc0GmbER.js","sources":["../src/hooks/useAriaHiddenCleanup.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\n/**\n * Elements hidden by a modal surface are stamped by whichever library owns the\n * lock: Base UI stamps `data-base-ui-inert`, the `aria-hidden` package behind\n * the Radix based primitives stamps `data-aria-hidden`. Both are marker\n * attributes; neither library applies the `inert` attribute to the page.\n */\nconst BASE_UI_MARKER = \"data-base-ui-inert\";\nconst RADIX_MARKER = \"data-aria-hidden\";\nconst LOCK_MARKERS = `[${BASE_UI_MARKER}],[${RADIX_MARKER}]`;\n\n/**\n * Radix stamps its marker on every element it hides. Base UI stamps its marker\n * only on top level elements, even when its `aria-hidden` lands deeper, which\n * happens whenever a live region inside the page makes the lock keep the path to\n * it in view. A lock holding a nested element therefore shows on an ancestor.\n */\nconst isLockOwned = (element: Element) => !!element.closest(LOCK_MARKERS);\n\nconst isHidden = (element: Element) =>\n  element.getAttribute(\"aria-hidden\") === \"true\";\n\n/**\n * Effects do not run on the server at all, so the fallback never fires; it only\n * keeps React from warning about the layout variant during SSR.\n */\nconst useIsoLayoutEffect =\n  typeof document === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * neeto-atoms ships two independent `aria-hidden` lock systems: Base UI's\n * `markOthers` (Dialog, Sheet, Combobox) and the `aria-hidden` package pulled in\n * by the Radix based primitives (Popover, Menu, Drawer, …). Each keeps its own\n * reference counts, so when a Radix popup hides the page first and Base UI opens\n * on top of it, Base UI records the page as \"hidden by someone else\" and skips\n * removing `aria-hidden` when its own last popup closes. The page then stays out\n * of the accessibility tree with nothing open.\n *\n * Mount this alongside a Base UI popup. It watches for `aria-hidden` being\n * applied by a lock and clears those, and only those, once every lock has let go\n * — an `aria-hidden` the page put there itself is never observed being applied\n * and so is never touched.\n *\n * This only patches over the two systems coexisting; a single one keeps its own\n * counts straight. Once every primitive here is built on Base UI and the\n * `aria-hidden` package is gone from the bundle, delete this hook along with the\n * `AriaHiddenCleanup` mounted in Dialog, Sheet, AlertDialog and Combobox.\n */\nexport const useAriaHiddenCleanup = () => {\n  useIsoLayoutEffect(() => {\n    /**\n     * Elements watched as a lock hid them. Ownership cannot be read off the DOM\n     * afterwards: a lock stamps its marker on elements the page had already\n     * hidden, so a marker means \"a lock is holding this\", not \"a lock hid this\".\n     */\n    const hiddenByLock = new Set<Element>();\n\n    const sweep = () =>\n      hiddenByLock.forEach(element => {\n        if (element.isConnected && isHidden(element)) {\n          if (isLockOwned(element)) return;\n\n          element.removeAttribute(\"aria-hidden\");\n        }\n        // Applying `aria-hidden` again is observed afresh, so there is no need\n        // to hold on to anything no lock is hiding right now.\n        hiddenByLock.delete(element);\n      });\n\n    const observer = new MutationObserver(records => {\n      records.forEach(({ target, attributeName, oldValue }) => {\n        const element = target as Element;\n        const wasApplied =\n          attributeName === \"aria-hidden\" && oldValue !== \"true\";\n\n        // A lock applies its marker in the same batch, so it is readable here.\n        if (wasApplied && isHidden(element) && isLockOwned(element)) {\n          hiddenByLock.add(element);\n        }\n      });\n\n      sweep();\n    });\n\n    // `keepMounted` keeps this mounted while the popup closes, so unmounting is\n    // not a reliable signal on its own. Watch the locks instead — the sweep does\n    // nothing until the last of them lets go.\n    observer.observe(document.body, {\n      subtree: true,\n      attributes: true,\n      attributeOldValue: true,\n      attributeFilter: [\"aria-hidden\", BASE_UI_MARKER, RADIX_MARKER],\n    });\n\n    return () => {\n      observer.disconnect();\n      // Locks are released from effect cleanups too, so let those run first.\n      setTimeout(sweep);\n    };\n  }, []);\n};\n\n/**\n * Renders nothing; mount it inside the portal so the cleanup is scoped to the\n * lifetime of the popup rather than to the component that declares it.\n */\nexport const AriaHiddenCleanup = () => {\n  useAriaHiddenCleanup();\n\n  return null;\n};\n"],"names":[],"mappings":";;AAQA,MAAM,cAAA,GAAiB,oBAAA;AACvB,MAAM,YAAA,GAAe,kBAAA;AACrB,MAAM,YAAA,GAAe,CAAA,CAAA,EAAI,cAAc,CAAA,GAAA,EAAM,YAAY,CAAA,CAAA,CAAA;AAQzD,MAAM,cAAc,CAAC,OAAA,KAAqB,CAAC,CAAC,OAAA,CAAQ,QAAQ,YAAY,CAAA;AAExE,MAAM,WAAW,CAAC,OAAA,KAChB,OAAA,CAAQ,YAAA,CAAa,aAAa,CAAA,KAAM,MAAA;AAM1C,MAAM,kBAAA,GACJ,OAAO,QAAA,KAAa,WAAA,GAAc,SAAA,GAAY,eAAA;AAqBzC,MAAM,uBAAuB,MAAM;AACxC,EAAA,kBAAA,CAAmB,MAAM;AAMvB,IAAA,MAAM,YAAA,uBAAmB,GAAA,EAAa;AAEtC,IAAA,MAAM,KAAA,GAAQ,MACZ,YAAA,CAAa,OAAA,CAAQ,CAAA,OAAA,KAAW;AAC9B,MAAA,IAAI,OAAA,CAAQ,WAAA,IAAe,QAAA,CAAS,OAAO,CAAA,EAAG;AAC5C,QAAA,IAAI,WAAA,CAAY,OAAO,CAAA,EAAG;AAE1B,QAAA,OAAA,CAAQ,gBAAgB,aAAa,CAAA;AAAA,MACvC;AAGA,MAAA,YAAA,CAAa,OAAO,OAAO,CAAA;AAAA,IAC7B,CAAC,CAAA;AAEH,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAA,OAAA,KAAW;AAC/C,MAAA,OAAA,CAAQ,QAAQ,CAAC,EAAE,MAAA,EAAQ,aAAA,EAAe,UAAS,KAAM;AACvD,QAAA,MAAM,OAAA,GAAU,MAAA;AAChB,QAAA,MAAM,UAAA,GACJ,aAAA,KAAkB,aAAA,IAAiB,QAAA,KAAa,MAAA;AAGlD,QAAA,IAAI,cAAc,QAAA,CAAS,OAAO,CAAA,IAAK,WAAA,CAAY,OAAO,CAAA,EAAG;AAC3D,UAAA,YAAA,CAAa,IAAI,OAAO,CAAA;AAAA,QAC1B;AAAA,MACF,CAAC,CAAA;AAED,MAAA,KAAA,EAAM;AAAA,IACR,CAAC,CAAA;AAKD,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM;AAAA,MAC9B,OAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA,MACZ,iBAAA,EAAmB,IAAA;AAAA,MACnB,eAAA,EAAiB,CAAC,aAAA,EAAe,cAAA,EAAgB,YAAY;AAAA,KAC9D,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAEpB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP,CAAA;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,oBAAA,EAAqB;AAErB,EAAA,OAAO,IAAA;AACT;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.136",
+  "version": "1.0.137-beta1",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {
@@ -209,4 +209,4 @@
     "react-router-dom": "^5.3.3"
   },
   "packageManager": "yarn@4.9.2"
-}
+}

package/CHANGELOG.md

@@ -1,3 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.

package/dist/cjs/useAriaHiddenCleanup-CT0To2AH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAriaHiddenCleanup-CT0To2AH.js","sources":["../../src/hooks/useAriaHiddenCleanup.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\n/**\n * Elements hidden by a modal surface are stamped by whichever library owns the\n * lock: Base UI stamps `data-base-ui-inert`, the `aria-hidden` package behind\n * the Radix based primitives stamps `data-aria-hidden`. Both are marker\n * attributes; neither library applies the `inert` attribute to the page.\n */\nconst BASE_UI_MARKER = \"data-base-ui-inert\";\nconst RADIX_MARKER = \"data-aria-hidden\";\nconst LOCK_MARKERS = `[${BASE_UI_MARKER}],[${RADIX_MARKER}]`;\n\nconst isLockOwned = (element: Element) => element.matches(LOCK_MARKERS);\n\nconst isHidden = (element: Element) =>\n  element.getAttribute(\"aria-hidden\") === \"true\";\n\nconst getTopLevelElements = () => Array.from(document.body.children);\n\n/**\n * Effects do not run on the server at all, so the fallback never fires; it only\n * keeps React from warning about the layout variant during SSR.\n */\nconst useIsoLayoutEffect =\n  typeof document === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * neeto-atoms ships two independent `aria-hidden` lock systems: Base UI's\n * `markOthers` (Dialog, Sheet, Combobox) and the `aria-hidden` package pulled in\n * by the Radix based primitives (Popover, Menu, Drawer, …). Each keeps its own\n * reference counts, so when a Radix popup hides the page first and Base UI opens\n * on top of it, Base UI records the page as \"hidden by someone else\" and skips\n * removing `aria-hidden` when its own last popup closes. The page then stays out\n * of the accessibility tree with nothing open.\n *\n * Mount this alongside a Base UI popup. It watches for `aria-hidden` being\n * applied by a lock and clears those, and only those, once every lock has let go\n * — an `aria-hidden` the page put there itself is never observed being applied\n * and so is never touched.\n */\nexport const useAriaHiddenCleanup = () => {\n  useIsoLayoutEffect(() => {\n    /**\n     * Elements watched as a lock hid them. Ownership cannot be read off the DOM\n     * afterwards: a lock stamps its marker on elements the page had already\n     * hidden, so a marker means \"a lock is holding this\", not \"a lock hid this\".\n     */\n    const hiddenByLock = new Set<Element>();\n\n    const sweep = () =>\n      getTopLevelElements()\n        .filter(\n          element =>\n            hiddenByLock.has(element) &&\n            isHidden(element) &&\n            !isLockOwned(element)\n        )\n        .forEach(element => element.removeAttribute(\"aria-hidden\"));\n\n    const observer = new MutationObserver(records => {\n      records.forEach(({ target, attributeName, oldValue }) => {\n        const element = target as Element;\n        // Only top level elements are ever swept, so tracking anything deeper\n        // would just retain detached nodes for as long as the popup lives.\n        if (element.parentElement !== document.body) return;\n\n        const wasApplied =\n          attributeName === \"aria-hidden\" && oldValue !== \"true\";\n\n        // A lock applies its marker in the same batch, so it is readable here.\n        if (wasApplied && isHidden(element) && isLockOwned(element)) {\n          hiddenByLock.add(element);\n        }\n      });\n\n      sweep();\n    });\n\n    // `keepMounted` keeps this mounted while the popup closes, so unmounting is\n    // not a reliable signal on its own. Watch the locks instead — the sweep does\n    // nothing until the last of them lets go.\n    observer.observe(document.body, {\n      subtree: true,\n      attributes: true,\n      attributeOldValue: true,\n      attributeFilter: [\"aria-hidden\", BASE_UI_MARKER, RADIX_MARKER],\n    });\n\n    return () => {\n      observer.disconnect();\n      // Locks are released from effect cleanups too, so let those run first.\n      setTimeout(sweep);\n    };\n  }, []);\n};\n\n/**\n * Renders nothing; mount it inside the portal so the cleanup is scoped to the\n * lifetime of the popup rather than to the component that declares it.\n */\nexport const AriaHiddenCleanup = () => {\n  useAriaHiddenCleanup();\n\n  return null;\n};\n"],"names":["useEffect","useLayoutEffect"],"mappings":";;;;AAQA,MAAM,cAAA,GAAiB,oBAAA;AACvB,MAAM,YAAA,GAAe,kBAAA;AACrB,MAAM,YAAA,GAAe,CAAA,CAAA,EAAI,cAAc,CAAA,GAAA,EAAM,YAAY,CAAA,CAAA,CAAA;AAEzD,MAAM,WAAA,GAAc,CAAC,OAAA,KAAqB,OAAA,CAAQ,QAAQ,YAAY,CAAA;AAEtE,MAAM,WAAW,CAAC,OAAA,KAChB,OAAA,CAAQ,YAAA,CAAa,aAAa,CAAA,KAAM,MAAA;AAE1C,MAAM,sBAAsB,MAAM,KAAA,CAAM,IAAA,CAAK,QAAA,CAAS,KAAK,QAAQ,CAAA;AAMnE,MAAM,kBAAA,GACJ,OAAO,QAAA,KAAa,WAAA,GAAcA,eAAA,GAAYC,qBAAA;AAgBzC,MAAM,uBAAuB,MAAM;AACxC,EAAA,kBAAA,CAAmB,MAAM;AAMvB,IAAA,MAAM,YAAA,uBAAmB,GAAA,EAAa;AAEtC,IAAA,MAAM,KAAA,GAAQ,MACZ,mBAAA,EAAoB,CACjB,MAAA;AAAA,MACC,CAAA,OAAA,KACE,YAAA,CAAa,GAAA,CAAI,OAAO,CAAA,IACxB,SAAS,OAAO,CAAA,IAChB,CAAC,WAAA,CAAY,OAAO;AAAA,MAEvB,OAAA,CAAQ,CAAA,OAAA,KAAW,OAAA,CAAQ,eAAA,CAAgB,aAAa,CAAC,CAAA;AAE9D,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAA,OAAA,KAAW;AAC/C,MAAA,OAAA,CAAQ,QAAQ,CAAC,EAAE,MAAA,EAAQ,aAAA,EAAe,UAAS,KAAM;AACvD,QAAA,MAAM,OAAA,GAAU,MAAA;AAGhB,QAAA,IAAI,OAAA,CAAQ,aAAA,KAAkB,QAAA,CAAS,IAAA,EAAM;AAE7C,QAAA,MAAM,UAAA,GACJ,aAAA,KAAkB,aAAA,IAAiB,QAAA,KAAa,MAAA;AAGlD,QAAA,IAAI,cAAc,QAAA,CAAS,OAAO,CAAA,IAAK,WAAA,CAAY,OAAO,CAAA,EAAG;AAC3D,UAAA,YAAA,CAAa,IAAI,OAAO,CAAA;AAAA,QAC1B;AAAA,MACF,CAAC,CAAA;AAED,MAAA,KAAA,EAAM;AAAA,IACR,CAAC,CAAA;AAKD,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM;AAAA,MAC9B,OAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA,MACZ,iBAAA,EAAmB,IAAA;AAAA,MACnB,eAAA,EAAiB,CAAC,aAAA,EAAe,cAAA,EAAgB,YAAY;AAAA,KAC9D,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAEpB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP,CAAA;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,oBAAA,EAAqB;AAErB,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/useAriaHiddenCleanup-BIUbPJ6V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAriaHiddenCleanup-BIUbPJ6V.js","sources":["../src/hooks/useAriaHiddenCleanup.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\n/**\n * Elements hidden by a modal surface are stamped by whichever library owns the\n * lock: Base UI stamps `data-base-ui-inert`, the `aria-hidden` package behind\n * the Radix based primitives stamps `data-aria-hidden`. Both are marker\n * attributes; neither library applies the `inert` attribute to the page.\n */\nconst BASE_UI_MARKER = \"data-base-ui-inert\";\nconst RADIX_MARKER = \"data-aria-hidden\";\nconst LOCK_MARKERS = `[${BASE_UI_MARKER}],[${RADIX_MARKER}]`;\n\nconst isLockOwned = (element: Element) => element.matches(LOCK_MARKERS);\n\nconst isHidden = (element: Element) =>\n  element.getAttribute(\"aria-hidden\") === \"true\";\n\nconst getTopLevelElements = () => Array.from(document.body.children);\n\n/**\n * Effects do not run on the server at all, so the fallback never fires; it only\n * keeps React from warning about the layout variant during SSR.\n */\nconst useIsoLayoutEffect =\n  typeof document === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * neeto-atoms ships two independent `aria-hidden` lock systems: Base UI's\n * `markOthers` (Dialog, Sheet, Combobox) and the `aria-hidden` package pulled in\n * by the Radix based primitives (Popover, Menu, Drawer, …). Each keeps its own\n * reference counts, so when a Radix popup hides the page first and Base UI opens\n * on top of it, Base UI records the page as \"hidden by someone else\" and skips\n * removing `aria-hidden` when its own last popup closes. The page then stays out\n * of the accessibility tree with nothing open.\n *\n * Mount this alongside a Base UI popup. It watches for `aria-hidden` being\n * applied by a lock and clears those, and only those, once every lock has let go\n * — an `aria-hidden` the page put there itself is never observed being applied\n * and so is never touched.\n */\nexport const useAriaHiddenCleanup = () => {\n  useIsoLayoutEffect(() => {\n    /**\n     * Elements watched as a lock hid them. Ownership cannot be read off the DOM\n     * afterwards: a lock stamps its marker on elements the page had already\n     * hidden, so a marker means \"a lock is holding this\", not \"a lock hid this\".\n     */\n    const hiddenByLock = new Set<Element>();\n\n    const sweep = () =>\n      getTopLevelElements()\n        .filter(\n          element =>\n            hiddenByLock.has(element) &&\n            isHidden(element) &&\n            !isLockOwned(element)\n        )\n        .forEach(element => element.removeAttribute(\"aria-hidden\"));\n\n    const observer = new MutationObserver(records => {\n      records.forEach(({ target, attributeName, oldValue }) => {\n        const element = target as Element;\n        // Only top level elements are ever swept, so tracking anything deeper\n        // would just retain detached nodes for as long as the popup lives.\n        if (element.parentElement !== document.body) return;\n\n        const wasApplied =\n          attributeName === \"aria-hidden\" && oldValue !== \"true\";\n\n        // A lock applies its marker in the same batch, so it is readable here.\n        if (wasApplied && isHidden(element) && isLockOwned(element)) {\n          hiddenByLock.add(element);\n        }\n      });\n\n      sweep();\n    });\n\n    // `keepMounted` keeps this mounted while the popup closes, so unmounting is\n    // not a reliable signal on its own. Watch the locks instead — the sweep does\n    // nothing until the last of them lets go.\n    observer.observe(document.body, {\n      subtree: true,\n      attributes: true,\n      attributeOldValue: true,\n      attributeFilter: [\"aria-hidden\", BASE_UI_MARKER, RADIX_MARKER],\n    });\n\n    return () => {\n      observer.disconnect();\n      // Locks are released from effect cleanups too, so let those run first.\n      setTimeout(sweep);\n    };\n  }, []);\n};\n\n/**\n * Renders nothing; mount it inside the portal so the cleanup is scoped to the\n * lifetime of the popup rather than to the component that declares it.\n */\nexport const AriaHiddenCleanup = () => {\n  useAriaHiddenCleanup();\n\n  return null;\n};\n"],"names":[],"mappings":";;AAQA,MAAM,cAAA,GAAiB,oBAAA;AACvB,MAAM,YAAA,GAAe,kBAAA;AACrB,MAAM,YAAA,GAAe,CAAA,CAAA,EAAI,cAAc,CAAA,GAAA,EAAM,YAAY,CAAA,CAAA,CAAA;AAEzD,MAAM,WAAA,GAAc,CAAC,OAAA,KAAqB,OAAA,CAAQ,QAAQ,YAAY,CAAA;AAEtE,MAAM,WAAW,CAAC,OAAA,KAChB,OAAA,CAAQ,YAAA,CAAa,aAAa,CAAA,KAAM,MAAA;AAE1C,MAAM,sBAAsB,MAAM,KAAA,CAAM,IAAA,CAAK,QAAA,CAAS,KAAK,QAAQ,CAAA;AAMnE,MAAM,kBAAA,GACJ,OAAO,QAAA,KAAa,WAAA,GAAc,SAAA,GAAY,eAAA;AAgBzC,MAAM,uBAAuB,MAAM;AACxC,EAAA,kBAAA,CAAmB,MAAM;AAMvB,IAAA,MAAM,YAAA,uBAAmB,GAAA,EAAa;AAEtC,IAAA,MAAM,KAAA,GAAQ,MACZ,mBAAA,EAAoB,CACjB,MAAA;AAAA,MACC,CAAA,OAAA,KACE,YAAA,CAAa,GAAA,CAAI,OAAO,CAAA,IACxB,SAAS,OAAO,CAAA,IAChB,CAAC,WAAA,CAAY,OAAO;AAAA,MAEvB,OAAA,CAAQ,CAAA,OAAA,KAAW,OAAA,CAAQ,eAAA,CAAgB,aAAa,CAAC,CAAA;AAE9D,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAA,OAAA,KAAW;AAC/C,MAAA,OAAA,CAAQ,QAAQ,CAAC,EAAE,MAAA,EAAQ,aAAA,EAAe,UAAS,KAAM;AACvD,QAAA,MAAM,OAAA,GAAU,MAAA;AAGhB,QAAA,IAAI,OAAA,CAAQ,aAAA,KAAkB,QAAA,CAAS,IAAA,EAAM;AAE7C,QAAA,MAAM,UAAA,GACJ,aAAA,KAAkB,aAAA,IAAiB,QAAA,KAAa,MAAA;AAGlD,QAAA,IAAI,cAAc,QAAA,CAAS,OAAO,CAAA,IAAK,WAAA,CAAY,OAAO,CAAA,EAAG;AAC3D,UAAA,YAAA,CAAa,IAAI,OAAO,CAAA;AAAA,QAC1B;AAAA,MACF,CAAC,CAAA;AAED,MAAA,KAAA,EAAM;AAAA,IACR,CAAC,CAAA;AAKD,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAA,EAAM;AAAA,MAC9B,OAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA,MACZ,iBAAA,EAAmB,IAAA;AAAA,MACnB,eAAA,EAAiB,CAAC,aAAA,EAAe,cAAA,EAAgB,YAAY;AAAA,KAC9D,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAA,EAAW;AAEpB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACP,CAAA;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,oBAAA,EAAqB;AAErB,EAAA,OAAO,IAAA;AACT;;;;"}