@ariakit/react 0.4.25 → 0.4.27

package/cjs/__chunks/W27WRDUB.cjs

@@ -0,0 +1 @@
+"use strict";

package/cjs/__chunks/X4U3XKYQ.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// ../ariakit-react-components/dist/checkbox/checkbox-checked-context.js
+var _react = require('react');
+var CheckboxCheckedContext = _react.createContext.call(void 0, false);
+
+
+
+exports.CheckboxCheckedContext = CheckboxCheckedContext;

package/cjs/__chunks/XH4GE3VE.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _FIPBE5IXcjs = require('./FIPBE5IX.cjs');
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/popover/popover-anchor.js
+var TagName = "div";
+var usePopoverAnchor = _QAUJZR6Ycjs.createHook.call(void 0, function usePopoverAnchor2({ store, ...props }) {
+  const context = _FIPBE5IXcjs.usePopoverProviderContext.call(void 0, );
+  store = store || context;
+  props = {
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
+  };
+  return props;
+});
+var PopoverAnchor = _QAUJZR6Ycjs.forwardRef.call(void 0, function PopoverAnchor2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, usePopoverAnchor(props));
+});
+
+
+
+
+exports.usePopoverAnchor = usePopoverAnchor; exports.PopoverAnchor = PopoverAnchor;

package/cjs/__chunks/XPQIHUQ7.cjs

@@ -0,0 +1,172 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+var _D4HCGWOUcjs = require('./D4HCGWOU.cjs');
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/collection/collection-context.js
+var ctx = _QAUJZR6Ycjs.createStoreContext.call(void 0, );
+var useCollectionContext = ctx.useContext;
+var useCollectionScopedContext = ctx.useScopedContext;
+var useCollectionProviderContext = ctx.useProviderContext;
+var CollectionContextProvider = ctx.ContextProvider;
+var CollectionScopedContextProvider = ctx.ScopedContextProvider;
+
+// ../ariakit-components/dist/collection/collection-store.js
+function getCommonParent(items) {
+  var _a, _b;
+  const firstItem = items.find((item) => !!item.element);
+  const lastElement = (_a = [...items].reverse().find((item) => !!item.element)) == null ? void 0 : _a.element;
+  let parentElement = (_b = firstItem == null ? void 0 : firstItem.element) == null ? void 0 : _b.parentElement;
+  if (!lastElement) return _QAUJZR6Ycjs.getDocument.call(void 0, parentElement).body;
+  while (parentElement) {
+    if (parentElement.contains(lastElement)) return parentElement;
+    parentElement = parentElement.parentElement;
+  }
+  return _QAUJZR6Ycjs.getDocument.call(void 0, parentElement).body;
+}
+function getPrivateStore(store) {
+  return store == null ? void 0 : store.__unstablePrivateStore;
+}
+function createCollectionStore(props = {}) {
+  var _a;
+  _D4HCGWOUcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const items = _QAUJZR6Ycjs.defaultValue.call(void 0, props.items, syncState == null ? void 0 : syncState.items, props.defaultItems, []);
+  const itemsMap = new Map(items.map((item) => [item.id, item]));
+  const initialState = {
+    items,
+    renderedItems: _QAUJZR6Ycjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
+  };
+  const syncPrivateStore = getPrivateStore(props.store);
+  const privateStore = _D4HCGWOUcjs.createStore.call(void 0, {
+    items,
+    renderedItems: initialState.renderedItems
+  }, syncPrivateStore);
+  const collection = _D4HCGWOUcjs.createStore.call(void 0, initialState, props.store);
+  const sortItems = (renderedItems) => {
+    const sortedItems = _QAUJZR6Ycjs.sortBasedOnDOMPosition.call(void 0, renderedItems, (i) => i.element);
+    privateStore.setState("renderedItems", sortedItems);
+    collection.setState("renderedItems", sortedItems);
+  };
+  _D4HCGWOUcjs.setup.call(void 0, collection, () => _D4HCGWOUcjs.init.call(void 0, privateStore));
+  _D4HCGWOUcjs.setup.call(void 0, privateStore, () => {
+    return _D4HCGWOUcjs.batch.call(void 0, privateStore, ["items"], (state) => {
+      collection.setState("items", state.items);
+    });
+  });
+  _D4HCGWOUcjs.setup.call(void 0, privateStore, () => {
+    return _D4HCGWOUcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
+      let firstRun = true;
+      let raf = requestAnimationFrame(() => {
+        const { renderedItems } = collection.getState();
+        if (state.renderedItems === renderedItems) return;
+        sortItems(state.renderedItems);
+      });
+      if (typeof IntersectionObserver !== "function") return () => cancelAnimationFrame(raf);
+      const ioCallback = () => {
+        if (firstRun) {
+          firstRun = false;
+          return;
+        }
+        cancelAnimationFrame(raf);
+        raf = requestAnimationFrame(() => sortItems(state.renderedItems));
+      };
+      const root = getCommonParent(state.renderedItems);
+      const observer = new IntersectionObserver(ioCallback, { root });
+      for (const item of state.renderedItems) {
+        if (!item.element) continue;
+        observer.observe(item.element);
+      }
+      return () => {
+        cancelAnimationFrame(raf);
+        observer.disconnect();
+      };
+    });
+  });
+  const mergeItem = (item, setItems, canDeleteFromMap = false) => {
+    let prevItem;
+    setItems((items2) => {
+      const index = items2.findIndex(({ id }) => id === item.id);
+      const nextItems = items2.slice();
+      if (index !== -1) {
+        prevItem = items2[index];
+        const nextItem = {
+          ...prevItem,
+          ...item
+        };
+        nextItems[index] = nextItem;
+        itemsMap.set(item.id, nextItem);
+      } else {
+        nextItems.push(item);
+        itemsMap.set(item.id, item);
+      }
+      return nextItems;
+    });
+    const unmergeItem = () => {
+      setItems((items2) => {
+        if (!prevItem) {
+          if (canDeleteFromMap) itemsMap.delete(item.id);
+          return items2.filter(({ id }) => id !== item.id);
+        }
+        const index = items2.findIndex(({ id }) => id === item.id);
+        if (index === -1) return items2;
+        const nextItems = items2.slice();
+        nextItems[index] = prevItem;
+        itemsMap.set(item.id, prevItem);
+        return nextItems;
+      });
+    };
+    return unmergeItem;
+  };
+  const registerItem = (item) => mergeItem(item, (getItems) => privateStore.setState("items", getItems), true);
+  return {
+    ...collection,
+    registerItem,
+    renderItem: (item) => _QAUJZR6Ycjs.chain.call(void 0, registerItem(item), mergeItem(item, (getItems) => privateStore.setState("renderedItems", getItems))),
+    item: (id) => {
+      if (!id) return null;
+      let item = itemsMap.get(id);
+      if (!item) {
+        const { items: items2 } = privateStore.getState();
+        item = items2.find((item2) => item2.id === id);
+        if (item) itemsMap.set(id, item);
+      }
+      return item || null;
+    },
+    __unstablePrivateStore: privateStore
+  };
+}
+
+// ../ariakit-react-components/dist/collection/collection-store.js
+function useCollectionStoreProps(store, update, props) {
+  _QAUJZR6Ycjs.useUpdateEffect.call(void 0, update, [props.store]);
+  _D4HCGWOUcjs.useStoreProps.call(void 0, store, props, "items", "setItems");
+  return store;
+}
+function useCollectionStore(props = {}) {
+  const [store, update] = _D4HCGWOUcjs.useStore.call(void 0, createCollectionStore, props);
+  return useCollectionStoreProps(store, update, props);
+}
+
+
+
+
+
+
+
+
+
+exports.useCollectionContext = useCollectionContext; exports.useCollectionProviderContext = useCollectionProviderContext; exports.CollectionContextProvider = CollectionContextProvider; exports.CollectionScopedContextProvider = CollectionScopedContextProvider; exports.createCollectionStore = createCollectionStore; exports.useCollectionStoreProps = useCollectionStoreProps; exports.useCollectionStore = useCollectionStore;

package/cjs/__chunks/YEXJT4IL.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _N3DLR7OLcjs = require('./N3DLR7OL.cjs');
+
+
+
+
+
+
+
+
+var _QAUJZR6Ycjs = require('./QAUJZR6Y.cjs');
+
+// ../ariakit-react-components/dist/focus-trap/focus-trap-region.js
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var TagName = "div";
+var useFocusTrapRegion = _QAUJZR6Ycjs.createHook.call(void 0, function useFocusTrapRegion2({ enabled = false, ...props }) {
+  const ref = _react.useRef.call(void 0, null);
+  props = _QAUJZR6Ycjs.useWrapElement.call(void 0, props, (element) => {
+    const renderFocusTrap = () => {
+      if (!enabled) return null;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _N3DLR7OLcjs.FocusTrap, { onFocus: (event) => {
+        const container = ref.current;
+        if (!container) return;
+        const tabbables = _QAUJZR6Ycjs.getAllTabbableIn.call(void 0, container, true);
+        const first = tabbables[0];
+        const last = tabbables[tabbables.length - 1];
+        if (!tabbables.length) {
+          container.focus();
+          return;
+        }
+        if (event.relatedTarget === first) last == null ? void 0 : last.focus();
+        else first == null ? void 0 : first.focus();
+      } });
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      renderFocusTrap(),
+      element,
+      renderFocusTrap()
+    ] });
+  }, [enabled]);
+  props = {
+    ...props,
+    ref: _QAUJZR6Ycjs.useMergeRefs.call(void 0, ref, props.ref)
+  };
+  return _QAUJZR6Ycjs.removeUndefinedValues.call(void 0, props);
+});
+var FocusTrapRegion = _QAUJZR6Ycjs.forwardRef.call(void 0, function FocusTrapRegion2(props) {
+  return _QAUJZR6Ycjs.createElement.call(void 0, TagName, useFocusTrapRegion(props));
+});
+
+
+
+exports.FocusTrapRegion = FocusTrapRegion;