@ariakit/core 0.1.4 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @ariakit/core
 
+## 0.2.0
+
+### Minor Changes
+
+- **BREAKING**: Moved props from the `usePopoverStore` hook to the `Popover` component: `fixed`, `gutter`, `shift`, `flip`, `slide`, `overlap`, `sameWidth`, `fitViewport`, `arrowPadding`, `overflowPadding`, `getAnchorRect`, `renderCallback` (renamed to `updatePosition`). ([#2279](https://github.com/ariakit/ariakit/pull/2279))
+
+  The exception is the `placement` prop that should still be passed to the store.
+
+  **Before**:
+
+  ```jsx
+  const popover = usePopoverStore({
+    placement: "bottom",
+    fixed: true,
+    gutter: 8,
+    shift: 8,
+    flip: true,
+    slide: true,
+    overlap: true,
+    sameWidth: true,
+    fitViewport: true,
+    arrowPadding: 8,
+    overflowPadding: 8,
+    getAnchorRect: (anchor) => anchor?.getBoundingClientRect(),
+    renderCallback: (props) => props.defaultRenderCallback(),
+  });
+
+  <Popover store={popover} />;
+  ```
+
+  **After**:
+
+  ```jsx
+  const popover = usePopoverStore({ placement: "bottom" });
+
+  <Popover
+    store={popover}
+    fixed
+    gutter={8}
+    shift={8}
+    flip
+    slide
+    overlap
+    sameWidth
+    fitViewport
+    arrowPadding={8}
+    overflowPadding={8}
+    getAnchorRect={(anchor) => anchor?.getBoundingClientRect()}
+    updatePosition={(props) => props.updatePosition()}
+  />;
+  ```
+
+  This change affects all the hooks and components that use `usePopoverStore` and `Popover` underneath: `useComboboxStore`, `ComboboxPopover`, `useHovercardStore`, `Hovercard`, `useMenuStore`, `Menu`, `useSelectStore`, `SelectPopover`, `useTooltipStore`, `Tooltip`.
+
+  With this change, the underlying `@floating-ui/dom` dependency has been also moved to the `Popover` component, which means it can be lazy loaded. See the [Lazy Popover](https://ariakit.org/examples/popover-lazy) example.
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated `isFocusable` function to return `false` when the element is `inert` or is a descendant of an `inert` element. ([#2339](https://github.com/ariakit/ariakit/pull/2339))
+
+- Fixed build target. ([#2355](https://github.com/ariakit/ariakit/pull/2355))
+
+- Updated JSDocs.
+
 ## 0.1.4
 
 ### Patch Changes

package/cjs/__chunks/{QYB6XH64.cjs → 27ZAGOYG.cjs}

@@ -1,29 +1,34 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZPOXPO2Lcjs = require('./ZPOXPO2L.cjs');
+var _6SPJEESBcjs = require('./6SPJEESB.cjs');
 
 
-var _QNEPGQLLcjs = require('./QNEPGQLL.cjs');
+var _M6ZA7XUPcjs = require('./M6ZA7XUP.cjs');
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
-  const open = _QNEPGQLLcjs.defaultValue.call(void 0, 
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const open = _M6ZA7XUPcjs.defaultValue.call(void 0, 
     props.open,
-    _optionalChain([syncState, 'optionalAccess', _4 => _4.open]),
+    syncState == null ? void 0 : syncState.open,
     props.defaultOpen,
     false
   );
-  const animated = _QNEPGQLLcjs.defaultValue.call(void 0, props.animated, _optionalChain([syncState, 'optionalAccess', _5 => _5.animated]), false);
+  const animated = _M6ZA7XUPcjs.defaultValue.call(void 0, props.animated, syncState == null ? void 0 : syncState.animated, false);
   const initialState = {
     open,
     animated,
     animating: !!animated && open,
     mounted: open,
-    contentElement: _QNEPGQLLcjs.defaultValue.call(void 0, _optionalChain([syncState, 'optionalAccess', _6 => _6.contentElement]), null),
-    disclosureElement: _QNEPGQLLcjs.defaultValue.call(void 0, _optionalChain([syncState, 'optionalAccess', _7 => _7.disclosureElement]), null)
+    contentElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
+    disclosureElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
   };
-  const disclosure = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, props.store);
+  const disclosure = _6SPJEESBcjs.createStore.call(void 0, initialState, props.store);
   disclosure.setup(
     () => disclosure.sync(
       (state) => {
@@ -54,8 +59,7 @@ function createDisclosureStore(props = {}) {
       ["open", "animating"]
     )
   );
-  return {
-    ...disclosure,
+  return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, disclosure), {
     setOpen: (value) => disclosure.setState("open", value),
     show: () => disclosure.setState("open", true),
     hide: () => disclosure.setState("open", false),
@@ -63,7 +67,7 @@ function createDisclosureStore(props = {}) {
     stopAnimation: () => disclosure.setState("animating", false),
     setContentElement: (value) => disclosure.setState("contentElement", value),
     setDisclosureElement: (value) => disclosure.setState("disclosureElement", value)
-  };
+  });
 }
 
 

package/cjs/__chunks/6455U47T.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+
+
+
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest;

package/cjs/__chunks/{ZPOXPO2L.cjs → 6SPJEESB.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
 
@@ -6,7 +6,11 @@
 
 
 
-var _QNEPGQLLcjs = require('./QNEPGQLL.cjs');
+var _M6ZA7XUPcjs = require('./M6ZA7XUP.cjs');
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
 
 // src/utils/store.ts
 function createStore(initialState, ...stores) {
@@ -27,26 +31,30 @@ function createStore(initialState, ...stores) {
   };
   const init = () => {
     if (initialized)
-      return _QNEPGQLLcjs.noop;
+      return _M6ZA7XUPcjs.noop;
     if (!stores.length)
-      return _QNEPGQLLcjs.noop;
+      return _M6ZA7XUPcjs.noop;
     initialized = true;
-    const desyncs = _QNEPGQLLcjs.getKeys.call(void 0, state).map(
-      (key) => _QNEPGQLLcjs.chain.call(void 0, 
+    const desyncs = _M6ZA7XUPcjs.getKeys.call(void 0, state).map(
+      (key) => _M6ZA7XUPcjs.chain.call(void 0, 
         ...stores.map((store) => {
-          const storeState = _optionalChain([store, 'optionalAccess', _ => _.getState, 'optionalCall', _2 => _2()]);
+          var _a, _b;
+          const storeState = (_a = store == null ? void 0 : store.getState) == null ? void 0 : _a.call(store);
           if (!storeState)
             return;
-          if (!_QNEPGQLLcjs.hasOwnProperty.call(void 0, storeState, key))
+          if (!_M6ZA7XUPcjs.hasOwnProperty.call(void 0, storeState, key))
             return;
-          return _optionalChain([store, 'optionalAccess', _3 => _3.sync, 'optionalCall', _4 => _4((state2) => setState(key, state2[key]), [key])]);
+          return (_b = store == null ? void 0 : store.sync) == null ? void 0 : _b.call(store, (state2) => setState(key, state2[key]), [key]);
         })
       )
     );
     const teardowns = [];
     setups.forEach((setup2) => teardowns.push(setup2()));
-    const cleanups = stores.map((store) => _optionalChain([store, 'optionalAccess', _5 => _5.init, 'optionalCall', _6 => _6()]));
-    return _QNEPGQLLcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups, () => {
+    const cleanups = stores.map((store) => {
+      var _a;
+      return (_a = store == null ? void 0 : store.init) == null ? void 0 : _a.call(store);
+    });
+    return _M6ZA7XUPcjs.chain.call(void 0, ...desyncs, ...teardowns, ...cleanups, () => {
       initialized = false;
     });
   };
@@ -55,7 +63,8 @@ function createStore(initialState, ...stores) {
     set.add(listener);
     listenerKeys.set(listener, keys);
     return () => {
-      _optionalChain([disposables, 'access', _7 => _7.get, 'call', _8 => _8(listener), 'optionalCall', _9 => _9()]);
+      var _a;
+      (_a = disposables.get(listener)) == null ? void 0 : _a();
       disposables.delete(listener);
       listenerKeys.delete(listener);
       set.delete(listener);
@@ -74,25 +83,27 @@ function createStore(initialState, ...stores) {
   };
   const getState = () => state;
   const setState = (key, value) => {
-    if (!_QNEPGQLLcjs.hasOwnProperty.call(void 0, state, key))
+    if (!_M6ZA7XUPcjs.hasOwnProperty.call(void 0, state, key))
       return;
-    const nextValue = _QNEPGQLLcjs.applyState.call(void 0, value, state[key]);
+    const nextValue = _M6ZA7XUPcjs.applyState.call(void 0, value, state[key]);
     if (nextValue === state[key])
       return;
     stores.forEach((store) => {
-      _optionalChain([store, 'optionalAccess', _10 => _10.setState, 'optionalCall', _11 => _11(key, nextValue)]);
+      var _a;
+      (_a = store == null ? void 0 : store.setState) == null ? void 0 : _a.call(store, key, nextValue);
     });
     const prevState = state;
-    state = { ...state, [key]: nextValue };
+    state = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, state), { [key]: nextValue });
     const thisUpdate = Symbol();
     lastUpdate = thisUpdate;
     updating = true;
     updatedKeys.add(key);
     const run = (listener, prev, uKeys) => {
+      var _a;
       const keys = listenerKeys.get(listener);
       const updated = (k) => uKeys ? uKeys.has(k) : k === key;
       if (!keys || keys.some(updated)) {
-        _optionalChain([disposables, 'access', _12 => _12.get, 'call', _13 => _13(listener), 'optionalCall', _14 => _14()]);
+        (_a = disposables.get(listener)) == null ? void 0 : _a();
         disposables.set(listener, listener(state, prev));
       }
     };
@@ -111,8 +122,8 @@ function createStore(initialState, ...stores) {
       });
     });
   };
-  const pick2 = (...keys) => createStore(_QNEPGQLLcjs.pick.call(void 0, state, keys), finalStore);
-  const omit2 = (...keys) => createStore(_QNEPGQLLcjs.omit.call(void 0, state, keys), finalStore);
+  const pick2 = (...keys) => createStore(_M6ZA7XUPcjs.pick.call(void 0, state, keys), finalStore);
+  const omit2 = (...keys) => createStore(_M6ZA7XUPcjs.omit.call(void 0, state, keys), finalStore);
   const finalStore = {
     setup,
     init,
@@ -128,10 +139,11 @@ function createStore(initialState, ...stores) {
 }
 function mergeStore(...stores) {
   const initialState = stores.reduce((state, store2) => {
-    const nextState = _optionalChain([store2, 'optionalAccess', _15 => _15.getState, 'optionalCall', _16 => _16()]);
+    var _a;
+    const nextState = (_a = store2 == null ? void 0 : store2.getState) == null ? void 0 : _a.call(store2);
     if (!nextState)
       return state;
-    return { ...state, ...nextState };
+    return _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, state), nextState);
   }, {});
   const store = createStore(initialState, ...stores);
   return store;

package/cjs/__chunks/CNODBYSG.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _RD3S4VKYcjs = require('./RD3S4VKY.cjs');
+
+
+var _6SPJEESBcjs = require('./6SPJEESB.cjs');
+
+
+var _M6ZA7XUPcjs = require('./M6ZA7XUP.cjs');
+
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
+// src/hovercard/hovercard-store.ts
+function createHovercardStore(props = {}) {
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const timeout = _M6ZA7XUPcjs.defaultValue.call(void 0, props.timeout, syncState == null ? void 0 : syncState.timeout, 500);
+  const popover = _RD3S4VKYcjs.createPopoverStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    placement: _M6ZA7XUPcjs.defaultValue.call(void 0, 
+      props.placement,
+      syncState == null ? void 0 : syncState.placement,
+      "bottom"
+    )
+  }));
+  const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, popover.getState()), {
+    timeout,
+    showTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, 
+      props.showTimeout,
+      syncState == null ? void 0 : syncState.showTimeout,
+      timeout
+    ),
+    hideTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, 
+      props.hideTimeout,
+      syncState == null ? void 0 : syncState.hideTimeout,
+      timeout
+    ),
+    autoFocusOnShow: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
+  });
+  const hovercard = _6SPJEESBcjs.createStore.call(void 0, initialState, popover, props.store);
+  hovercard.setup(
+    () => hovercard.sync(
+      (state) => {
+        hovercard.setState("showTimeout", (value) => value != null ? value : state.timeout);
+        hovercard.setState("hideTimeout", (value) => value != null ? value : state.timeout);
+      },
+      ["timeout"]
+    )
+  );
+  return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, popover), hovercard), {
+    setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
+  });
+}
+
+
+
+exports.createHovercardStore = createHovercardStore;

package/cjs/__chunks/{2YFRPUZP.cjs → DBHIHK7C.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OFNGELMAcjs = require('./OFNGELMA.cjs');
+var _ZNW4LSWUcjs = require('./ZNW4LSWU.cjs');
 
 // src/utils/platform.ts
 function isTouchDevice() {
-  return _OFNGELMAcjs.canUseDOM && !!navigator.maxTouchPoints;
+  return _ZNW4LSWUcjs.canUseDOM && !!navigator.maxTouchPoints;
 }
 function isApple() {
-  if (!_OFNGELMAcjs.canUseDOM)
+  if (!_ZNW4LSWUcjs.canUseDOM)
     return false;
   return /mac|iphone|ipad|ipod/i.test(navigator.platform);
 }
 function isSafari() {
-  return _OFNGELMAcjs.canUseDOM && isApple() && /apple/i.test(navigator.vendor);
+  return _ZNW4LSWUcjs.canUseDOM && isApple() && /apple/i.test(navigator.vendor);
 }
 function isFirefox() {
-  return _OFNGELMAcjs.canUseDOM && /firefox\//i.test(navigator.userAgent);
+  return _ZNW4LSWUcjs.canUseDOM && /firefox\//i.test(navigator.userAgent);
 }
 function isMac() {
-  return _OFNGELMAcjs.canUseDOM && navigator.platform.startsWith("Mac") && !isTouchDevice();
+  return _ZNW4LSWUcjs.canUseDOM && navigator.platform.startsWith("Mac") && !isTouchDevice();
 }
 
 

package/cjs/__chunks/{W5IHD6VG.cjs → EUJ6NNA6.cjs}

@@ -1,17 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4DQ3OTE7cjs = require('./4DQ3OTE7.cjs');
+var _FXEBKN6Gcjs = require('./FXEBKN6G.cjs');
 
 
-var _ZPOXPO2Lcjs = require('./ZPOXPO2L.cjs');
+var _6SPJEESBcjs = require('./6SPJEESB.cjs');
 
 
-var _QNEPGQLLcjs = require('./QNEPGQLL.cjs');
+var _M6ZA7XUPcjs = require('./M6ZA7XUP.cjs');
 
 
 
 var _GDZQUFNPcjs = require('./GDZQUFNP.cjs');
 
+
+
+var _6455U47Tcjs = require('./6455U47T.cjs');
+
 // src/composite/composite-store.ts
 var NULL_ITEM = { id: null };
 function findFirstEnabledItem(items, excludeId) {
@@ -51,7 +55,10 @@ function flipItems(items, activeId, shouldInsertNullItem = false) {
 function groupItemsByRows(items) {
   const rows = [];
   for (const item of items) {
-    const row = rows.find((currentRow) => _optionalChain([currentRow, 'access', _ => _[0], 'optionalAccess', _2 => _2.rowId]) === item.rowId);
+    const row = rows.find((currentRow) => {
+      var _a;
+      return ((_a = currentRow[0]) == null ? void 0 : _a.rowId) === item.rowId;
+    });
     if (row) {
       row.push(item);
     } else {
@@ -84,7 +91,7 @@ function normalizeRows(rows, activeId, focusShift) {
       if (!item || focusShift && item.disabled) {
         const isFirst = i === 0;
         const previousItem = isFirst && focusShift ? findFirstEnabledItem(row) : row[i - 1];
-        row[i] = previousItem && activeId !== previousItem.id && focusShift ? previousItem : createEmptyItem(_optionalChain([previousItem, 'optionalAccess', _3 => _3.rowId]));
+        row[i] = previousItem && activeId !== previousItem.id && focusShift ? previousItem : createEmptyItem(previousItem == null ? void 0 : previousItem.rowId);
       }
     }
   }
@@ -98,77 +105,78 @@ function verticalizeItems(items) {
     for (const row of rows) {
       const item = row[i];
       if (item) {
-        verticalized.push({
-          ...item,
+        verticalized.push(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, item), {
           // If there's no rowId, it means that it's not a grid composite, but
           // a single row instead. So, instead of verticalizing it, that is,
           // assigning a different rowId based on the column index, we keep it
           // undefined so they will be part of the same row. This is useful
           // when using up/down on one-dimensional composites.
           rowId: item.rowId ? `${i}` : void 0
-        });
+        }));
       }
     }
   }
   return verticalized;
 }
 function createCompositeStore(props = {}) {
-  const syncState = _optionalChain([props, 'access', _4 => _4.store, 'optionalAccess', _5 => _5.getState, 'call', _6 => _6()]);
-  const collection = _4DQ3OTE7cjs.createCollectionStore.call(void 0, props);
-  const activeId = _QNEPGQLLcjs.defaultValue.call(void 0, 
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const collection = _FXEBKN6Gcjs.createCollectionStore.call(void 0, props);
+  const activeId = _M6ZA7XUPcjs.defaultValue.call(void 0, 
     props.activeId,
-    _optionalChain([syncState, 'optionalAccess', _7 => _7.activeId]),
+    syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId
   );
-  const initialState = {
-    ...collection.getState(),
+  const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, collection.getState()), {
     activeId,
-    baseElement: _QNEPGQLLcjs.defaultValue.call(void 0, _optionalChain([syncState, 'optionalAccess', _8 => _8.baseElement]), null),
-    includesBaseElement: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    baseElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.baseElement, null),
+    includesBaseElement: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
-      _optionalChain([syncState, 'optionalAccess', _9 => _9.includesBaseElement]),
+      syncState == null ? void 0 : syncState.includesBaseElement,
       activeId === null
     ),
-    moves: _QNEPGQLLcjs.defaultValue.call(void 0, _optionalChain([syncState, 'optionalAccess', _10 => _10.moves]), 0),
-    orientation: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    moves: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.moves, 0),
+    orientation: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.orientation,
-      _optionalChain([syncState, 'optionalAccess', _11 => _11.orientation]),
+      syncState == null ? void 0 : syncState.orientation,
       "both"
     ),
-    rtl: _QNEPGQLLcjs.defaultValue.call(void 0, props.rtl, _optionalChain([syncState, 'optionalAccess', _12 => _12.rtl]), false),
-    virtualFocus: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    rtl: _M6ZA7XUPcjs.defaultValue.call(void 0, props.rtl, syncState == null ? void 0 : syncState.rtl, false),
+    virtualFocus: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.virtualFocus,
-      _optionalChain([syncState, 'optionalAccess', _13 => _13.virtualFocus]),
+      syncState == null ? void 0 : syncState.virtualFocus,
       false
     ),
-    focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, _optionalChain([syncState, 'optionalAccess', _14 => _14.focusLoop]), false),
-    focusWrap: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusWrap, _optionalChain([syncState, 'optionalAccess', _15 => _15.focusWrap]), false),
-    focusShift: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusShift, _optionalChain([syncState, 'optionalAccess', _16 => _16.focusShift]), false)
-  };
-  const composite = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, collection, props.store);
+    focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, false),
+    focusWrap: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
+    focusShift: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
+  });
+  const composite = _6SPJEESBcjs.createStore.call(void 0, initialState, collection, props.store);
   composite.setup(
     () => composite.sync(
       (state) => {
         composite.setState("activeId", (activeId2) => {
+          var _a2;
           if (activeId2 !== void 0)
             return activeId2;
-          return _optionalChain([findFirstEnabledItem, 'call', _17 => _17(state.renderedItems), 'optionalAccess', _18 => _18.id]);
+          return (_a2 = findFirstEnabledItem(state.renderedItems)) == null ? void 0 : _a2.id;
         });
       },
       ["renderedItems", "activeId"]
     )
   );
   const getNextId = (items, orientation, hasNullItem, skip) => {
+    var _a2, _b;
     const { activeId: activeId2, rtl, focusLoop, focusWrap, includesBaseElement } = composite.getState();
     const isHorizontal = orientation !== "vertical";
     const isRTL = rtl && isHorizontal;
     const allItems = isRTL ? _GDZQUFNPcjs.reverseArray.call(void 0, items) : items;
     if (activeId2 == null) {
-      return _optionalChain([findFirstEnabledItem, 'call', _19 => _19(allItems), 'optionalAccess', _20 => _20.id]);
+      return (_a2 = findFirstEnabledItem(allItems)) == null ? void 0 : _a2.id;
     }
     const activeItem = allItems.find((item) => item.id === activeId2);
     if (!activeItem) {
-      return _optionalChain([findFirstEnabledItem, 'call', _21 => _21(allItems), 'optionalAccess', _22 => _22.id]);
+      return (_b = findFirstEnabledItem(allItems)) == null ? void 0 : _b.id;
     }
     const isGrid = !!activeItem.rowId;
     const activeIndex = allItems.indexOf(activeItem);
@@ -178,7 +186,7 @@ function createCompositeStore(props = {}) {
       const nextEnabledItemsInRow = getEnabledItems(nextItemsInRow, activeId2);
       const nextItem2 = nextEnabledItemsInRow.slice(skip)[0] || // If we can't find an item, just return the last one.
       nextEnabledItemsInRow[nextEnabledItemsInRow.length - 1];
-      return _optionalChain([nextItem2, 'optionalAccess', _23 => _23.id]);
+      return nextItem2 == null ? void 0 : nextItem2.id;
     }
     const oppositeOrientation = getOppositeOrientation(
       // If it's a grid and orientation is not set, it's a next/previous call,
@@ -193,7 +201,7 @@ function createCompositeStore(props = {}) {
       const loopItems = canWrap && !hasNullItem ? allItems : getItemsInRow(allItems, activeItem.rowId);
       const sortedItems = flipItems(loopItems, activeId2, hasNullItem);
       const nextItem2 = findFirstEnabledItem(sortedItems, activeId2);
-      return _optionalChain([nextItem2, 'optionalAccess', _24 => _24.id]);
+      return nextItem2 == null ? void 0 : nextItem2.id;
     }
     if (canWrap) {
       const nextItem2 = findFirstEnabledItem(
@@ -206,18 +214,16 @@ function createCompositeStore(props = {}) {
         hasNullItem ? nextItemsInRow : nextItems,
         activeId2
       );
-      const nextId = hasNullItem ? _optionalChain([nextItem2, 'optionalAccess', _25 => _25.id]) || null : _optionalChain([nextItem2, 'optionalAccess', _26 => _26.id]);
+      const nextId = hasNullItem ? (nextItem2 == null ? void 0 : nextItem2.id) || null : nextItem2 == null ? void 0 : nextItem2.id;
       return nextId;
     }
     const nextItem = findFirstEnabledItem(nextItemsInRow, activeId2);
     if (!nextItem && hasNullItem) {
       return null;
     }
-    return _optionalChain([nextItem, 'optionalAccess', _27 => _27.id]);
+    return nextItem == null ? void 0 : nextItem.id;
   };
-  return {
-    ...collection,
-    ...composite,
+  return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, collection), composite), {
     setBaseElement: (element) => composite.setState("baseElement", element),
     setActiveId: (id) => composite.setState("activeId", id),
     move: (id) => {
@@ -226,15 +232,22 @@ function createCompositeStore(props = {}) {
       composite.setState("activeId", id);
       composite.setState("moves", (moves) => moves + 1);
     },
-    first: () => _optionalChain([findFirstEnabledItem, 'call', _28 => _28(composite.getState().renderedItems), 'optionalAccess', _29 => _29.id]),
-    last: () => _optionalChain([findFirstEnabledItem, 'call', _30 => _30(_GDZQUFNPcjs.reverseArray.call(void 0, composite.getState().renderedItems)), 'optionalAccess', _31 => _31.id]),
+    first: () => {
+      var _a2;
+      return (_a2 = findFirstEnabledItem(composite.getState().renderedItems)) == null ? void 0 : _a2.id;
+    },
+    last: () => {
+      var _a2;
+      return (_a2 = findFirstEnabledItem(_GDZQUFNPcjs.reverseArray.call(void 0, composite.getState().renderedItems))) == null ? void 0 : _a2.id;
+    },
     next: (skip) => {
       const { renderedItems, orientation } = composite.getState();
       return getNextId(renderedItems, orientation, false, skip);
     },
     previous: (skip) => {
+      var _a2;
       const { renderedItems, orientation, includesBaseElement } = composite.getState();
-      const isGrid = !!_optionalChain([findFirstEnabledItem, 'call', _32 => _32(renderedItems), 'optionalAccess', _33 => _33.rowId]);
+      const isGrid = !!((_a2 = findFirstEnabledItem(renderedItems)) == null ? void 0 : _a2.rowId);
       const hasNullItem = !isGrid && includesBaseElement;
       return getNextId(
         _GDZQUFNPcjs.reverseArray.call(void 0, renderedItems),
@@ -278,7 +291,7 @@ function createCompositeStore(props = {}) {
       const hasNullItem = includesBaseElement;
       return getNextId(verticalItems, "vertical", hasNullItem, skip);
     }
-  };
+  });
 }