@ariakit/core 0.1.3 → 0.1.5

package/cjs/combobox/combobox-store.cjs

@@ -1,44 +1,52 @@
-"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 _SDBF6KIYcjs = require('../__chunks/SDBF6KIY.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');
+var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
 
 
 
-var _2YFRPUZPcjs = require('../__chunks/2YFRPUZP.cjs');
-require('../__chunks/OFNGELMA.cjs');
+var _DBHIHK7Ccjs = require('../__chunks/DBHIHK7C.cjs');
+require('../__chunks/ZNW4LSWU.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 
+
+
+
+var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
+
 // src/combobox/combobox-store.ts
-var isSafariOnMobile = _2YFRPUZPcjs.isSafari.call(void 0, ) && _2YFRPUZPcjs.isTouchDevice.call(void 0, );
-function createComboboxStore({
-  menu,
-  select,
-  ...props
-} = {}) {
-  const store = _ZPOXPO2Lcjs.mergeStore.call(void 0, 
+var isSafariOnMobile = _DBHIHK7Ccjs.isSafari.call(void 0, ) && _DBHIHK7Ccjs.isTouchDevice.call(void 0, );
+function createComboboxStore(_a = {}) {
+  var _b = _a, {
+    menu,
+    select
+  } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
+    "menu",
+    "select"
+  ]);
+  const store = _6SPJEESBcjs.mergeStore.call(void 0, 
     props.store,
-    _optionalChain([menu, 'optionalAccess', _ => _.omit, 'call', _2 => _2(
+    menu == null ? void 0 : menu.omit(
       "baseElement",
       "arrowElement",
       "anchorElement",
       "contentElement",
       "popoverElement",
       "disclosureElement"
-    )]),
-    _optionalChain([select, 'optionalAccess', _3 => _3.omit, 'call', _4 => _4(
+    ),
+    select == null ? void 0 : select.omit(
       "value",
       "items",
       "renderedItems",
@@ -48,64 +56,60 @@ function createComboboxStore({
       "contentElement",
       "popoverElement",
       "disclosureElement"
-    )])
+    )
   );
   const syncState = store.getState();
-  const activeId = _QNEPGQLLcjs.defaultValue.call(void 0, 
+  const activeId = _M6ZA7XUPcjs.defaultValue.call(void 0, 
     props.activeId,
     syncState.activeId,
     props.defaultActiveId,
     null
   );
-  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,
     activeId,
-    includesBaseElement: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    includesBaseElement: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
       syncState.includesBaseElement,
       true
     ),
-    orientation: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    orientation: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.orientation,
       syncState.orientation,
       "vertical"
     ),
-    focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, syncState.focusLoop, true),
-    focusWrap: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusWrap, syncState.focusWrap, true),
-    virtualFocus: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState.focusLoop, true),
+    focusWrap: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusWrap, syncState.focusWrap, true),
+    virtualFocus: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.virtualFocus,
-      _optionalChain([syncState, 'optionalAccess', _5 => _5.virtualFocus]),
+      syncState == null ? void 0 : syncState.virtualFocus,
       !isSafariOnMobile
     )
-  });
-  const popover = _HLVPXX7Hcjs.createPopoverStore.call(void 0, {
-    ...props,
+  }));
+  const popover = _SDBF6KIYcjs.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 = _QNEPGQLLcjs.defaultValue.call(void 0, 
+  }));
+  const initialValue = _M6ZA7XUPcjs.defaultValue.call(void 0, 
     props.value,
     syncState.value,
     props.defaultValue,
     ""
   );
-  const initialState = {
-    ...composite.getState(),
-    ...popover.getState(),
+  const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
     value: initialValue,
-    resetValueOnHide: _QNEPGQLLcjs.defaultValue.call(void 0, 
+    resetValueOnHide: _M6ZA7XUPcjs.defaultValue.call(void 0, 
       props.resetValueOnHide,
       syncState.resetValueOnHide,
       false
     ),
     activeValue: syncState.activeValue
-  };
-  const combobox = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, popover, store);
+  });
+  const combobox = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, popover, store);
   combobox.setup(
     () => combobox.sync(
       (state) => {
@@ -146,17 +150,14 @@ function createComboboxStore({
           return;
         const { activeId: activeId2 } = combobox.getState();
         const activeItem = composite.item(activeId2);
-        combobox.setState("activeValue", _optionalChain([activeItem, 'optionalAccess', _6 => _6.value]));
+        combobox.setState("activeValue", activeItem == null ? void 0 : activeItem.value);
       },
       ["moves", "renderedItems"]
     )
   );
-  return {
-    ...popover,
-    ...composite,
-    ...combobox,
+  return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, popover), composite), combobox), {
     setValue: (value) => combobox.setState("value", value)
-  };
+  });
 }
 
 

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

@@ -19,6 +19,15 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
     includesBaseElement: boolean;
     /**
      * The input value.
+     *
+     * Live examples:
+     * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
+     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * - [Filterable Combobox](https://ariakit.org/examples/combobox-matches)
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
      */
     value: string;
     /**
@@ -27,12 +36,23 @@ export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverSt
     activeValue: string | undefined;
     /**
      * Whether to reset the value when the combobox popover is hidden.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * @default false
      */
     resetValueOnHide: boolean;
 }
 export interface ComboboxStoreFunctions extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
      * Sets the `value` state.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
      * @example
      * store.setValue("Hello world");
      * store.setValue((value) => value + "!");
@@ -58,6 +78,10 @@ export interface ComboboxStoreOptions extends StoreOptions<ComboboxStoreState, "
     select?: SelectStore;
     /**
      * The combobox initial value.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * @default ""
      */
     defaultValue?: ComboboxStoreState["value"];

package/cjs/composite/composite-overflow-store.cjs

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _HLVPXX7Hcjs = require('../__chunks/HLVPXX7H.cjs');
-require('../__chunks/ZJEEK57E.cjs');
-require('../__chunks/QYB6XH64.cjs');
-require('../__chunks/ZPOXPO2L.cjs');
-require('../__chunks/QNEPGQLL.cjs');
+var _SDBF6KIYcjs = require('../__chunks/SDBF6KIY.cjs');
+require('../__chunks/HEFJPUYD.cjs');
+require('../__chunks/27ZAGOYG.cjs');
+require('../__chunks/6SPJEESB.cjs');
+require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/6455U47T.cjs');
 
 // src/composite/composite-overflow-store.ts
 function createCompositeOverflowStore(props = {}) {
-  return _HLVPXX7Hcjs.createPopoverStore.call(void 0, props);
+  return _SDBF6KIYcjs.createPopoverStore.call(void 0, props);
 }
 
 

package/cjs/composite/composite-store.cjs

@@ -1,11 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
-require('../__chunks/4DQ3OTE7.cjs');
-require('../__chunks/ZPOXPO2L.cjs');
-require('../__chunks/QNEPGQLL.cjs');
-require('../__chunks/OFNGELMA.cjs');
+var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
+require('../__chunks/FXEBKN6G.cjs');
+require('../__chunks/6SPJEESB.cjs');
+require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/ZNW4LSWU.cjs');
 require('../__chunks/GDZQUFNP.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
-exports.createCompositeStore = _W5IHD6VGcjs.createCompositeStore;
+exports.createCompositeStore = _EUJ6NNA6cjs.createCompositeStore;

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

@@ -25,6 +25,10 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      * tabindex](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex).
      * DOM focus will remain on the composite element while its items receive
      * virtual focus.
+     *
+     * Live examples:
+     * - [Multi-selectable
+     *   Combobox](https://ariakit.org/examples/combobox-multiple)
      * @default false
      */
     virtualFocus: boolean;
@@ -32,9 +36,9 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      * Defines the orientation of the composite widget. If the composite has a
      * single row or column (one-dimensional), the `orientation` value determines
      * which arrow keys can be used to move focus:
-     *   - `both`: all arrow keys work.
-     *   - `horizontal`: only left and right arrow keys work.
-     *   - `vertical`: only up and down arrow keys work.
+     * - `both`: all arrow keys work.
+     * - `horizontal`: only left and right arrow keys work.
+     * - `vertical`: only up and down arrow keys work.
      *
      * It doesn't have any effect on two-dimensional composites.
      * @default "both"
@@ -52,27 +56,27 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      * composite widget.
      *
      * On one-dimensional composites:
-     *   - `true` loops from the last item to the first item and vice-versa.
-     *   - `horizontal` loops only if `orientation` is `horizontal` or not set.
-     *   - `vertical` loops only if `orientation` is `vertical` or not set.
-     *   - If `includesBaseElement` is set to `true` (or `activeId` is initially
-     *     set to `null`), the composite element will be focused in between the
-     *     last and first items.
+     * - `true` loops from the last item to the first item and vice-versa.
+     * - `horizontal` loops only if `orientation` is `horizontal` or not set.
+     * - `vertical` loops only if `orientation` is `vertical` or not set.
+     * - If `includesBaseElement` is set to `true` (or `activeId` is initially set
+     *   to `null`), the composite element will be focused in between the last and
+     *   first items.
      *
      * On two-dimensional composites (when using `CompositeRow`):
-     *   - `true` loops from the last row/column item to the first item in the
-     *     same row/column and vice-versa. If it's the last item in the last row,
-     *     it moves to the first item in the first row and vice-versa.
-     *   - `horizontal` loops only from the last row item to the first item in the
-     *     same row.
-     *   - `vertical` loops only from the last column item to the first item in
-     *     the column row.
-     *   - If `includesBaseElement` is set to `true` (or `activeId` is initially
-     *     set to `null`), vertical loop will have no effect as moving down from
-     *     the last row or up from the first row will focus the composite element.
-     *   - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the
-     *     last item in the last row or column and the first item in the first row
-     *     or column and vice-versa.
+     * - `true` loops from the last row/column item to the first item in the same
+     *   row/column and vice-versa. If it's the last item in the last row, it
+     *   moves to the first item in the first row and vice-versa.
+     * - `horizontal` loops only from the last row item to the first item in the
+     *   same row.
+     * - `vertical` loops only from the last column item to the first item in the
+     *   column row.
+     * - If `includesBaseElement` is set to `true` (or `activeId` is initially set
+     *   to `null`), vertical loop will have no effect as moving down from the
+     *   last row or up from the first row will focus the composite element.
+     * - If `focusWrap` matches the value of `focusLoop`, it'll wrap between the
+     *   last item in the last row or column and the first item in the first row
+     *   or column and vice-versa.
      * @default false
      */
     focusLoop: boolean | Orientation;
@@ -80,12 +84,12 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
      * **Works only on two-dimensional composites**. If enabled, moving to the
      * next item from the last one in a row or column will focus the first item in
      * the next row or column and vice-versa.
-     *   - `true` wraps between rows and columns.
-     *   - `horizontal` wraps only between rows.
-     *   - `vertical` wraps only between columns.
-     *   - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the
-     *     last item in the last row or column and the first item in the first row
-     *     or column and vice-versa.
+     * - `true` wraps between rows and columns.
+     * - `horizontal` wraps only between rows.
+     * - `vertical` wraps only between columns.
+     * - If `focusLoop` matches the value of `focusWrap`, it'll wrap between the
+     *   last item in the last row or column and the first item in the first row
+     *   or column and vice-versa.
      * @default false
      */
     focusWrap: boolean | Orientation;
@@ -108,12 +112,12 @@ export interface CompositeStoreState<T extends Item = Item> extends CollectionSt
     includesBaseElement: boolean;
     /**
      * The current focused item `id`.
-     *   - `null` focuses the base composite element and users will be able to
-     *     navigate out of it using arrow keys.
-     *   - If `activeId` is initially set to `null`, the `includesBaseElement`
-     *     prop will also default to `true`, which means the base composite
-     *     element itself will have focus and users will be able to navigate to it
-     *     using arrow keys.
+     * - `null` focuses the base composite element and users will be able to
+     *   navigate out of it using arrow keys.
+     * - If `activeId` is initially set to `null`, the `includesBaseElement` prop
+     *   will also default to `true`, which means the base composite element
+     *   itself will have focus and users will be able to navigate to it using
+     *   arrow keys.
      */
     activeId: string | null | undefined;
 }

package/cjs/dialog/dialog-store.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZJEEK57Ecjs = require('../__chunks/ZJEEK57E.cjs');
-require('../__chunks/QYB6XH64.cjs');
-require('../__chunks/ZPOXPO2L.cjs');
-require('../__chunks/QNEPGQLL.cjs');
+var _HEFJPUYDcjs = require('../__chunks/HEFJPUYD.cjs');
+require('../__chunks/27ZAGOYG.cjs');
+require('../__chunks/6SPJEESB.cjs');
+require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
-exports.createDialogStore = _ZJEEK57Ecjs.createDialogStore;
+exports.createDialogStore = _HEFJPUYDcjs.createDialogStore;

package/cjs/disclosure/disclosure-store.cjs

@@ -1,8 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _QYB6XH64cjs = require('../__chunks/QYB6XH64.cjs');
-require('../__chunks/ZPOXPO2L.cjs');
-require('../__chunks/QNEPGQLL.cjs');
+var _27ZAGOYGcjs = require('../__chunks/27ZAGOYG.cjs');
+require('../__chunks/6SPJEESB.cjs');
+require('../__chunks/M6ZA7XUP.cjs');
+require('../__chunks/6455U47T.cjs');
 
 
-exports.createDisclosureStore = _QYB6XH64cjs.createDisclosureStore;
+exports.createDisclosureStore = _27ZAGOYGcjs.createDisclosureStore;

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

@@ -7,6 +7,10 @@ export declare function createDisclosureStore(props?: DisclosureStoreProps): Dis
 export interface DisclosureStoreState {
     /**
      * The visibility state of the content.
+     *
+     * Live examples:
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      * @default false
      */
     open: boolean;
@@ -15,16 +19,26 @@ export interface DisclosureStoreState {
      * this will be the same as `open`. Otherwise, it will wait for the animation
      * to complete before becoming `false` so the content is not unmounted while
      * animating.
+     *
+     * Live examples:
+     * - [Combobox with links](https://ariakit.org/examples/combobox-links)
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
      */
     mounted: boolean;
     /**
      * Determines whether the content should animate when it is shown or hidden.
-     *   - If `true`, the `animating` state will be `true` when the content is
-     *     shown or hidden and it will wait for `stopAnimation` to be called or a
-     *     CSS animation/transition to end before becoming `false`.
-     *   - If it's set to a number, the `animating` state will be `true` when the
-     *     content is shown or hidden and it will wait for the number of
-     *     milliseconds to pass before becoming `false`.
+     * - If `true`, the `animating` state will be `true` when the content is shown
+     *   or hidden and it will wait for `stopAnimation` to be called or a CSS
+     *   animation/transition to end before becoming `false`.
+     * - If it's set to a number, the `animating` state will be `true` when the
+     *   content is shown or hidden and it will wait for the number of
+     *   milliseconds to pass before becoming `false`.
+     *
+     * Live examples:
+     * - [Animated Combobox](https://ariakit.org/examples/combobox-animated)
+     * - [Animated Dialog](https://ariakit.org/examples/dialog-animated)
+     * - [Animated Select](https://ariakit.org/examples/select-animated)
      * @default false
      */
     animated: boolean | number;
@@ -44,6 +58,12 @@ export interface DisclosureStoreState {
 export interface DisclosureStoreFunctions {
     /**
      * Sets the `open` state.
+     *
+     * Live examples:
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      * @example
      * store.setOpen(true);
      * store.setOpen((open) => !open);
@@ -51,10 +71,20 @@ export interface DisclosureStoreFunctions {
     setOpen: SetState<DisclosureStoreState["open"]>;
     /**
      * Sets the `open` state to `true`.
+     *
+     * Live examples:
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
      */
     show: () => void;
     /**
      * Sets the `open` state to `false`.
+     *
+     * Live examples:
+     * - [Textarea with inline
+     *   Combobox](https://ariakit.org/examples/combobox-textarea)
+     * - [Dialog with React
+     *   Router](https://ariakit.org/examples/dialog-react-router)
      */
     hide: () => void;
     /**