@ariakit/core 0.4.5 → 0.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/cjs/__chunks/{QD2A4YF6.cjs → 3COGJMN3.cjs} +11 -11
- package/cjs/__chunks/{MHZQJPY3.cjs → 5BQ2XS3R.cjs} +4 -4
- package/cjs/__chunks/{2D5LEVE7.cjs → D7M2PCAQ.cjs} +6 -6
- package/cjs/__chunks/{LTLFSC4X.cjs → DIYYVJDK.cjs} +2 -2
- package/cjs/__chunks/{AETQC2AR.cjs → LAYUSNGM.cjs} +11 -11
- package/cjs/__chunks/{KL74MAHB.cjs → LBFF2BBK.cjs} +6 -6
- package/cjs/__chunks/{B4LYZ4EM.cjs → M2NNCFIJ.cjs} +13 -11
- package/cjs/__chunks/{5JEQEZFR.cjs → MB5TLEVH.cjs} +7 -7
- package/cjs/__chunks/{IMYW2UAC.cjs → Q2WCPTYS.cjs} +4 -22
- package/cjs/__chunks/{UEZLSKZ4.cjs → XVL5HZ27.cjs} +4 -4
- package/cjs/checkbox/checkbox-store.cjs +3 -3
- package/cjs/checkbox/checkbox-store.d.cts +2 -2
- package/cjs/checkbox/checkbox-store.d.ts +2 -2
- package/cjs/collection/collection-store.cjs +4 -4
- package/cjs/collection/collection-store.d.cts +2 -2
- package/cjs/collection/collection-store.d.ts +2 -2
- package/cjs/combobox/combobox-store.cjs +35 -26
- package/cjs/combobox/combobox-store.d.cts +7 -5
- package/cjs/combobox/combobox-store.d.ts +7 -5
- package/cjs/composite/composite-overflow-store.cjs +5 -5
- package/cjs/composite/composite-overflow-store.d.cts +2 -2
- package/cjs/composite/composite-overflow-store.d.ts +2 -2
- package/cjs/composite/composite-store.cjs +5 -5
- package/cjs/composite/composite-store.d.cts +8 -4
- package/cjs/composite/composite-store.d.ts +8 -4
- package/cjs/dialog/dialog-store.cjs +4 -4
- package/cjs/dialog/dialog-store.d.cts +2 -2
- package/cjs/dialog/dialog-store.d.ts +2 -2
- package/cjs/disclosure/disclosure-store.cjs +3 -3
- package/cjs/disclosure/disclosure-store.d.cts +2 -2
- package/cjs/disclosure/disclosure-store.d.ts +2 -2
- package/cjs/form/form-store.cjs +8 -8
- package/cjs/form/form-store.d.cts +4 -4
- package/cjs/form/form-store.d.ts +4 -4
- package/cjs/form/types.d.cts +3 -3
- package/cjs/form/types.d.ts +3 -3
- package/cjs/hovercard/hovercard-store.cjs +6 -6
- package/cjs/hovercard/hovercard-store.d.cts +3 -3
- package/cjs/hovercard/hovercard-store.d.ts +3 -3
- package/cjs/menu/menu-bar-store.cjs +6 -6
- package/cjs/menu/menu-bar-store.d.cts +2 -2
- package/cjs/menu/menu-bar-store.d.ts +2 -2
- package/cjs/menu/menu-store.cjs +19 -19
- package/cjs/menu/menu-store.d.cts +6 -6
- package/cjs/menu/menu-store.d.ts +6 -6
- package/cjs/menubar/menubar-store.cjs +6 -6
- package/cjs/menubar/menubar-store.d.cts +2 -2
- package/cjs/menubar/menubar-store.d.ts +2 -2
- package/cjs/popover/popover-store.cjs +5 -5
- package/cjs/popover/popover-store.d.cts +3 -3
- package/cjs/popover/popover-store.d.ts +3 -3
- package/cjs/radio/radio-store.cjs +6 -6
- package/cjs/radio/radio-store.d.cts +3 -3
- package/cjs/radio/radio-store.d.ts +3 -3
- package/cjs/select/select-store.cjs +31 -21
- package/cjs/select/select-store.d.cts +19 -9
- package/cjs/select/select-store.d.ts +19 -9
- package/cjs/tab/tab-store.cjs +58 -25
- package/cjs/tab/tab-store.d.cts +17 -10
- package/cjs/tab/tab-store.d.ts +17 -10
- package/cjs/tag/tag-store.cjs +8 -8
- package/cjs/tag/tag-store.d.cts +3 -3
- package/cjs/tag/tag-store.d.ts +3 -3
- package/cjs/toolbar/toolbar-store.cjs +5 -5
- package/cjs/toolbar/toolbar-store.d.cts +2 -2
- package/cjs/toolbar/toolbar-store.d.ts +2 -2
- package/cjs/tooltip/tooltip-store.cjs +7 -7
- package/cjs/tooltip/tooltip-store.d.cts +2 -2
- package/cjs/tooltip/tooltip-store.d.ts +2 -2
- package/cjs/utils/dom.cjs +2 -6
- package/cjs/utils/dom.d.cts +1 -17
- package/cjs/utils/dom.d.ts +1 -17
- package/cjs/utils/events.cjs +23 -16
- package/cjs/utils/events.d.cts +1 -1
- package/cjs/utils/events.d.ts +1 -1
- package/cjs/utils/focus.cjs +20 -18
- package/cjs/utils/focus.d.cts +1 -1
- package/cjs/utils/focus.d.ts +1 -1
- package/cjs/utils/misc.d.cts +1 -1
- package/cjs/utils/misc.d.ts +1 -1
- package/cjs/utils/platform.cjs +3 -3
- package/cjs/utils/store.cjs +2 -2
- package/cjs/utils/store.d.cts +3 -3
- package/cjs/utils/store.d.ts +3 -3
- package/esm/__chunks/{QAI5BPCY.js → CLSHHUGK.js} +1 -1
- package/esm/__chunks/{BRS7GKWU.js → E4HA32QI.js} +2 -2
- package/esm/__chunks/{IUORCTET.js → I2NJJ3XW.js} +3 -21
- package/esm/__chunks/{ABMC67JW.js → I2WJ7JBQ.js} +2 -2
- package/esm/__chunks/{WCKXDMU7.js → KDSZSVV5.js} +1 -1
- package/esm/__chunks/{R676XYVY.js → KLPDXTDE.js} +13 -11
- package/esm/__chunks/{5RJNXXU2.js → NWACXGIN.js} +1 -1
- package/esm/__chunks/{K7A7LTR3.js → RCLYDUHE.js} +2 -2
- package/esm/__chunks/{MFZZDIHG.js → SAZZJI72.js} +2 -2
- package/esm/__chunks/{YVUNPQHS.js → VH2P7HEP.js} +2 -2
- package/esm/checkbox/checkbox-store.d.ts +2 -2
- package/esm/checkbox/checkbox-store.js +1 -1
- package/esm/collection/collection-store.d.ts +2 -2
- package/esm/collection/collection-store.js +3 -3
- package/esm/combobox/combobox-store.d.ts +7 -5
- package/esm/combobox/combobox-store.js +20 -11
- package/esm/composite/composite-overflow-store.d.ts +2 -2
- package/esm/composite/composite-overflow-store.js +4 -4
- package/esm/composite/composite-store.d.ts +8 -4
- package/esm/composite/composite-store.js +4 -4
- package/esm/dialog/dialog-store.d.ts +2 -2
- package/esm/dialog/dialog-store.js +3 -3
- package/esm/disclosure/disclosure-store.d.ts +2 -2
- package/esm/disclosure/disclosure-store.js +2 -2
- package/esm/form/form-store.d.ts +4 -4
- package/esm/form/form-store.js +3 -3
- package/esm/form/types.d.ts +3 -3
- package/esm/hovercard/hovercard-store.d.ts +3 -3
- package/esm/hovercard/hovercard-store.js +5 -5
- package/esm/menu/menu-bar-store.d.ts +2 -2
- package/esm/menu/menu-bar-store.js +5 -5
- package/esm/menu/menu-store.d.ts +6 -6
- package/esm/menu/menu-store.js +8 -8
- package/esm/menubar/menubar-store.d.ts +2 -2
- package/esm/menubar/menubar-store.js +5 -5
- package/esm/popover/popover-store.d.ts +3 -3
- package/esm/popover/popover-store.js +4 -4
- package/esm/radio/radio-store.d.ts +3 -3
- package/esm/radio/radio-store.js +4 -4
- package/esm/select/select-store.d.ts +19 -9
- package/esm/select/select-store.js +19 -9
- package/esm/tab/tab-store.d.ts +17 -10
- package/esm/tab/tab-store.js +44 -11
- package/esm/tag/tag-store.d.ts +3 -3
- package/esm/tag/tag-store.js +4 -4
- package/esm/toolbar/toolbar-store.d.ts +2 -2
- package/esm/toolbar/toolbar-store.js +4 -4
- package/esm/tooltip/tooltip-store.d.ts +2 -2
- package/esm/tooltip/tooltip-store.js +5 -5
- package/esm/utils/dom.d.ts +1 -17
- package/esm/utils/dom.js +1 -5
- package/esm/utils/events.d.ts +1 -1
- package/esm/utils/events.js +20 -13
- package/esm/utils/focus.d.ts +1 -1
- package/esm/utils/focus.js +12 -10
- package/esm/utils/misc.d.ts +1 -1
- package/esm/utils/platform.js +2 -2
- package/esm/utils/store.d.ts +3 -3
- package/esm/utils/store.js +1 -1
- package/package.json +2 -2
- package/.eslintignore +0 -6
package/cjs/menu/menu-store.cjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _XVL5HZ27cjs = require('../__chunks/XVL5HZ27.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../__chunks/
|
|
7
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
8
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
9
9
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
10
|
-
require('../__chunks/
|
|
11
|
-
require('../__chunks/
|
|
12
|
-
require('../__chunks/
|
|
10
|
+
require('../__chunks/MB5TLEVH.cjs');
|
|
11
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
12
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
@@ -18,12 +18,12 @@ require('../__chunks/AETQC2AR.cjs');
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
|
|
26
|
-
require('../__chunks/
|
|
26
|
+
require('../__chunks/Q2WCPTYS.cjs');
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
@@ -42,10 +42,10 @@ function createMenuStore(_a = {}) {
|
|
|
42
42
|
"menubar"
|
|
43
43
|
]);
|
|
44
44
|
const parentIsMenubar = !!menubar && !parent;
|
|
45
|
-
const store =
|
|
45
|
+
const store = _M2NNCFIJcjs.mergeStore.call(void 0,
|
|
46
46
|
props.store,
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
_M2NNCFIJcjs.pick.call(void 0, parent, ["values"]),
|
|
48
|
+
_M2NNCFIJcjs.omit.call(void 0, combobox, [
|
|
49
49
|
"arrowElement",
|
|
50
50
|
"anchorElement",
|
|
51
51
|
"contentElement",
|
|
@@ -53,9 +53,9 @@ function createMenuStore(_a = {}) {
|
|
|
53
53
|
"disclosureElement"
|
|
54
54
|
])
|
|
55
55
|
);
|
|
56
|
-
|
|
56
|
+
_M2NNCFIJcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
57
57
|
const syncState = store.getState();
|
|
58
|
-
const composite =
|
|
58
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
59
59
|
store,
|
|
60
60
|
orientation: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
61
61
|
props.orientation,
|
|
@@ -63,7 +63,7 @@ function createMenuStore(_a = {}) {
|
|
|
63
63
|
"vertical"
|
|
64
64
|
)
|
|
65
65
|
}));
|
|
66
|
-
const hovercard =
|
|
66
|
+
const hovercard = _XVL5HZ27cjs.createHovercardStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
67
67
|
store,
|
|
68
68
|
placement: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
69
69
|
props.placement,
|
|
@@ -86,18 +86,18 @@ function createMenuStore(_a = {}) {
|
|
|
86
86
|
{}
|
|
87
87
|
)
|
|
88
88
|
});
|
|
89
|
-
const menu =
|
|
90
|
-
|
|
89
|
+
const menu = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, hovercard, store);
|
|
90
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
91
91
|
menu,
|
|
92
|
-
() =>
|
|
92
|
+
() => _M2NNCFIJcjs.sync.call(void 0, menu, ["mounted"], (state) => {
|
|
93
93
|
if (state.mounted)
|
|
94
94
|
return;
|
|
95
95
|
menu.setState("activeId", null);
|
|
96
96
|
})
|
|
97
97
|
);
|
|
98
|
-
|
|
98
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
99
99
|
menu,
|
|
100
|
-
() =>
|
|
100
|
+
() => _M2NNCFIJcjs.sync.call(void 0, parent, ["orientation"], (state) => {
|
|
101
101
|
menu.setState(
|
|
102
102
|
"placement",
|
|
103
103
|
state.orientation === "vertical" ? "right-start" : "bottom-start"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { ComboboxStore } from "../combobox/combobox-store.
|
|
2
|
-
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
3
|
-
import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.
|
|
4
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
5
|
-
import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.
|
|
6
|
-
import type { MenuBarStore } from "./menu-bar-store.
|
|
1
|
+
import type { ComboboxStore } from "../combobox/combobox-store.ts";
|
|
2
|
+
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
3
|
+
import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
|
|
4
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
5
|
+
import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.ts";
|
|
6
|
+
import type { MenuBarStore } from "./menu-bar-store.ts";
|
|
7
7
|
export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
8
8
|
export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
|
|
9
9
|
export type MenuStoreValues = Record<string, string | boolean | number | Array<string | number>>;
|
package/cjs/menu/menu-store.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { ComboboxStore } from "../combobox/combobox-store.
|
|
2
|
-
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
3
|
-
import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.
|
|
4
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
5
|
-
import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.
|
|
6
|
-
import type { MenuBarStore } from "./menu-bar-store.
|
|
1
|
+
import type { ComboboxStore } from "../combobox/combobox-store.ts";
|
|
2
|
+
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
3
|
+
import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.ts";
|
|
4
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
5
|
+
import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.ts";
|
|
6
|
+
import type { MenuBarStore } from "./menu-bar-store.ts";
|
|
7
7
|
export declare function createMenuStore<T extends MenuStoreValues = MenuStoreValues>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
|
|
8
8
|
export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
|
|
9
9
|
export type MenuStoreValues = Record<string, string | boolean | number | Array<string | number>>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
4
|
+
var _5BQ2XS3Rcjs = require('../__chunks/5BQ2XS3R.cjs');
|
|
5
|
+
require('../__chunks/LBFF2BBK.cjs');
|
|
6
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
7
7
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
8
|
-
require('../__chunks/
|
|
8
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
9
9
|
require('../__chunks/EEDWPDM2.cjs');
|
|
10
|
-
require('../__chunks/
|
|
10
|
+
require('../__chunks/Q2WCPTYS.cjs');
|
|
11
11
|
require('../__chunks/AV6KTKLE.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
exports.createMenubarStore =
|
|
14
|
+
exports.createMenubarStore = _5BQ2XS3Rcjs.createMenubarStore;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
2
|
-
import type { Store, StoreProps } from "../utils/store.
|
|
1
|
+
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
2
|
+
import type { Store, StoreProps } from "../utils/store.ts";
|
|
3
3
|
/**
|
|
4
4
|
* Creates a menubar store.
|
|
5
5
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
2
|
-
import type { Store, StoreProps } from "../utils/store.
|
|
1
|
+
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
2
|
+
import type { Store, StoreProps } from "../utils/store.ts";
|
|
3
3
|
/**
|
|
4
4
|
* Creates a menubar store.
|
|
5
5
|
*/
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
6
|
-
require('../__chunks/
|
|
7
|
-
require('../__chunks/
|
|
4
|
+
var _MB5TLEVHcjs = require('../__chunks/MB5TLEVH.cjs');
|
|
5
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
6
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
7
|
+
require('../__chunks/M2NNCFIJ.cjs');
|
|
8
8
|
require('../__chunks/EEDWPDM2.cjs');
|
|
9
9
|
require('../__chunks/AV6KTKLE.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
exports.createPopoverStore =
|
|
12
|
+
exports.createPopoverStore = _MB5TLEVHcjs.createPopoverStore;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.
|
|
2
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
3
|
-
import type { SetState } from "../utils/types.
|
|
1
|
+
import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.ts";
|
|
2
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
3
|
+
import type { SetState } from "../utils/types.ts";
|
|
4
4
|
type BasePlacement = "top" | "bottom" | "left" | "right";
|
|
5
5
|
type Placement = BasePlacement | `${BasePlacement}-start` | `${BasePlacement}-end`;
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.
|
|
2
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
3
|
-
import type { SetState } from "../utils/types.
|
|
1
|
+
import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.ts";
|
|
2
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
3
|
+
import type { SetState } from "../utils/types.ts";
|
|
4
4
|
type BasePlacement = "top" | "bottom" | "left" | "right";
|
|
5
5
|
type Placement = BasePlacement | `${BasePlacement}-start` | `${BasePlacement}-end`;
|
|
6
6
|
/**
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
5
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
6
6
|
require('../__chunks/ULSPM3Y3.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
var
|
|
9
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
|
|
13
|
-
require('../__chunks/
|
|
13
|
+
require('../__chunks/Q2WCPTYS.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -22,7 +22,7 @@ function createRadioStore(_a = {}) {
|
|
|
22
22
|
var props = _AV6KTKLEcjs.__objRest.call(void 0, _a, []);
|
|
23
23
|
var _a2;
|
|
24
24
|
const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
|
|
25
|
-
const composite =
|
|
25
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
26
26
|
focusLoop: _EEDWPDM2cjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
|
|
27
27
|
}));
|
|
28
28
|
const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
|
|
@@ -33,7 +33,7 @@ function createRadioStore(_a = {}) {
|
|
|
33
33
|
null
|
|
34
34
|
)
|
|
35
35
|
});
|
|
36
|
-
const radio =
|
|
36
|
+
const radio = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, props.store);
|
|
37
37
|
return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), radio), {
|
|
38
38
|
setValue: (value) => radio.setState("value", value)
|
|
39
39
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
2
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
3
|
-
import type { SetState } from "../utils/types.
|
|
1
|
+
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
2
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
3
|
+
import type { SetState } from "../utils/types.ts";
|
|
4
4
|
/**
|
|
5
5
|
* Creates a radio store.
|
|
6
6
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
2
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
3
|
-
import type { SetState } from "../utils/types.
|
|
1
|
+
import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
2
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
3
|
+
import type { SetState } from "../utils/types.ts";
|
|
4
4
|
/**
|
|
5
5
|
* Creates a radio store.
|
|
6
6
|
*/
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../__chunks/
|
|
4
|
+
var _LBFF2BBKcjs = require('../__chunks/LBFF2BBK.cjs');
|
|
5
|
+
require('../__chunks/3COGJMN3.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _ULSPM3Y3cjs = require('../__chunks/ULSPM3Y3.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
12
|
-
require('../__chunks/
|
|
13
|
-
require('../__chunks/
|
|
11
|
+
var _MB5TLEVHcjs = require('../__chunks/MB5TLEVH.cjs');
|
|
12
|
+
require('../__chunks/DIYYVJDK.cjs');
|
|
13
|
+
require('../__chunks/LAYUSNGM.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -19,11 +19,11 @@ require('../__chunks/AETQC2AR.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _M2NNCFIJcjs = require('../__chunks/M2NNCFIJ.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
var _EEDWPDM2cjs = require('../__chunks/EEDWPDM2.cjs');
|
|
26
|
-
require('../__chunks/
|
|
26
|
+
require('../__chunks/Q2WCPTYS.cjs');
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
@@ -37,9 +37,9 @@ function createSelectStore(_a = {}) {
|
|
|
37
37
|
} = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
|
|
38
38
|
"combobox"
|
|
39
39
|
]);
|
|
40
|
-
const store =
|
|
40
|
+
const store = _M2NNCFIJcjs.mergeStore.call(void 0,
|
|
41
41
|
props.store,
|
|
42
|
-
|
|
42
|
+
_M2NNCFIJcjs.omit.call(void 0, combobox, [
|
|
43
43
|
"value",
|
|
44
44
|
"items",
|
|
45
45
|
"renderedItems",
|
|
@@ -51,9 +51,9 @@ function createSelectStore(_a = {}) {
|
|
|
51
51
|
"disclosureElement"
|
|
52
52
|
])
|
|
53
53
|
);
|
|
54
|
-
|
|
54
|
+
_M2NNCFIJcjs.throwOnConflictingProps.call(void 0, props, store);
|
|
55
55
|
const syncState = store.getState();
|
|
56
|
-
const composite =
|
|
56
|
+
const composite = _LBFF2BBKcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
57
57
|
store,
|
|
58
58
|
virtualFocus: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
59
59
|
props.virtualFocus,
|
|
@@ -77,7 +77,7 @@ function createSelectStore(_a = {}) {
|
|
|
77
77
|
"vertical"
|
|
78
78
|
)
|
|
79
79
|
}));
|
|
80
|
-
const popover =
|
|
80
|
+
const popover = _MB5TLEVHcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
|
|
81
81
|
store,
|
|
82
82
|
placement: _EEDWPDM2cjs.defaultValue.call(void 0,
|
|
83
83
|
props.placement,
|
|
@@ -98,13 +98,14 @@ function createSelectStore(_a = {}) {
|
|
|
98
98
|
syncState.setValueOnMove,
|
|
99
99
|
false
|
|
100
100
|
),
|
|
101
|
+
labelElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.labelElement, null),
|
|
101
102
|
selectElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.selectElement, null),
|
|
102
|
-
|
|
103
|
+
listElement: _EEDWPDM2cjs.defaultValue.call(void 0, syncState.listElement, null)
|
|
103
104
|
});
|
|
104
|
-
const select =
|
|
105
|
-
|
|
105
|
+
const select = _M2NNCFIJcjs.createStore.call(void 0, initialState, composite, popover, store);
|
|
106
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
106
107
|
select,
|
|
107
|
-
() =>
|
|
108
|
+
() => _M2NNCFIJcjs.sync.call(void 0, select, ["value", "items"], (state) => {
|
|
108
109
|
if (state.value !== initialValue)
|
|
109
110
|
return;
|
|
110
111
|
if (!state.items.length)
|
|
@@ -117,9 +118,17 @@ function createSelectStore(_a = {}) {
|
|
|
117
118
|
select.setState("value", item.value);
|
|
118
119
|
})
|
|
119
120
|
);
|
|
120
|
-
|
|
121
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
121
122
|
select,
|
|
122
|
-
() =>
|
|
123
|
+
() => _M2NNCFIJcjs.sync.call(void 0, select, ["mounted"], (state) => {
|
|
124
|
+
if (state.mounted)
|
|
125
|
+
return;
|
|
126
|
+
select.setState("activeId", initialState.activeId);
|
|
127
|
+
})
|
|
128
|
+
);
|
|
129
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
130
|
+
select,
|
|
131
|
+
() => _M2NNCFIJcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
|
|
123
132
|
if (combobox)
|
|
124
133
|
return;
|
|
125
134
|
if (state.mounted)
|
|
@@ -136,9 +145,9 @@ function createSelectStore(_a = {}) {
|
|
|
136
145
|
select.setState("activeId", item.id);
|
|
137
146
|
})
|
|
138
147
|
);
|
|
139
|
-
|
|
148
|
+
_M2NNCFIJcjs.setup.call(void 0,
|
|
140
149
|
select,
|
|
141
|
-
() =>
|
|
150
|
+
() => _M2NNCFIJcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
|
|
142
151
|
const { mounted, value, activeId } = select.getState();
|
|
143
152
|
if (!state.setValueOnMove && mounted)
|
|
144
153
|
return;
|
|
@@ -157,8 +166,9 @@ function createSelectStore(_a = {}) {
|
|
|
157
166
|
return _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
|
|
158
167
|
combobox,
|
|
159
168
|
setValue: (value) => select.setState("value", value),
|
|
169
|
+
setLabelElement: (element) => select.setState("labelElement", element),
|
|
160
170
|
setSelectElement: (element) => select.setState("selectElement", element),
|
|
161
|
-
|
|
171
|
+
setListElement: (element) => select.setState("listElement", element)
|
|
162
172
|
});
|
|
163
173
|
}
|
|
164
174
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ComboboxStore } from "../combobox/combobox-store.
|
|
2
|
-
import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
3
|
-
import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.
|
|
4
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
5
|
-
import type { PickRequired, SetState } from "../utils/types.
|
|
1
|
+
import type { ComboboxStore } from "../combobox/combobox-store.ts";
|
|
2
|
+
import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
3
|
+
import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
|
|
4
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
5
|
+
import type { PickRequired, SetState } from "../utils/types.ts";
|
|
6
6
|
type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
|
|
7
7
|
export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
|
|
8
8
|
export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
|
|
@@ -46,6 +46,10 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
|
|
|
46
46
|
* @default false
|
|
47
47
|
*/
|
|
48
48
|
setValueOnMove: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* The select label element.
|
|
51
|
+
*/
|
|
52
|
+
labelElement: HTMLElement | null;
|
|
49
53
|
/**
|
|
50
54
|
* The select button element.
|
|
51
55
|
*
|
|
@@ -54,9 +58,9 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
|
|
|
54
58
|
*/
|
|
55
59
|
selectElement: HTMLElement | null;
|
|
56
60
|
/**
|
|
57
|
-
* The select
|
|
61
|
+
* The select list element.
|
|
58
62
|
*/
|
|
59
|
-
|
|
63
|
+
listElement: HTMLElement | null;
|
|
60
64
|
}
|
|
61
65
|
export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
|
|
62
66
|
/**
|
|
@@ -68,14 +72,18 @@ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreVa
|
|
|
68
72
|
* store.setValue((value) => value === "Apple" ? "Banana" : "Apple"));
|
|
69
73
|
*/
|
|
70
74
|
setValue: SetState<SelectStoreState<T>["value"]>;
|
|
75
|
+
/**
|
|
76
|
+
* Sets the `labelElement` state.
|
|
77
|
+
*/
|
|
78
|
+
setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
|
|
71
79
|
/**
|
|
72
80
|
* Sets the `selectElement` state.
|
|
73
81
|
*/
|
|
74
82
|
setSelectElement: SetState<SelectStoreState<T>["selectElement"]>;
|
|
75
83
|
/**
|
|
76
|
-
* Sets the `
|
|
84
|
+
* Sets the `listElement` state.
|
|
77
85
|
*/
|
|
78
|
-
|
|
86
|
+
setListElement: SetState<SelectStoreState<T>["listElement"]>;
|
|
79
87
|
}
|
|
80
88
|
export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
|
|
81
89
|
/**
|
|
@@ -94,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
|
|
|
94
102
|
* - [SelectGroup](https://ariakit.org/examples/select-group)
|
|
95
103
|
* - [Select with Next.js App
|
|
96
104
|
* Router](https://ariakit.org/examples/select-next-router)
|
|
105
|
+
* - [Select with Combobox and
|
|
106
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
97
107
|
*/
|
|
98
108
|
defaultValue?: SelectStoreState<T>["value"];
|
|
99
109
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ComboboxStore } from "../combobox/combobox-store.
|
|
2
|
-
import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.
|
|
3
|
-
import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.
|
|
4
|
-
import type { Store, StoreOptions, StoreProps } from "../utils/store.
|
|
5
|
-
import type { PickRequired, SetState } from "../utils/types.
|
|
1
|
+
import type { ComboboxStore } from "../combobox/combobox-store.ts";
|
|
2
|
+
import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.ts";
|
|
3
|
+
import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.ts";
|
|
4
|
+
import type { Store, StoreOptions, StoreProps } from "../utils/store.ts";
|
|
5
|
+
import type { PickRequired, SetState } from "../utils/types.ts";
|
|
6
6
|
type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
|
|
7
7
|
export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
|
|
8
8
|
export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
|
|
@@ -46,6 +46,10 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
|
|
|
46
46
|
* @default false
|
|
47
47
|
*/
|
|
48
48
|
setValueOnMove: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* The select label element.
|
|
51
|
+
*/
|
|
52
|
+
labelElement: HTMLElement | null;
|
|
49
53
|
/**
|
|
50
54
|
* The select button element.
|
|
51
55
|
*
|
|
@@ -54,9 +58,9 @@ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue>
|
|
|
54
58
|
*/
|
|
55
59
|
selectElement: HTMLElement | null;
|
|
56
60
|
/**
|
|
57
|
-
* The select
|
|
61
|
+
* The select list element.
|
|
58
62
|
*/
|
|
59
|
-
|
|
63
|
+
listElement: HTMLElement | null;
|
|
60
64
|
}
|
|
61
65
|
export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
|
|
62
66
|
/**
|
|
@@ -68,14 +72,18 @@ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreVa
|
|
|
68
72
|
* store.setValue((value) => value === "Apple" ? "Banana" : "Apple"));
|
|
69
73
|
*/
|
|
70
74
|
setValue: SetState<SelectStoreState<T>["value"]>;
|
|
75
|
+
/**
|
|
76
|
+
* Sets the `labelElement` state.
|
|
77
|
+
*/
|
|
78
|
+
setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
|
|
71
79
|
/**
|
|
72
80
|
* Sets the `selectElement` state.
|
|
73
81
|
*/
|
|
74
82
|
setSelectElement: SetState<SelectStoreState<T>["selectElement"]>;
|
|
75
83
|
/**
|
|
76
|
-
* Sets the `
|
|
84
|
+
* Sets the `listElement` state.
|
|
77
85
|
*/
|
|
78
|
-
|
|
86
|
+
setListElement: SetState<SelectStoreState<T>["listElement"]>;
|
|
79
87
|
}
|
|
80
88
|
export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions {
|
|
81
89
|
/**
|
|
@@ -94,6 +102,8 @@ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValu
|
|
|
94
102
|
* - [SelectGroup](https://ariakit.org/examples/select-group)
|
|
95
103
|
* - [Select with Next.js App
|
|
96
104
|
* Router](https://ariakit.org/examples/select-next-router)
|
|
105
|
+
* - [Select with Combobox and
|
|
106
|
+
* Tabs](https://ariakit.org/examples/select-combobox-tab)
|
|
97
107
|
*/
|
|
98
108
|
defaultValue?: SelectStoreState<T>["value"];
|
|
99
109
|
}
|