@ariakit/core 0.1.4 → 0.2.0

package/cjs/select/select-store.cjs

@@ -1,32 +1,39 @@
-"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 _HLVPXX7Hcjs = require('../__chunks/HLVPXX7H.cjs');
-require('../__chunks/ZJEEK57E.cjs');
-require('../__chunks/QYB6XH64.cjs');
+var _RD3S4VKYcjs = require('../__chunks/RD3S4VKY.cjs');
+require('../__chunks/HEFJPUYD.cjs');
+require('../__chunks/27ZAGOYG.cjs');
 
 
-var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
-require('../__chunks/4DQ3OTE7.cjs');
+var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
+require('../__chunks/FXEBKN6G.cjs');
 
 
 
-var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
+var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
 
 
-var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
-require('../__chunks/OFNGELMA.cjs');
+var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/ZNW4LSWU.cjs');
 
 
 var _GDZQUFNPcjs = require('../__chunks/GDZQUFNP.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/select/select-store.ts
-function createSelectStore({
-  combobox,
-  ...props
-} = {}) {
-  const store = _ZPOXPO2Lcjs.mergeStore.call(void 0, 
+function createSelectStore(_a = {}) {
+  var _b = _a, {
+    combobox
+  } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+    "combobox"
+  ]);
+  const store = _6SPJEESBcjs.mergeStore.call(void 0, 
     props.store,
-    _optionalChain([combobox, 'optionalAccess', _ => _.omit, 'call', _2 => _2(
+    combobox == null ? void 0 : combobox.omit(
       "value",
       "items",
       "renderedItems",
@@ -36,62 +43,58 @@ function createSelectStore({
       "contentElement",
       "popoverElement",
       "disclosureElement"
-    )])
+    )
   );
   const syncState = store.getState();
-  const composite = _W5IHD6VGcjs.createCompositeStore.call(void 0, {
-    ...props,
+  const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     store,
-    virtualFocus: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    virtualFocus: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.virtualFocus,
       syncState.virtualFocus,
       true
     ),
-    includesBaseElement: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    includesBaseElement: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
       syncState.includesBaseElement,
       false
     ),
-    activeId: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    activeId: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.activeId,
       syncState.activeId,
       props.defaultActiveId,
       null
     ),
-    orientation: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    orientation: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState.orientation,
       "vertical"
     )
-  });
-  const popover = _HLVPXX7Hcjs.createPopoverStore.call(void 0, {
-    ...props,
+  }));
+  const popover = _RD3S4VKYcjs.createPopoverStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
     store,
-    placement: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    placement: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.placement,
       syncState.placement,
       "bottom-start"
     )
-  });
+  }));
   const initialValue = new String("");
-  const initialState = {
-    ...composite.getState(),
-    ...popover.getState(),
-    value: _QNEPGQLLcjs.defaultValue.call(void 0, 
+  const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
+    value: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.value,
       syncState.value,
       props.defaultValue,
       initialValue
     ),
-    setValueOnMove: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    setValueOnMove: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.setValueOnMove,
       syncState.setValueOnMove,
       false
     ),
-    selectElement: _QNEPGQLLcjs.defaultValue.call(void 0, syncState.selectElement, null),
-    labelElement: _QNEPGQLLcjs.defaultValue.call(void 0, syncState.labelElement, null)
-  };
-  const select = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, popover, store);
+    selectElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.selectElement, null),
+    labelElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.labelElement, null)
+  });
+  const select = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, popover, store);
   select.setup(
     () => select.sync(
       (state) => {
@@ -102,7 +105,7 @@ function createSelectStore({
         const item = state.items.find(
           (item2) => !item2.disabled && item2.value != null
         );
-        if (_optionalChain([item, 'optionalAccess', _3 => _3.value]) == null)
+        if ((item == null ? void 0 : item.value) == null)
           return;
         select.setState("value", item.value);
       },
@@ -150,14 +153,11 @@ function createSelectStore({
       ["setValueOnMove", "moves"]
     )
   );
-  return {
-    ...composite,
-    ...popover,
-    ...select,
+  return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
     setValue: (value) => select.setState("value", value),
     setSelectElement: (element) => select.setState("selectElement", element),
     setLabelElement: (element) => select.setState("labelElement", element)
-  };
+  });
 }
 
 

package/cjs/tab/tab-store.cjs

@@ -1,46 +1,49 @@
-"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 _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
+var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
 
 
-var _4DQ3OTE7cjs = require('../__chunks/4DQ3OTE7.cjs');
+var _FXEBKN6Gcjs = require('../__chunks/FXEBKN6G.cjs');
 
 
-var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
+var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
 
 
-var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
-require('../__chunks/OFNGELMA.cjs');
+var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/ZNW4LSWU.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/tab/tab-store.ts
 function createTabStore(props = {}) {
-  const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
-  const composite = _W5IHD6VGcjs.createCompositeStore.call(void 0, {
-    ...props,
-    orientation: _QNEPGQLLcjs.defaultValue.call(void 0, 
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    orientation: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.orientation,
-      _optionalChain([syncState, 'optionalAccess', _4 => _4.orientation]),
+      syncState == null ? void 0 : syncState.orientation,
       "horizontal"
     ),
-    focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, _optionalChain([syncState, 'optionalAccess', _5 => _5.focusLoop]), true)
-  });
-  const panels = _4DQ3OTE7cjs.createCollectionStore.call(void 0, );
-  const initialState = {
-    ...composite.getState(),
-    selectedId: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  }));
+  const panels = _FXEBKN6Gcjs.createCollectionStore.call(void 0, );
+  const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), {
+    selectedId: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.selectedId,
-      _optionalChain([syncState, 'optionalAccess', _6 => _6.selectedId]),
+      syncState == null ? void 0 : syncState.selectedId,
       props.defaultSelectedId,
       void 0
     ),
-    selectOnMove: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    selectOnMove: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.selectOnMove,
-      _optionalChain([syncState, 'optionalAccess', _7 => _7.selectOnMove]),
+      syncState == null ? void 0 : syncState.selectOnMove,
       true
     )
-  };
-  const tab = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, props.store);
+  });
+  const tab = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, props.store);
   tab.setup(
     () => tab.sync(() => {
       const { activeId, selectOnMove } = tab.getState();
@@ -77,7 +80,7 @@ function createTabStore(props = {}) {
           const tabItem2 = renderedItems.find(
             (item) => !item.disabled && !item.dimmed
           );
-          tab.setState("selectedId", _optionalChain([tabItem2, 'optionalAccess', _8 => _8.id]));
+          tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);
         }
       },
       ["selectedId", "renderedItems"]
@@ -101,7 +104,7 @@ function createTabStore(props = {}) {
               const tabItem = tabs[i];
               if (!tabItem)
                 return;
-              panels.renderItem({ ...panel, tabId: tabItem.id });
+              panels.renderItem(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
             });
           },
           ["renderedItems"]
@@ -110,16 +113,14 @@ function createTabStore(props = {}) {
       ["renderedItems"]
     )
   );
-  return {
-    ...composite,
-    ...tab,
+  return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), tab), {
     panels,
     setSelectedId: (id) => tab.setState("selectedId", id),
     select: (id) => {
       tab.setState("selectedId", id);
       composite.move(id);
     }
-  };
+  });
 }
 
 

package/cjs/tab/tab-store.d.ts

@@ -23,11 +23,17 @@ export interface TabStoreState extends CompositeStoreState<Item> {
     /**
      * The id of the tab whose panel is currently visible. If it's `undefined`, it
      * will be automatically set to the first enabled tab.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      */
     selectedId: TabStoreState["activeId"];
     /**
      * Whether the tab should be selected when it receives focus. If it's set to
      * `false`, the tab will be selected only when it's clicked.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      * @default true
      */
     selectOnMove?: boolean;
@@ -36,6 +42,9 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
     /**
      * Sets the `selectedId` state without moving focus. If you want to move focus,
      * use the `select` function instead.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
      * @example
      * // Selects the tab with id "tab-1"
      * store.setSelectedId("tab-1");

package/cjs/toolbar/toolbar-store.cjs

@@ -1,26 +1,30 @@
-"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 _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
-require('../__chunks/4DQ3OTE7.cjs');
-require('../__chunks/ZPOXPO2L.cjs');
+var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
+require('../__chunks/FXEBKN6G.cjs');
+require('../__chunks/6SPJEESB.cjs');
 
 
-var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
-require('../__chunks/OFNGELMA.cjs');
+var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/ZNW4LSWU.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/toolbar/toolbar-store.ts
 function createToolbarStore(props = {}) {
-  const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
-  return _W5IHD6VGcjs.createCompositeStore.call(void 0, {
-    ...props,
-    orientation: _QNEPGQLLcjs.defaultValue.call(void 0, 
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  return _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    orientation: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.orientation,
-      _optionalChain([syncState, 'optionalAccess', _4 => _4.orientation]),
+      syncState == null ? void 0 : syncState.orientation,
       "horizontal"
     ),
-    focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, _optionalChain([syncState, 'optionalAccess', _5 => _5.focusLoop]), true)
-  });
+    focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
+  }));
 }
 
 

package/cjs/tooltip/tooltip-store.cjs

@@ -1,97 +1,49 @@
-"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 _HLVPXX7Hcjs = require('../__chunks/HLVPXX7H.cjs');
-require('../__chunks/ZJEEK57E.cjs');
+var _CNODBYSGcjs = require('../__chunks/CNODBYSG.cjs');
+require('../__chunks/RD3S4VKY.cjs');
+require('../__chunks/HEFJPUYD.cjs');
+require('../__chunks/27ZAGOYG.cjs');
 
 
-var _QYB6XH64cjs = require('../__chunks/QYB6XH64.cjs');
+var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
 
 
-var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
+var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
 
 
-var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
 
 // src/tooltip/tooltip-store.ts
-var tooltips = _ZPOXPO2Lcjs.createStore.call(void 0, { activeRef: null });
-function afterTimeout(timeoutMs, cb) {
-  const timeoutId = setTimeout(cb, timeoutMs);
-  return () => clearTimeout(timeoutId);
-}
 function createTooltipStore(props = {}) {
-  const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
-  const open = _QNEPGQLLcjs.defaultValue.call(void 0, props.open, _optionalChain([syncState, 'optionalAccess', _4 => _4.open]), false);
-  const disclosure = _QYB6XH64cjs.createDisclosureStore.call(void 0, { ...props, open });
-  const popover = _HLVPXX7Hcjs.createPopoverStore.call(void 0, {
-    ...props,
-    open,
-    placement: _QNEPGQLLcjs.defaultValue.call(void 0, 
+  var _a;
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
+  const hovercard = _CNODBYSGcjs.createHovercardStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
+    placement: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.placement,
-      _optionalChain([syncState, 'optionalAccess', _5 => _5.placement]),
+      syncState == null ? void 0 : syncState.placement,
       "top"
     ),
-    gutter: _QNEPGQLLcjs.defaultValue.call(void 0, props.gutter, _optionalChain([syncState, 'optionalAccess', _6 => _6.gutter]), 8)
-  });
-  const initialState = {
-    ...popover.getState(),
-    timeout: _QNEPGQLLcjs.defaultValue.call(void 0, props.timeout, _optionalChain([syncState, 'optionalAccess', _7 => _7.timeout]), 0)
-  };
-  const tooltip = _ZPOXPO2Lcjs.createStore.call(void 0, 
-    initialState,
-    popover,
-    disclosure.omit("open", "mounted"),
-    props.store
-  );
-  const ref = Symbol();
-  tooltip.setup(
-    () => disclosure.sync(
-      (state, prev) => {
-        const { timeout } = tooltip.getState();
-        const { activeRef } = tooltips.getState();
-        if (state.open) {
-          if (!timeout || activeRef) {
-            tooltips.setState("activeRef", ref);
-            tooltip.setState("open", true);
-            return;
-          } else {
-            tooltips.setState("activeRef", null);
-            return afterTimeout(timeout, () => {
-              tooltips.setState("activeRef", ref);
-            });
-          }
-        } else if (state.open !== prev.open) {
-          tooltip.setState("open", false);
-          return afterTimeout(timeout, () => {
-            tooltips.setState(
-              "activeRef",
-              (activeRef2) => activeRef2 === ref ? null : activeRef2
-            );
-          });
-        }
-        return;
-      },
-      ["open"]
-    )
-  );
-  tooltip.setup(
-    () => tooltips.sync(
-      (state) => {
-        tooltip.setState("open", state.activeRef === ref);
-      },
-      ["activeRef"]
+    showTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, 
+      props.showTimeout,
+      syncState == null ? void 0 : syncState.showTimeout,
+      props.timeout,
+      500
+    ),
+    hideTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, 
+      props.hideTimeout,
+      syncState == null ? void 0 : syncState.hideTimeout,
+      props.timeout,
+      0
     )
-  );
-  tooltip.setup(() => () => {
-    tooltips.setState(
-      "activeRef",
-      (activeRef) => activeRef === ref ? null : activeRef
-    );
+  }));
+  const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, hovercard.getState()), {
+    type: _M6ZA7XUPcjs.defaultValue.call(void 0, props.type, syncState == null ? void 0 : syncState.type, "description"),
+    skipTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, props.skipTimeout, syncState == null ? void 0 : syncState.skipTimeout, 300)
   });
-  return {
-    ...popover,
-    ...disclosure,
-    ...tooltip
-  };
+  const tooltip = _6SPJEESBcjs.createStore.call(void 0, initialState, hovercard, props.store);
+  return _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, hovercard), tooltip);
 }
 
 

package/cjs/tooltip/tooltip-store.d.ts

@@ -1,28 +1,33 @@
-import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
+import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 /**
  * Creates a tooltip store.
  */
 export declare function createTooltipStore(props?: TooltipStoreProps): TooltipStore;
-export interface TooltipStoreState extends PopoverStoreState {
+export interface TooltipStoreState extends HovercardStoreState {
     /**
-     * @default "top"
+     * Determines whether the tooltip is being used as a label or a description
+     * for the anchor element.
+     * @default "description"
      */
-    placement: PopoverStoreState["placement"];
+    type: "label" | "description";
     /**
-     * @default 8
+     * The amount of time after a tooltip is hidden while all tooltips on the
+     * page can be shown immediately, without waiting for the show timeout.
+     * @default 300
      */
-    gutter: PopoverStoreState["gutter"];
-    /**
-     * The amount in milliseconds to wait before showing the tooltip. When there's
-     * already an open tooltip in the page, this value will be ignored and other
-     * tooltips will be shown immediately.
-     * @default 0
-     */
-    timeout: number;
+    skipTimeout: number;
+    /** @default "top" */
+    placement: HovercardStoreState["placement"];
+    /** @default 0 */
+    timeout: HovercardStoreState["timeout"];
+    /** @default 500 */
+    showTimeout: HovercardStoreState["showTimeout"];
+    /** @default 0 */
+    hideTimeout: HovercardStoreState["hideTimeout"];
 }
-export type TooltipStoreFunctions = PopoverStoreFunctions;
-export interface TooltipStoreOptions extends StoreOptions<TooltipStoreState, "placement" | "gutter" | "timeout">, PopoverStoreOptions {
+export type TooltipStoreFunctions = HovercardStoreFunctions;
+export interface TooltipStoreOptions extends StoreOptions<TooltipStoreState, "type" | "placement" | "timeout" | "showTimeout" | "hideTimeout" | "skipTimeout">, HovercardStoreOptions {
 }
 export type TooltipStoreProps = TooltipStoreOptions & StoreProps<TooltipStoreState>;
 export type TooltipStore = TooltipStoreFunctions & Store<TooltipStoreState>;