@ariakit/core 0.1.4 → 0.1.5

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.
Files changed (82) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/cjs/__chunks/{QYB6XH64.cjs → 27ZAGOYG.cjs} +17 -13
  3. package/cjs/__chunks/6455U47T.cjs +37 -0
  4. package/cjs/__chunks/{ZPOXPO2L.cjs → 6SPJEESB.cjs} +33 -21
  5. package/cjs/__chunks/{2YFRPUZP.cjs → DBHIHK7C.cjs} +6 -6
  6. package/cjs/__chunks/{W5IHD6VG.cjs → EUJ6NNA6.cjs} +56 -43
  7. package/cjs/__chunks/{4DQ3OTE7.cjs → FXEBKN6G.cjs} +22 -17
  8. package/cjs/__chunks/{ZJEEK57E.cjs → HEFJPUYD.cjs} +2 -2
  9. package/cjs/__chunks/LBTLD2RB.cjs +58 -0
  10. package/cjs/__chunks/{QNEPGQLL.cjs → M6ZA7XUP.cjs} +6 -2
  11. package/cjs/__chunks/{HLVPXX7H.cjs → SDBF6KIY.cjs} +107 -107
  12. package/cjs/__chunks/{OFNGELMA.cjs → ZNW4LSWU.cjs} +8 -6
  13. package/cjs/checkbox/checkbox-store.cjs +14 -10
  14. package/cjs/collection/collection-store.cjs +6 -5
  15. package/cjs/combobox/combobox-store.cjs +49 -48
  16. package/cjs/composite/composite-overflow-store.cjs +7 -6
  17. package/cjs/composite/composite-store.cjs +7 -6
  18. package/cjs/dialog/dialog-store.cjs +6 -5
  19. package/cjs/disclosure/disclosure-store.cjs +5 -4
  20. package/cjs/disclosure/disclosure-store.d.ts +8 -0
  21. package/cjs/form/form-store.cjs +38 -35
  22. package/cjs/hovercard/hovercard-store.cjs +8 -7
  23. package/cjs/index.cjs +3 -1
  24. package/cjs/menu/menu-bar-store.cjs +17 -13
  25. package/cjs/menu/menu-store.cjs +41 -43
  26. package/cjs/popover/popover-store.cjs +7 -6
  27. package/cjs/radio/radio-store.cjs +25 -24
  28. package/cjs/select/select-store.cjs +42 -42
  29. package/cjs/tab/tab-store.cjs +29 -28
  30. package/cjs/tab/tab-store.d.ts +9 -0
  31. package/cjs/toolbar/toolbar-store.cjs +17 -13
  32. package/cjs/tooltip/tooltip-store.cjs +24 -25
  33. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  34. package/cjs/utils/array.cjs +1 -0
  35. package/cjs/utils/dom.cjs +3 -2
  36. package/cjs/utils/events.cjs +14 -9
  37. package/cjs/utils/focus.cjs +24 -14
  38. package/cjs/utils/misc.cjs +3 -2
  39. package/cjs/utils/platform.cjs +4 -3
  40. package/cjs/utils/store.cjs +4 -3
  41. package/esm/__chunks/4BKCJXBM.js +37 -0
  42. package/esm/__chunks/AHZW5LR4.js +58 -0
  43. package/esm/__chunks/{NA5BK7DD.js → BOKMNDR7.js} +22 -10
  44. package/esm/__chunks/{6PEWNRTN.js → CUW3E24J.js} +100 -100
  45. package/esm/__chunks/{WFGVC6LE.js → EWHSN7GO.js} +17 -12
  46. package/esm/__chunks/{4T5RHRE5.js → MNNKHNLW.js} +1 -1
  47. package/esm/__chunks/{UVCATTRC.js → N6JW4ITM.js} +7 -5
  48. package/esm/__chunks/{RMD7SNCC.js → NWU4GBZ6.js} +5 -1
  49. package/esm/__chunks/{X7MJ3FB5.js → R6VHFWTV.js} +49 -36
  50. package/esm/__chunks/{DXA3K2FY.js → TFBCK4JB.js} +1 -1
  51. package/esm/__chunks/{IOAGNCXX.js → ZV2GEGPL.js} +14 -10
  52. package/esm/checkbox/checkbox-store.js +11 -7
  53. package/esm/collection/collection-store.js +5 -4
  54. package/esm/combobox/combobox-store.js +34 -33
  55. package/esm/composite/composite-overflow-store.js +6 -5
  56. package/esm/composite/composite-store.js +6 -5
  57. package/esm/dialog/dialog-store.js +5 -4
  58. package/esm/disclosure/disclosure-store.d.ts +8 -0
  59. package/esm/disclosure/disclosure-store.js +4 -3
  60. package/esm/form/form-store.js +24 -21
  61. package/esm/hovercard/hovercard-store.js +7 -6
  62. package/esm/index.js +2 -0
  63. package/esm/menu/menu-bar-store.js +15 -11
  64. package/esm/menu/menu-store.js +31 -33
  65. package/esm/popover/popover-store.js +6 -5
  66. package/esm/radio/radio-store.js +22 -21
  67. package/esm/select/select-store.js +29 -29
  68. package/esm/tab/tab-store.d.ts +9 -0
  69. package/esm/tab/tab-store.js +23 -22
  70. package/esm/toolbar/toolbar-store.js +15 -11
  71. package/esm/tooltip/tooltip-store.js +20 -21
  72. package/esm/tsconfig.build.tsbuildinfo +1 -1
  73. package/esm/utils/array.js +1 -0
  74. package/esm/utils/dom.js +2 -1
  75. package/esm/utils/events.js +10 -5
  76. package/esm/utils/focus.js +14 -4
  77. package/esm/utils/misc.js +2 -1
  78. package/esm/utils/platform.js +3 -2
  79. package/esm/utils/store.js +3 -2
  80. package/package.json +1 -1
  81. package/cjs/__chunks/DQHU5K4Q.cjs +0 -57
  82. package/esm/__chunks/6HMPWUDT.js +0 -57
@@ -1,72 +1,74 @@
1
- "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; }
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _DQHU5K4Qcjs = require('../__chunks/DQHU5K4Q.cjs');
4
- require('../__chunks/HLVPXX7H.cjs');
5
- require('../__chunks/ZJEEK57E.cjs');
6
- require('../__chunks/QYB6XH64.cjs');
3
+ var _LBTLD2RBcjs = require('../__chunks/LBTLD2RB.cjs');
4
+ require('../__chunks/SDBF6KIY.cjs');
5
+ require('../__chunks/HEFJPUYD.cjs');
6
+ require('../__chunks/27ZAGOYG.cjs');
7
7
 
8
8
 
9
- var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
10
- require('../__chunks/4DQ3OTE7.cjs');
9
+ var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
10
+ require('../__chunks/FXEBKN6G.cjs');
11
11
 
12
12
 
13
13
 
14
- var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
14
+ var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
15
15
 
16
16
 
17
17
 
18
- var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
19
- require('../__chunks/OFNGELMA.cjs');
18
+ var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
19
+ require('../__chunks/ZNW4LSWU.cjs');
20
20
  require('../__chunks/GDZQUFNP.cjs');
21
21
 
22
+
23
+
24
+
25
+ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
26
+
22
27
  // src/menu/menu-store.ts
23
- function createMenuStore({
24
- combobox,
25
- ...props
26
- } = {}) {
27
- const store = _ZPOXPO2Lcjs.mergeStore.call(void 0,
28
+ function createMenuStore(_a = {}) {
29
+ var _b = _a, {
30
+ combobox
31
+ } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
32
+ "combobox"
33
+ ]);
34
+ const store = _6SPJEESBcjs.mergeStore.call(void 0,
28
35
  props.store,
29
- _optionalChain([combobox, 'optionalAccess', _ => _.omit, 'call', _2 => _2(
30
- "baseElement",
36
+ combobox == null ? void 0 : combobox.omit(
31
37
  "arrowElement",
32
38
  "anchorElement",
33
39
  "contentElement",
34
40
  "popoverElement",
35
41
  "disclosureElement"
36
- )])
42
+ )
37
43
  );
38
44
  const syncState = store.getState();
39
- const composite = _W5IHD6VGcjs.createCompositeStore.call(void 0, {
40
- ...props,
45
+ const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
41
46
  store,
42
- orientation: _QNEPGQLLcjs.defaultValue.call(void 0,
47
+ orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
43
48
  props.orientation,
44
49
  syncState.orientation,
45
50
  "vertical"
46
51
  )
47
- });
48
- const hovercard = _DQHU5K4Qcjs.createHovercardStore.call(void 0, {
49
- ...props,
52
+ }));
53
+ const hovercard = _LBTLD2RBcjs.createHovercardStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
50
54
  store,
51
- placement: _QNEPGQLLcjs.defaultValue.call(void 0,
55
+ placement: _M6ZA7XUPcjs.defaultValue.call(void 0,
52
56
  props.placement,
53
57
  syncState.placement,
54
58
  "bottom-start"
55
59
  ),
56
- hideTimeout: _QNEPGQLLcjs.defaultValue.call(void 0, props.hideTimeout, syncState.hideTimeout, 0)
57
- });
58
- const initialState = {
59
- ...composite.getState(),
60
- ...hovercard.getState(),
61
- initialFocus: _QNEPGQLLcjs.defaultValue.call(void 0, syncState.initialFocus, "container"),
62
- values: _QNEPGQLLcjs.defaultValue.call(void 0,
60
+ hideTimeout: _M6ZA7XUPcjs.defaultValue.call(void 0, props.hideTimeout, syncState.hideTimeout, 0)
61
+ }));
62
+ const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), hovercard.getState()), {
63
+ initialFocus: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.initialFocus, "container"),
64
+ values: _M6ZA7XUPcjs.defaultValue.call(void 0,
63
65
  props.values,
64
66
  syncState.values,
65
67
  props.defaultValues,
66
68
  {}
67
69
  )
68
- };
69
- const menu = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, hovercard, store);
70
+ });
71
+ const menu = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, hovercard, store);
70
72
  menu.setup(
71
73
  () => menu.sync(
72
74
  (state) => {
@@ -77,10 +79,7 @@ function createMenuStore({
77
79
  ["mounted"]
78
80
  )
79
81
  );
80
- return {
81
- ...composite,
82
- ...hovercard,
83
- ...menu,
82
+ return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), hovercard), menu), {
84
83
  setInitialFocus: (value) => menu.setState("initialFocus", value),
85
84
  setValues: (values) => menu.setState("values", values),
86
85
  setValue: (name, value) => {
@@ -92,16 +91,15 @@ function createMenuStore({
92
91
  return;
93
92
  menu.setState("values", (values) => {
94
93
  const prevValue = values[name];
95
- const nextValue = _QNEPGQLLcjs.applyState.call(void 0, value, prevValue);
94
+ const nextValue = _M6ZA7XUPcjs.applyState.call(void 0, value, prevValue);
96
95
  if (nextValue === prevValue)
97
96
  return values;
98
- return {
99
- ...values,
97
+ return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, values), {
100
98
  [name]: nextValue !== void 0 && nextValue
101
- };
99
+ });
102
100
  });
103
101
  }
104
- };
102
+ });
105
103
  }
106
104
 
107
105
 
@@ -1,10 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _HLVPXX7Hcjs = require('../__chunks/HLVPXX7H.cjs');
4
- require('../__chunks/ZJEEK57E.cjs');
5
- require('../__chunks/QYB6XH64.cjs');
6
- require('../__chunks/ZPOXPO2L.cjs');
7
- require('../__chunks/QNEPGQLL.cjs');
3
+ var _SDBF6KIYcjs = require('../__chunks/SDBF6KIY.cjs');
4
+ require('../__chunks/HEFJPUYD.cjs');
5
+ require('../__chunks/27ZAGOYG.cjs');
6
+ require('../__chunks/6SPJEESB.cjs');
7
+ require('../__chunks/M6ZA7XUP.cjs');
8
+ require('../__chunks/6455U47T.cjs');
8
9
 
9
10
 
10
- exports.createPopoverStore = _HLVPXX7Hcjs.createPopoverStore;
11
+ exports.createPopoverStore = _SDBF6KIYcjs.createPopoverStore;
@@ -1,40 +1,41 @@
1
- "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; }
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
4
- require('../__chunks/4DQ3OTE7.cjs');
3
+ var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
4
+ require('../__chunks/FXEBKN6G.cjs');
5
5
 
6
6
 
7
- var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
7
+ var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
8
8
 
9
9
 
10
- var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
11
- require('../__chunks/OFNGELMA.cjs');
10
+ var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
11
+ require('../__chunks/ZNW4LSWU.cjs');
12
12
  require('../__chunks/GDZQUFNP.cjs');
13
13
 
14
+
15
+
16
+
17
+ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
18
+
14
19
  // src/radio/radio-store.ts
15
- function createRadioStore({
16
- ...props
17
- } = {}) {
18
- const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
19
- const composite = _W5IHD6VGcjs.createCompositeStore.call(void 0, {
20
- ...props,
21
- focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, _optionalChain([syncState, 'optionalAccess', _4 => _4.focusLoop]), true)
22
- });
23
- const initialState = {
24
- ...composite.getState(),
25
- value: _QNEPGQLLcjs.defaultValue.call(void 0,
20
+ function createRadioStore(_a = {}) {
21
+ var props = _6455U47Tcjs.__objRest.call(void 0, _a, []);
22
+ var _a2;
23
+ const syncState = (_a2 = props.store) == null ? void 0 : _a2.getState();
24
+ const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
25
+ focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
26
+ }));
27
+ const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), {
28
+ value: _M6ZA7XUPcjs.defaultValue.call(void 0,
26
29
  props.value,
27
- _optionalChain([syncState, 'optionalAccess', _5 => _5.value]),
30
+ syncState == null ? void 0 : syncState.value,
28
31
  props.defaultValue,
29
32
  null
30
33
  )
31
- };
32
- const radio = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, props.store);
33
- return {
34
- ...composite,
35
- ...radio,
34
+ });
35
+ const radio = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, props.store);
36
+ return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), radio), {
36
37
  setValue: (value) => radio.setState("value", value)
37
- };
38
+ });
38
39
  }
39
40
 
40
41
 
@@ -1,32 +1,39 @@
1
- "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; }
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _HLVPXX7Hcjs = require('../__chunks/HLVPXX7H.cjs');
4
- require('../__chunks/ZJEEK57E.cjs');
5
- require('../__chunks/QYB6XH64.cjs');
3
+ var _SDBF6KIYcjs = require('../__chunks/SDBF6KIY.cjs');
4
+ require('../__chunks/HEFJPUYD.cjs');
5
+ require('../__chunks/27ZAGOYG.cjs');
6
6
 
7
7
 
8
- var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
9
- require('../__chunks/4DQ3OTE7.cjs');
8
+ var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
9
+ require('../__chunks/FXEBKN6G.cjs');
10
10
 
11
11
 
12
12
 
13
- var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
13
+ var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
14
14
 
15
15
 
16
- var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
17
- require('../__chunks/OFNGELMA.cjs');
16
+ var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
17
+ require('../__chunks/ZNW4LSWU.cjs');
18
18
 
19
19
 
20
20
  var _GDZQUFNPcjs = require('../__chunks/GDZQUFNP.cjs');
21
21
 
22
+
23
+
24
+
25
+ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
26
+
22
27
  // src/select/select-store.ts
23
- function createSelectStore({
24
- combobox,
25
- ...props
26
- } = {}) {
27
- const store = _ZPOXPO2Lcjs.mergeStore.call(void 0,
28
+ function createSelectStore(_a = {}) {
29
+ var _b = _a, {
30
+ combobox
31
+ } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, [
32
+ "combobox"
33
+ ]);
34
+ const store = _6SPJEESBcjs.mergeStore.call(void 0,
28
35
  props.store,
29
- _optionalChain([combobox, 'optionalAccess', _ => _.omit, 'call', _2 => _2(
36
+ combobox == null ? void 0 : combobox.omit(
30
37
  "value",
31
38
  "items",
32
39
  "renderedItems",
@@ -36,62 +43,58 @@ function createSelectStore({
36
43
  "contentElement",
37
44
  "popoverElement",
38
45
  "disclosureElement"
39
- )])
46
+ )
40
47
  );
41
48
  const syncState = store.getState();
42
- const composite = _W5IHD6VGcjs.createCompositeStore.call(void 0, {
43
- ...props,
49
+ const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
44
50
  store,
45
- virtualFocus: _QNEPGQLLcjs.defaultValue.call(void 0,
51
+ virtualFocus: _M6ZA7XUPcjs.defaultValue.call(void 0,
46
52
  props.virtualFocus,
47
53
  syncState.virtualFocus,
48
54
  true
49
55
  ),
50
- includesBaseElement: _QNEPGQLLcjs.defaultValue.call(void 0,
56
+ includesBaseElement: _M6ZA7XUPcjs.defaultValue.call(void 0,
51
57
  props.includesBaseElement,
52
58
  syncState.includesBaseElement,
53
59
  false
54
60
  ),
55
- activeId: _QNEPGQLLcjs.defaultValue.call(void 0,
61
+ activeId: _M6ZA7XUPcjs.defaultValue.call(void 0,
56
62
  props.activeId,
57
63
  syncState.activeId,
58
64
  props.defaultActiveId,
59
65
  null
60
66
  ),
61
- orientation: _QNEPGQLLcjs.defaultValue.call(void 0,
67
+ orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
62
68
  props.orientation,
63
69
  syncState.orientation,
64
70
  "vertical"
65
71
  )
66
- });
67
- const popover = _HLVPXX7Hcjs.createPopoverStore.call(void 0, {
68
- ...props,
72
+ }));
73
+ const popover = _SDBF6KIYcjs.createPopoverStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
69
74
  store,
70
- placement: _QNEPGQLLcjs.defaultValue.call(void 0,
75
+ placement: _M6ZA7XUPcjs.defaultValue.call(void 0,
71
76
  props.placement,
72
77
  syncState.placement,
73
78
  "bottom-start"
74
79
  )
75
- });
80
+ }));
76
81
  const initialValue = new String("");
77
- const initialState = {
78
- ...composite.getState(),
79
- ...popover.getState(),
80
- value: _QNEPGQLLcjs.defaultValue.call(void 0,
82
+ const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), popover.getState()), {
83
+ value: _M6ZA7XUPcjs.defaultValue.call(void 0,
81
84
  props.value,
82
85
  syncState.value,
83
86
  props.defaultValue,
84
87
  initialValue
85
88
  ),
86
- setValueOnMove: _QNEPGQLLcjs.defaultValue.call(void 0,
89
+ setValueOnMove: _M6ZA7XUPcjs.defaultValue.call(void 0,
87
90
  props.setValueOnMove,
88
91
  syncState.setValueOnMove,
89
92
  false
90
93
  ),
91
- selectElement: _QNEPGQLLcjs.defaultValue.call(void 0, syncState.selectElement, null),
92
- labelElement: _QNEPGQLLcjs.defaultValue.call(void 0, syncState.labelElement, null)
93
- };
94
- const select = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, popover, store);
94
+ selectElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.selectElement, null),
95
+ labelElement: _M6ZA7XUPcjs.defaultValue.call(void 0, syncState.labelElement, null)
96
+ });
97
+ const select = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, popover, store);
95
98
  select.setup(
96
99
  () => select.sync(
97
100
  (state) => {
@@ -102,7 +105,7 @@ function createSelectStore({
102
105
  const item = state.items.find(
103
106
  (item2) => !item2.disabled && item2.value != null
104
107
  );
105
- if (_optionalChain([item, 'optionalAccess', _3 => _3.value]) == null)
108
+ if ((item == null ? void 0 : item.value) == null)
106
109
  return;
107
110
  select.setState("value", item.value);
108
111
  },
@@ -150,14 +153,11 @@ function createSelectStore({
150
153
  ["setValueOnMove", "moves"]
151
154
  )
152
155
  );
153
- return {
154
- ...composite,
155
- ...popover,
156
- ...select,
156
+ return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), popover), select), {
157
157
  setValue: (value) => select.setState("value", value),
158
158
  setSelectElement: (element) => select.setState("selectElement", element),
159
159
  setLabelElement: (element) => select.setState("labelElement", element)
160
- };
160
+ });
161
161
  }
162
162
 
163
163
 
@@ -1,46 +1,49 @@
1
- "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; }
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
3
+ var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
4
4
 
5
5
 
6
- var _4DQ3OTE7cjs = require('../__chunks/4DQ3OTE7.cjs');
6
+ var _FXEBKN6Gcjs = require('../__chunks/FXEBKN6G.cjs');
7
7
 
8
8
 
9
- var _ZPOXPO2Lcjs = require('../__chunks/ZPOXPO2L.cjs');
9
+ var _6SPJEESBcjs = require('../__chunks/6SPJEESB.cjs');
10
10
 
11
11
 
12
- var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
13
- require('../__chunks/OFNGELMA.cjs');
12
+ var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
13
+ require('../__chunks/ZNW4LSWU.cjs');
14
14
  require('../__chunks/GDZQUFNP.cjs');
15
15
 
16
+
17
+
18
+ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
19
+
16
20
  // src/tab/tab-store.ts
17
21
  function createTabStore(props = {}) {
18
- const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
19
- const composite = _W5IHD6VGcjs.createCompositeStore.call(void 0, {
20
- ...props,
21
- orientation: _QNEPGQLLcjs.defaultValue.call(void 0,
22
+ var _a;
23
+ const syncState = (_a = props.store) == null ? void 0 : _a.getState();
24
+ const composite = _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
25
+ orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
22
26
  props.orientation,
23
- _optionalChain([syncState, 'optionalAccess', _4 => _4.orientation]),
27
+ syncState == null ? void 0 : syncState.orientation,
24
28
  "horizontal"
25
29
  ),
26
- focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, _optionalChain([syncState, 'optionalAccess', _5 => _5.focusLoop]), true)
27
- });
28
- const panels = _4DQ3OTE7cjs.createCollectionStore.call(void 0, );
29
- const initialState = {
30
- ...composite.getState(),
31
- selectedId: _QNEPGQLLcjs.defaultValue.call(void 0,
30
+ focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
31
+ }));
32
+ const panels = _FXEBKN6Gcjs.createCollectionStore.call(void 0, );
33
+ const initialState = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite.getState()), {
34
+ selectedId: _M6ZA7XUPcjs.defaultValue.call(void 0,
32
35
  props.selectedId,
33
- _optionalChain([syncState, 'optionalAccess', _6 => _6.selectedId]),
36
+ syncState == null ? void 0 : syncState.selectedId,
34
37
  props.defaultSelectedId,
35
38
  void 0
36
39
  ),
37
- selectOnMove: _QNEPGQLLcjs.defaultValue.call(void 0,
40
+ selectOnMove: _M6ZA7XUPcjs.defaultValue.call(void 0,
38
41
  props.selectOnMove,
39
- _optionalChain([syncState, 'optionalAccess', _7 => _7.selectOnMove]),
42
+ syncState == null ? void 0 : syncState.selectOnMove,
40
43
  true
41
44
  )
42
- };
43
- const tab = _ZPOXPO2Lcjs.createStore.call(void 0, initialState, composite, props.store);
45
+ });
46
+ const tab = _6SPJEESBcjs.createStore.call(void 0, initialState, composite, props.store);
44
47
  tab.setup(
45
48
  () => tab.sync(() => {
46
49
  const { activeId, selectOnMove } = tab.getState();
@@ -77,7 +80,7 @@ function createTabStore(props = {}) {
77
80
  const tabItem2 = renderedItems.find(
78
81
  (item) => !item.disabled && !item.dimmed
79
82
  );
80
- tab.setState("selectedId", _optionalChain([tabItem2, 'optionalAccess', _8 => _8.id]));
83
+ tab.setState("selectedId", tabItem2 == null ? void 0 : tabItem2.id);
81
84
  }
82
85
  },
83
86
  ["selectedId", "renderedItems"]
@@ -101,7 +104,7 @@ function createTabStore(props = {}) {
101
104
  const tabItem = tabs[i];
102
105
  if (!tabItem)
103
106
  return;
104
- panels.renderItem({ ...panel, tabId: tabItem.id });
107
+ panels.renderItem(_6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, panel), { tabId: tabItem.id }));
105
108
  });
106
109
  },
107
110
  ["renderedItems"]
@@ -110,16 +113,14 @@ function createTabStore(props = {}) {
110
113
  ["renderedItems"]
111
114
  )
112
115
  );
113
- return {
114
- ...composite,
115
- ...tab,
116
+ return _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, composite), tab), {
116
117
  panels,
117
118
  setSelectedId: (id) => tab.setState("selectedId", id),
118
119
  select: (id) => {
119
120
  tab.setState("selectedId", id);
120
121
  composite.move(id);
121
122
  }
122
- };
123
+ });
123
124
  }
124
125
 
125
126
 
@@ -23,11 +23,17 @@ export interface TabStoreState extends CompositeStoreState<Item> {
23
23
  /**
24
24
  * The id of the tab whose panel is currently visible. If it's `undefined`, it
25
25
  * will be automatically set to the first enabled tab.
26
+ *
27
+ * Live examples:
28
+ * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
26
29
  */
27
30
  selectedId: TabStoreState["activeId"];
28
31
  /**
29
32
  * Whether the tab should be selected when it receives focus. If it's set to
30
33
  * `false`, the tab will be selected only when it's clicked.
34
+ *
35
+ * Live examples:
36
+ * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
31
37
  * @default true
32
38
  */
33
39
  selectOnMove?: boolean;
@@ -36,6 +42,9 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
36
42
  /**
37
43
  * Sets the `selectedId` state without moving focus. If you want to move focus,
38
44
  * use the `select` function instead.
45
+ *
46
+ * Live examples:
47
+ * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
39
48
  * @example
40
49
  * // Selects the tab with id "tab-1"
41
50
  * store.setSelectedId("tab-1");
@@ -1,26 +1,30 @@
1
- "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; }
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _W5IHD6VGcjs = require('../__chunks/W5IHD6VG.cjs');
4
- require('../__chunks/4DQ3OTE7.cjs');
5
- require('../__chunks/ZPOXPO2L.cjs');
3
+ var _EUJ6NNA6cjs = require('../__chunks/EUJ6NNA6.cjs');
4
+ require('../__chunks/FXEBKN6G.cjs');
5
+ require('../__chunks/6SPJEESB.cjs');
6
6
 
7
7
 
8
- var _QNEPGQLLcjs = require('../__chunks/QNEPGQLL.cjs');
9
- require('../__chunks/OFNGELMA.cjs');
8
+ var _M6ZA7XUPcjs = require('../__chunks/M6ZA7XUP.cjs');
9
+ require('../__chunks/ZNW4LSWU.cjs');
10
10
  require('../__chunks/GDZQUFNP.cjs');
11
11
 
12
+
13
+
14
+ var _6455U47Tcjs = require('../__chunks/6455U47T.cjs');
15
+
12
16
  // src/toolbar/toolbar-store.ts
13
17
  function createToolbarStore(props = {}) {
14
- const syncState = _optionalChain([props, 'access', _ => _.store, 'optionalAccess', _2 => _2.getState, 'call', _3 => _3()]);
15
- return _W5IHD6VGcjs.createCompositeStore.call(void 0, {
16
- ...props,
17
- orientation: _QNEPGQLLcjs.defaultValue.call(void 0,
18
+ var _a;
19
+ const syncState = (_a = props.store) == null ? void 0 : _a.getState();
20
+ return _EUJ6NNA6cjs.createCompositeStore.call(void 0, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
21
+ orientation: _M6ZA7XUPcjs.defaultValue.call(void 0,
18
22
  props.orientation,
19
- _optionalChain([syncState, 'optionalAccess', _4 => _4.orientation]),
23
+ syncState == null ? void 0 : syncState.orientation,
20
24
  "horizontal"
21
25
  ),
22
- focusLoop: _QNEPGQLLcjs.defaultValue.call(void 0, props.focusLoop, _optionalChain([syncState, 'optionalAccess', _5 => _5.focusLoop]), true)
23
- });
26
+ focusLoop: _M6ZA7XUPcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
27
+ }));
24
28
  }
25
29
 
26
30