@ariakit/core 0.3.7 → 0.3.9

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 (110) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/cjs/__chunks/{GZDVJEID.cjs → 2LS4JJ4S.cjs} +2 -2
  3. package/cjs/__chunks/{46BH65MC.cjs → 2UK5WUJX.cjs} +15 -7
  4. package/cjs/__chunks/{PD7XZBXC.cjs → 5SIVMOID.cjs} +4 -4
  5. package/cjs/__chunks/{7ZUFMSXJ.cjs → EFIT5L4X.cjs} +7 -7
  6. package/cjs/__chunks/{MEHGRTJ3.cjs → GJFZ5ZPP.cjs} +11 -11
  7. package/cjs/__chunks/{6WBY3ZZM.cjs → JNFZSNOI.cjs} +6 -6
  8. package/cjs/__chunks/{JLC5A6WF.cjs → UCLKUBNP.cjs} +35 -25
  9. package/cjs/__chunks/{GXIZMD53.cjs → UTICNXST.cjs} +4 -4
  10. package/cjs/checkbox/checkbox-store.cjs +3 -3
  11. package/cjs/checkbox/checkbox-store.d.cts +9 -9
  12. package/cjs/checkbox/checkbox-store.d.ts +9 -9
  13. package/cjs/collection/collection-store.cjs +3 -3
  14. package/cjs/collection/collection-store.d.cts +16 -12
  15. package/cjs/collection/collection-store.d.ts +16 -12
  16. package/cjs/combobox/combobox-store.cjs +20 -20
  17. package/cjs/combobox/combobox-store.d.cts +14 -14
  18. package/cjs/combobox/combobox-store.d.ts +14 -14
  19. package/cjs/composite/composite-overflow-store.cjs +5 -5
  20. package/cjs/composite/composite-overflow-store.d.cts +13 -7
  21. package/cjs/composite/composite-overflow-store.d.ts +13 -7
  22. package/cjs/composite/composite-store.cjs +4 -4
  23. package/cjs/composite/composite-store.d.cts +31 -14
  24. package/cjs/composite/composite-store.d.ts +31 -14
  25. package/cjs/dialog/dialog-store.cjs +4 -4
  26. package/cjs/dialog/dialog-store.d.cts +12 -6
  27. package/cjs/dialog/dialog-store.d.ts +12 -6
  28. package/cjs/disclosure/disclosure-store.cjs +3 -3
  29. package/cjs/disclosure/disclosure-store.d.cts +4 -2
  30. package/cjs/disclosure/disclosure-store.d.ts +4 -2
  31. package/cjs/form/form-store.cjs +7 -7
  32. package/cjs/form/form-store.d.cts +15 -15
  33. package/cjs/form/form-store.d.ts +15 -15
  34. package/cjs/hovercard/hovercard-store.cjs +6 -6
  35. package/cjs/hovercard/hovercard-store.d.cts +11 -5
  36. package/cjs/hovercard/hovercard-store.d.ts +11 -5
  37. package/cjs/menu/menu-bar-store.cjs +5 -5
  38. package/cjs/menu/menu-bar-store.d.cts +12 -6
  39. package/cjs/menu/menu-bar-store.d.ts +12 -6
  40. package/cjs/menu/menu-store.cjs +18 -18
  41. package/cjs/menu/menu-store.d.cts +20 -10
  42. package/cjs/menu/menu-store.d.ts +20 -10
  43. package/cjs/menubar/menubar-store.cjs +5 -5
  44. package/cjs/menubar/menubar-store.d.cts +1 -1
  45. package/cjs/menubar/menubar-store.d.ts +1 -1
  46. package/cjs/popover/popover-store.cjs +5 -5
  47. package/cjs/popover/popover-store.d.cts +7 -3
  48. package/cjs/popover/popover-store.d.ts +7 -3
  49. package/cjs/radio/radio-store.cjs +5 -5
  50. package/cjs/radio/radio-store.d.cts +5 -3
  51. package/cjs/radio/radio-store.d.ts +5 -3
  52. package/cjs/select/select-store.cjs +18 -18
  53. package/cjs/select/select-store.d.cts +14 -16
  54. package/cjs/select/select-store.d.ts +14 -16
  55. package/cjs/tab/tab-store.cjs +15 -15
  56. package/cjs/tab/tab-store.d.cts +15 -16
  57. package/cjs/tab/tab-store.d.ts +15 -16
  58. package/cjs/toolbar/toolbar-store.cjs +4 -4
  59. package/cjs/toolbar/toolbar-store.d.cts +9 -6
  60. package/cjs/toolbar/toolbar-store.d.ts +9 -6
  61. package/cjs/tooltip/tooltip-store.cjs +7 -7
  62. package/cjs/tooltip/tooltip-store.d.cts +5 -3
  63. package/cjs/tooltip/tooltip-store.d.ts +5 -3
  64. package/cjs/utils/store.cjs +2 -2
  65. package/esm/__chunks/{E7OQVGGY.js → A2J4XZ5T.js} +15 -7
  66. package/esm/__chunks/{OGMLJYDV.js → DLX2AS6C.js} +2 -2
  67. package/esm/__chunks/{ANO6WJO4.js → EZ2TTBAQ.js} +2 -2
  68. package/esm/__chunks/{WY3EMTH6.js → J6JIOWCS.js} +2 -2
  69. package/esm/__chunks/{CL47ZAPY.js → LT2OYWRD.js} +1 -1
  70. package/esm/__chunks/{DYD4YNLE.js → NKLTHWCR.js} +1 -1
  71. package/esm/__chunks/{BXH3I7ML.js → T3DVYGXI.js} +2 -2
  72. package/esm/__chunks/{CCU5UHQ2.js → TLN4ALYH.js} +32 -22
  73. package/esm/checkbox/checkbox-store.d.ts +9 -9
  74. package/esm/checkbox/checkbox-store.js +1 -1
  75. package/esm/collection/collection-store.d.ts +16 -12
  76. package/esm/collection/collection-store.js +2 -2
  77. package/esm/combobox/combobox-store.d.ts +14 -14
  78. package/esm/combobox/combobox-store.js +6 -6
  79. package/esm/composite/composite-overflow-store.d.ts +13 -7
  80. package/esm/composite/composite-overflow-store.js +4 -4
  81. package/esm/composite/composite-store.d.ts +31 -14
  82. package/esm/composite/composite-store.js +3 -3
  83. package/esm/dialog/dialog-store.d.ts +12 -6
  84. package/esm/dialog/dialog-store.js +3 -3
  85. package/esm/disclosure/disclosure-store.d.ts +4 -2
  86. package/esm/disclosure/disclosure-store.js +2 -2
  87. package/esm/form/form-store.d.ts +15 -15
  88. package/esm/form/form-store.js +2 -2
  89. package/esm/hovercard/hovercard-store.d.ts +11 -5
  90. package/esm/hovercard/hovercard-store.js +5 -5
  91. package/esm/menu/menu-bar-store.d.ts +12 -6
  92. package/esm/menu/menu-bar-store.js +4 -4
  93. package/esm/menu/menu-store.d.ts +20 -10
  94. package/esm/menu/menu-store.js +7 -7
  95. package/esm/menubar/menubar-store.d.ts +1 -1
  96. package/esm/menubar/menubar-store.js +4 -4
  97. package/esm/popover/popover-store.d.ts +7 -3
  98. package/esm/popover/popover-store.js +4 -4
  99. package/esm/radio/radio-store.d.ts +5 -3
  100. package/esm/radio/radio-store.js +3 -3
  101. package/esm/select/select-store.d.ts +14 -16
  102. package/esm/select/select-store.js +6 -6
  103. package/esm/tab/tab-store.d.ts +15 -16
  104. package/esm/tab/tab-store.js +3 -3
  105. package/esm/toolbar/toolbar-store.d.ts +9 -6
  106. package/esm/toolbar/toolbar-store.js +3 -3
  107. package/esm/tooltip/tooltip-store.d.ts +5 -3
  108. package/esm/tooltip/tooltip-store.js +5 -5
  109. package/esm/utils/store.js +1 -1
  110. package/package.json +1 -1
@@ -31,6 +31,8 @@ export interface PopoverStoreState extends DialogStoreState {
31
31
  *
32
32
  * Live examples:
33
33
  * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
34
+ * - [Submenu with
35
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
34
36
  * @default "bottom"
35
37
  */
36
38
  placement: Placement;
@@ -60,13 +62,15 @@ export interface PopoverStoreFunctions extends DialogStoreFunctions {
60
62
  */
61
63
  render: () => void;
62
64
  }
63
- export interface PopoverStoreOptions extends StoreOptions<PopoverStoreState, "placement">, DialogStoreOptions {
65
+ export interface PopoverStoreOptions extends DialogStoreOptions, StoreOptions<PopoverStoreState, "placement"> {
64
66
  /**
65
67
  * A reference to another popover store that's controlling another popover to
66
68
  * keep them in sync.
67
69
  */
68
70
  popover?: PopoverStore | null;
69
71
  }
70
- export type PopoverStoreProps = PopoverStoreOptions & StoreProps<PopoverStoreState>;
71
- export type PopoverStore = PopoverStoreFunctions & Store<PopoverStoreState>;
72
+ export interface PopoverStoreProps extends PopoverStoreOptions, StoreProps<PopoverStoreState> {
73
+ }
74
+ export interface PopoverStore extends PopoverStoreFunctions, Store<PopoverStoreState> {
75
+ }
72
76
  export {};
@@ -31,6 +31,8 @@ export interface PopoverStoreState extends DialogStoreState {
31
31
  *
32
32
  * Live examples:
33
33
  * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
34
+ * - [Submenu with
35
+ * Combobox](https://ariakit.org/examples/menu-nested-combobox)
34
36
  * @default "bottom"
35
37
  */
36
38
  placement: Placement;
@@ -60,13 +62,15 @@ export interface PopoverStoreFunctions extends DialogStoreFunctions {
60
62
  */
61
63
  render: () => void;
62
64
  }
63
- export interface PopoverStoreOptions extends StoreOptions<PopoverStoreState, "placement">, DialogStoreOptions {
65
+ export interface PopoverStoreOptions extends DialogStoreOptions, StoreOptions<PopoverStoreState, "placement"> {
64
66
  /**
65
67
  * A reference to another popover store that's controlling another popover to
66
68
  * keep them in sync.
67
69
  */
68
70
  popover?: PopoverStore | null;
69
71
  }
70
- export type PopoverStoreProps = PopoverStoreOptions & StoreProps<PopoverStoreState>;
71
- export type PopoverStore = PopoverStoreFunctions & Store<PopoverStoreState>;
72
+ export interface PopoverStoreProps extends PopoverStoreOptions, StoreProps<PopoverStoreState> {
73
+ }
74
+ export interface PopoverStore extends PopoverStoreFunctions, Store<PopoverStoreState> {
75
+ }
72
76
  export {};
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
5
- require('../__chunks/JLC5A6WF.cjs');
4
+ var _JNFZSNOIcjs = require('../__chunks/JNFZSNOI.cjs');
5
+ require('../__chunks/UCLKUBNP.cjs');
6
6
 
7
7
 
8
- var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
8
+ var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
9
9
 
10
10
 
11
11
  var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -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 = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
25
+ const composite = _JNFZSNOIcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
26
26
  focusLoop: _3UT5FE6Kcjs.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 = _46BH65MCcjs.createStore.call(void 0, initialState, composite, props.store);
36
+ const radio = _2UK5WUJXcjs.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
  });
@@ -25,12 +25,14 @@ export interface RadioStoreFunctions extends CompositeStoreFunctions {
25
25
  */
26
26
  setValue: SetState<RadioStoreState["value"]>;
27
27
  }
28
- export interface RadioStoreOptions extends StoreOptions<RadioStoreState, "focusLoop" | "value">, CompositeStoreOptions {
28
+ export interface RadioStoreOptions extends CompositeStoreOptions, StoreOptions<RadioStoreState, "focusLoop" | "value"> {
29
29
  /**
30
30
  * The default value of the radio group.
31
31
  * @default null
32
32
  */
33
33
  defaultValue?: RadioStoreState["value"];
34
34
  }
35
- export type RadioStoreProps = RadioStoreOptions & StoreProps<RadioStoreState>;
36
- export type RadioStore = RadioStoreFunctions & Store<RadioStoreState>;
35
+ export interface RadioStoreProps extends RadioStoreOptions, StoreProps<RadioStoreState> {
36
+ }
37
+ export interface RadioStore extends RadioStoreFunctions, Store<RadioStoreState> {
38
+ }
@@ -25,12 +25,14 @@ export interface RadioStoreFunctions extends CompositeStoreFunctions {
25
25
  */
26
26
  setValue: SetState<RadioStoreState["value"]>;
27
27
  }
28
- export interface RadioStoreOptions extends StoreOptions<RadioStoreState, "focusLoop" | "value">, CompositeStoreOptions {
28
+ export interface RadioStoreOptions extends CompositeStoreOptions, StoreOptions<RadioStoreState, "focusLoop" | "value"> {
29
29
  /**
30
30
  * The default value of the radio group.
31
31
  * @default null
32
32
  */
33
33
  defaultValue?: RadioStoreState["value"];
34
34
  }
35
- export type RadioStoreProps = RadioStoreOptions & StoreProps<RadioStoreState>;
36
- export type RadioStore = RadioStoreFunctions & Store<RadioStoreState>;
35
+ export interface RadioStoreProps extends RadioStoreOptions, StoreProps<RadioStoreState> {
36
+ }
37
+ export interface RadioStore extends RadioStoreFunctions, Store<RadioStoreState> {
38
+ }
@@ -1,13 +1,13 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _7ZUFMSXJcjs = require('../__chunks/7ZUFMSXJ.cjs');
5
- require('../__chunks/GZDVJEID.cjs');
6
- require('../__chunks/MEHGRTJ3.cjs');
4
+ var _EFIT5L4Xcjs = require('../__chunks/EFIT5L4X.cjs');
5
+ require('../__chunks/2LS4JJ4S.cjs');
6
+ require('../__chunks/GJFZ5ZPP.cjs');
7
7
 
8
8
 
9
- var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
10
- require('../__chunks/JLC5A6WF.cjs');
9
+ var _JNFZSNOIcjs = require('../__chunks/JNFZSNOI.cjs');
10
+ require('../__chunks/UCLKUBNP.cjs');
11
11
 
12
12
 
13
13
 
@@ -16,7 +16,7 @@ require('../__chunks/JLC5A6WF.cjs');
16
16
 
17
17
 
18
18
 
19
- var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
19
+ var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
20
20
 
21
21
 
22
22
  var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -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 = _46BH65MCcjs.mergeStore.call(void 0,
40
+ const store = _2UK5WUJXcjs.mergeStore.call(void 0,
41
41
  props.store,
42
- _46BH65MCcjs.omit.call(void 0, combobox, [
42
+ _2UK5WUJXcjs.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
- _46BH65MCcjs.throwOnConflictingProps.call(void 0, props, store);
54
+ _2UK5WUJXcjs.throwOnConflictingProps.call(void 0, props, store);
55
55
  const syncState = store.getState();
56
- const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
56
+ const composite = _JNFZSNOIcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
57
57
  store,
58
58
  virtualFocus: _3UT5FE6Kcjs.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 = _7ZUFMSXJcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
80
+ const popover = _EFIT5L4Xcjs.createPopoverStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
81
81
  store,
82
82
  placement: _3UT5FE6Kcjs.defaultValue.call(void 0,
83
83
  props.placement,
@@ -101,10 +101,10 @@ function createSelectStore(_a = {}) {
101
101
  selectElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState.selectElement, null),
102
102
  labelElement: _3UT5FE6Kcjs.defaultValue.call(void 0, syncState.labelElement, null)
103
103
  });
104
- const select = _46BH65MCcjs.createStore.call(void 0, initialState, composite, popover, store);
105
- _46BH65MCcjs.setup.call(void 0,
104
+ const select = _2UK5WUJXcjs.createStore.call(void 0, initialState, composite, popover, store);
105
+ _2UK5WUJXcjs.setup.call(void 0,
106
106
  select,
107
- () => _46BH65MCcjs.sync.call(void 0, select, ["value", "items"], (state) => {
107
+ () => _2UK5WUJXcjs.sync.call(void 0, select, ["value", "items"], (state) => {
108
108
  if (state.value !== initialValue)
109
109
  return;
110
110
  if (!state.items.length)
@@ -117,9 +117,9 @@ function createSelectStore(_a = {}) {
117
117
  select.setState("value", item.value);
118
118
  })
119
119
  );
120
- _46BH65MCcjs.setup.call(void 0,
120
+ _2UK5WUJXcjs.setup.call(void 0,
121
121
  select,
122
- () => _46BH65MCcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
122
+ () => _2UK5WUJXcjs.sync.call(void 0, select, ["mounted", "items", "value"], (state) => {
123
123
  if (combobox)
124
124
  return;
125
125
  if (state.mounted)
@@ -136,9 +136,9 @@ function createSelectStore(_a = {}) {
136
136
  select.setState("activeId", item.id);
137
137
  })
138
138
  );
139
- _46BH65MCcjs.setup.call(void 0,
139
+ _2UK5WUJXcjs.setup.call(void 0,
140
140
  select,
141
- () => _46BH65MCcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
141
+ () => _2UK5WUJXcjs.batch.call(void 0, select, ["setValueOnMove", "moves"], (state) => {
142
142
  const { mounted, value, activeId } = select.getState();
143
143
  if (!state.setValueOnMove && mounted)
144
144
  return;
@@ -3,24 +3,22 @@ import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions
3
3
  import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
4
4
  import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
5
5
  import type { PickRequired, SetState } from "../utils/types.js";
6
- type Value = string | string[];
7
- type MutableValue<T extends Value = Value> = T extends string ? string : T;
8
- interface Item extends CompositeStoreItem {
6
+ type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
7
+ export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
8
+ export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
9
+ export type SelectStoreValue = string | string[];
10
+ export interface SelectStoreItem extends CompositeStoreItem {
9
11
  value?: string;
10
12
  }
11
- export declare function createSelectStore<T extends Value = Value>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
12
- export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
13
- export type SelectStoreItem = Item;
14
- export type SelectStoreValue = Value;
15
- export interface SelectStoreState<T extends Value = Value> extends CompositeStoreState<Item>, PopoverStoreState {
13
+ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreState<SelectStoreItem>, PopoverStoreState {
16
14
  /** @default true */
17
- virtualFocus: CompositeStoreState<Item>["virtualFocus"];
15
+ virtualFocus: CompositeStoreState<SelectStoreItem>["virtualFocus"];
18
16
  /** @default false */
19
- includesBaseElement: CompositeStoreState<Item>["includesBaseElement"];
17
+ includesBaseElement: CompositeStoreState<SelectStoreItem>["includesBaseElement"];
20
18
  /** @default null */
21
- activeId: CompositeStoreState<Item>["activeId"];
19
+ activeId: CompositeStoreState<SelectStoreItem>["activeId"];
22
20
  /** @default "vertical" */
23
- orientation: CompositeStoreState<Item>["orientation"];
21
+ orientation: CompositeStoreState<SelectStoreItem>["orientation"];
24
22
  /** @default "bottom-start" */
25
23
  placement: PopoverStoreState["placement"];
26
24
  /**
@@ -60,7 +58,7 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
60
58
  */
61
59
  labelElement: HTMLElement | null;
62
60
  }
63
- export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
61
+ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
64
62
  /**
65
63
  * Sets the `value` state.
66
64
  * @example
@@ -78,7 +76,7 @@ export interface SelectStoreFunctions<T extends Value = Value> extends Pick<Sele
78
76
  */
79
77
  setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
80
78
  }
81
- export interface SelectStoreOptions<T extends Value = Value> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "includesBaseElement" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<Item>, PopoverStoreOptions {
79
+ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions, StoreOptions<SelectStoreState<T>, "virtualFocus" | "includesBaseElement" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove"> {
82
80
  /**
83
81
  * A reference to a combobox store. This is used when combining the combobox
84
82
  * with a select (e.g., select with a search input). The stores will share the
@@ -96,8 +94,8 @@ export interface SelectStoreOptions<T extends Value = Value> extends StoreOption
96
94
  */
97
95
  defaultValue?: SelectStoreState<T>["value"];
98
96
  }
99
- export interface SelectStoreProps<T extends Value = Value> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
97
+ export interface SelectStoreProps<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
100
98
  }
101
- export interface SelectStore<T extends Value = Value> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
99
+ export interface SelectStore<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
102
100
  }
103
101
  export {};
@@ -3,24 +3,22 @@ import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions
3
3
  import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
4
4
  import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
5
5
  import type { PickRequired, SetState } from "../utils/types.js";
6
- type Value = string | string[];
7
- type MutableValue<T extends Value = Value> = T extends string ? string : T;
8
- interface Item extends CompositeStoreItem {
6
+ type MutableValue<T extends SelectStoreValue = SelectStoreValue> = T extends string ? string : T;
7
+ export declare function createSelectStore<T extends SelectStoreValue = SelectStoreValue>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
8
+ export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
9
+ export type SelectStoreValue = string | string[];
10
+ export interface SelectStoreItem extends CompositeStoreItem {
9
11
  value?: string;
10
12
  }
11
- export declare function createSelectStore<T extends Value = Value>(props: PickRequired<SelectStoreProps<T>, "value" | "defaultValue">): SelectStore<T>;
12
- export declare function createSelectStore(props?: SelectStoreProps): SelectStore;
13
- export type SelectStoreItem = Item;
14
- export type SelectStoreValue = Value;
15
- export interface SelectStoreState<T extends Value = Value> extends CompositeStoreState<Item>, PopoverStoreState {
13
+ export interface SelectStoreState<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreState<SelectStoreItem>, PopoverStoreState {
16
14
  /** @default true */
17
- virtualFocus: CompositeStoreState<Item>["virtualFocus"];
15
+ virtualFocus: CompositeStoreState<SelectStoreItem>["virtualFocus"];
18
16
  /** @default false */
19
- includesBaseElement: CompositeStoreState<Item>["includesBaseElement"];
17
+ includesBaseElement: CompositeStoreState<SelectStoreItem>["includesBaseElement"];
20
18
  /** @default null */
21
- activeId: CompositeStoreState<Item>["activeId"];
19
+ activeId: CompositeStoreState<SelectStoreItem>["activeId"];
22
20
  /** @default "vertical" */
23
- orientation: CompositeStoreState<Item>["orientation"];
21
+ orientation: CompositeStoreState<SelectStoreItem>["orientation"];
24
22
  /** @default "bottom-start" */
25
23
  placement: PopoverStoreState["placement"];
26
24
  /**
@@ -60,7 +58,7 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
60
58
  */
61
59
  labelElement: HTMLElement | null;
62
60
  }
63
- export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
61
+ export interface SelectStoreFunctions<T extends SelectStoreValue = SelectStoreValue> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<SelectStoreItem>, PopoverStoreFunctions {
64
62
  /**
65
63
  * Sets the `value` state.
66
64
  * @example
@@ -78,7 +76,7 @@ export interface SelectStoreFunctions<T extends Value = Value> extends Pick<Sele
78
76
  */
79
77
  setLabelElement: SetState<SelectStoreState<T>["labelElement"]>;
80
78
  }
81
- export interface SelectStoreOptions<T extends Value = Value> extends StoreOptions<SelectStoreState<T>, "virtualFocus" | "includesBaseElement" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove">, CompositeStoreOptions<Item>, PopoverStoreOptions {
79
+ export interface SelectStoreOptions<T extends SelectStoreValue = SelectStoreValue> extends CompositeStoreOptions<SelectStoreItem>, PopoverStoreOptions, StoreOptions<SelectStoreState<T>, "virtualFocus" | "includesBaseElement" | "activeId" | "orientation" | "placement" | "value" | "setValueOnMove"> {
82
80
  /**
83
81
  * A reference to a combobox store. This is used when combining the combobox
84
82
  * with a select (e.g., select with a search input). The stores will share the
@@ -96,8 +94,8 @@ export interface SelectStoreOptions<T extends Value = Value> extends StoreOption
96
94
  */
97
95
  defaultValue?: SelectStoreState<T>["value"];
98
96
  }
99
- export interface SelectStoreProps<T extends Value = Value> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
97
+ export interface SelectStoreProps<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreOptions<T>, StoreProps<SelectStoreState<T>> {
100
98
  }
101
- export interface SelectStore<T extends Value = Value> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
99
+ export interface SelectStore<T extends SelectStoreValue = SelectStoreValue> extends SelectStoreFunctions<T>, Store<SelectStoreState<T>> {
102
100
  }
103
101
  export {};
@@ -1,16 +1,16 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
4
+ var _JNFZSNOIcjs = require('../__chunks/JNFZSNOI.cjs');
5
5
 
6
6
 
7
- var _JLC5A6WFcjs = require('../__chunks/JLC5A6WF.cjs');
7
+ var _UCLKUBNPcjs = require('../__chunks/UCLKUBNP.cjs');
8
8
 
9
9
 
10
10
 
11
11
 
12
12
 
13
- var _46BH65MCcjs = require('../__chunks/46BH65MC.cjs');
13
+ var _2UK5WUJXcjs = require('../__chunks/2UK5WUJX.cjs');
14
14
 
15
15
 
16
16
  var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -25,7 +25,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
25
25
  function createTabStore(props = {}) {
26
26
  var _a;
27
27
  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
28
- const composite = _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
28
+ const composite = _JNFZSNOIcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
29
29
  orientation: _3UT5FE6Kcjs.defaultValue.call(void 0,
30
30
  props.orientation,
31
31
  syncState == null ? void 0 : syncState.orientation,
@@ -33,7 +33,7 @@ function createTabStore(props = {}) {
33
33
  ),
34
34
  focusLoop: _3UT5FE6Kcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)
35
35
  }));
36
- const panels = _JLC5A6WFcjs.createCollectionStore.call(void 0, );
36
+ const panels = _UCLKUBNPcjs.createCollectionStore.call(void 0, );
37
37
  const initialState = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, composite.getState()), {
38
38
  selectedId: _3UT5FE6Kcjs.defaultValue.call(void 0,
39
39
  props.selectedId,
@@ -47,10 +47,10 @@ function createTabStore(props = {}) {
47
47
  true
48
48
  )
49
49
  });
50
- const tab = _46BH65MCcjs.createStore.call(void 0, initialState, composite, props.store);
51
- _46BH65MCcjs.setup.call(void 0,
50
+ const tab = _2UK5WUJXcjs.createStore.call(void 0, initialState, composite, props.store);
51
+ _2UK5WUJXcjs.setup.call(void 0,
52
52
  tab,
53
- () => _46BH65MCcjs.sync.call(void 0, tab, ["moves"], () => {
53
+ () => _2UK5WUJXcjs.sync.call(void 0, tab, ["moves"], () => {
54
54
  const { activeId, selectOnMove } = tab.getState();
55
55
  if (!selectOnMove)
56
56
  return;
@@ -66,17 +66,17 @@ function createTabStore(props = {}) {
66
66
  tab.setState("selectedId", tabItem.id);
67
67
  })
68
68
  );
69
- _46BH65MCcjs.setup.call(void 0,
69
+ _2UK5WUJXcjs.setup.call(void 0,
70
70
  tab,
71
- () => _46BH65MCcjs.batch.call(void 0,
71
+ () => _2UK5WUJXcjs.batch.call(void 0,
72
72
  tab,
73
73
  ["selectedId"],
74
74
  (state) => tab.setState("activeId", state.selectedId)
75
75
  )
76
76
  );
77
- _46BH65MCcjs.setup.call(void 0,
77
+ _2UK5WUJXcjs.setup.call(void 0,
78
78
  tab,
79
- () => _46BH65MCcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
79
+ () => _2UK5WUJXcjs.sync.call(void 0, tab, ["selectedId", "renderedItems"], (state) => {
80
80
  if (state.selectedId !== void 0)
81
81
  return;
82
82
  const { activeId, renderedItems } = tab.getState();
@@ -91,13 +91,13 @@ function createTabStore(props = {}) {
91
91
  }
92
92
  })
93
93
  );
94
- _46BH65MCcjs.setup.call(void 0,
94
+ _2UK5WUJXcjs.setup.call(void 0,
95
95
  tab,
96
- () => _46BH65MCcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
96
+ () => _2UK5WUJXcjs.sync.call(void 0, tab, ["renderedItems"], (state) => {
97
97
  const tabs = state.renderedItems;
98
98
  if (!tabs.length)
99
99
  return;
100
- return _46BH65MCcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
100
+ return _2UK5WUJXcjs.sync.call(void 0, panels, ["renderedItems"], (state2) => {
101
101
  const items = state2.renderedItems;
102
102
  const hasOrphanPanels = items.some((panel) => !panel.tabId);
103
103
  if (!hasOrphanPanels)
@@ -2,24 +2,22 @@ import type { CollectionStore, CollectionStoreItem } from "../collection/collect
2
2
  import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
3
3
  import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
4
4
  import type { SetState } from "../utils/types.js";
5
- type Item = CompositeStoreItem & {
5
+ export declare function createTabStore(props?: TabStoreProps): TabStore;
6
+ export interface TabStoreItem extends CompositeStoreItem {
6
7
  dimmed?: boolean;
7
- };
8
- type Panel = CollectionStoreItem & {
8
+ }
9
+ export interface TabStorePanel extends CollectionStoreItem {
9
10
  tabId?: string | null;
10
- };
11
- export declare function createTabStore(props?: TabStoreProps): TabStore;
12
- export type TabStoreItem = Item;
13
- export type TabStorePanel = Panel;
14
- export interface TabStoreState extends CompositeStoreState<Item> {
11
+ }
12
+ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
15
13
  /**
16
14
  * @default "horizontal"
17
15
  */
18
- orientation: CompositeStoreState<Item>["orientation"];
16
+ orientation: CompositeStoreState<TabStoreItem>["orientation"];
19
17
  /**
20
18
  * @default true
21
19
  */
22
- focusLoop: CompositeStoreState<Item>["focusLoop"];
20
+ focusLoop: CompositeStoreState<TabStoreItem>["focusLoop"];
23
21
  /**
24
22
  * The id of the tab whose panel is currently visible. If it's `undefined`, it
25
23
  * will be automatically set to the first enabled tab.
@@ -38,7 +36,7 @@ export interface TabStoreState extends CompositeStoreState<Item> {
38
36
  */
39
37
  selectOnMove?: boolean;
40
38
  }
41
- export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
39
+ export interface TabStoreFunctions extends CompositeStoreFunctions<TabStoreItem> {
42
40
  /**
43
41
  * Sets the `selectedId` state without moving focus. If you want to move focus,
44
42
  * use the `select` function instead.
@@ -59,7 +57,7 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
59
57
  /**
60
58
  * A collection store containing the tab panels.
61
59
  */
62
- panels: CollectionStore<Panel>;
60
+ panels: CollectionStore<TabStorePanel>;
63
61
  /**
64
62
  * Selects the tab for the given id and moves focus to it. If you want to set
65
63
  * the `selectedId` state without moving focus, use the `setSelectedId`
@@ -75,13 +73,14 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
75
73
  */
76
74
  select: TabStore["move"];
77
75
  }
78
- export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<Item> {
76
+ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<TabStoreItem> {
79
77
  /**
80
78
  * The id of the tab whose panel is currently visible. If it's `undefined`, it
81
79
  * will be automatically set to the first enabled tab.
82
80
  */
83
81
  defaultSelectedId?: TabStoreState["selectedId"];
84
82
  }
85
- export type TabStoreProps = TabStoreOptions & StoreProps<TabStoreState>;
86
- export type TabStore = TabStoreFunctions & Store<TabStoreState>;
87
- export {};
83
+ export interface TabStoreProps extends TabStoreOptions, StoreProps<TabStoreState> {
84
+ }
85
+ export interface TabStore extends TabStoreFunctions, Store<TabStoreState> {
86
+ }
@@ -2,24 +2,22 @@ import type { CollectionStore, CollectionStoreItem } from "../collection/collect
2
2
  import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
3
3
  import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
4
4
  import type { SetState } from "../utils/types.js";
5
- type Item = CompositeStoreItem & {
5
+ export declare function createTabStore(props?: TabStoreProps): TabStore;
6
+ export interface TabStoreItem extends CompositeStoreItem {
6
7
  dimmed?: boolean;
7
- };
8
- type Panel = CollectionStoreItem & {
8
+ }
9
+ export interface TabStorePanel extends CollectionStoreItem {
9
10
  tabId?: string | null;
10
- };
11
- export declare function createTabStore(props?: TabStoreProps): TabStore;
12
- export type TabStoreItem = Item;
13
- export type TabStorePanel = Panel;
14
- export interface TabStoreState extends CompositeStoreState<Item> {
11
+ }
12
+ export interface TabStoreState extends CompositeStoreState<TabStoreItem> {
15
13
  /**
16
14
  * @default "horizontal"
17
15
  */
18
- orientation: CompositeStoreState<Item>["orientation"];
16
+ orientation: CompositeStoreState<TabStoreItem>["orientation"];
19
17
  /**
20
18
  * @default true
21
19
  */
22
- focusLoop: CompositeStoreState<Item>["focusLoop"];
20
+ focusLoop: CompositeStoreState<TabStoreItem>["focusLoop"];
23
21
  /**
24
22
  * The id of the tab whose panel is currently visible. If it's `undefined`, it
25
23
  * will be automatically set to the first enabled tab.
@@ -38,7 +36,7 @@ export interface TabStoreState extends CompositeStoreState<Item> {
38
36
  */
39
37
  selectOnMove?: boolean;
40
38
  }
41
- export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
39
+ export interface TabStoreFunctions extends CompositeStoreFunctions<TabStoreItem> {
42
40
  /**
43
41
  * Sets the `selectedId` state without moving focus. If you want to move focus,
44
42
  * use the `select` function instead.
@@ -59,7 +57,7 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
59
57
  /**
60
58
  * A collection store containing the tab panels.
61
59
  */
62
- panels: CollectionStore<Panel>;
60
+ panels: CollectionStore<TabStorePanel>;
63
61
  /**
64
62
  * Selects the tab for the given id and moves focus to it. If you want to set
65
63
  * the `selectedId` state without moving focus, use the `setSelectedId`
@@ -75,13 +73,14 @@ export interface TabStoreFunctions extends CompositeStoreFunctions<Item> {
75
73
  */
76
74
  select: TabStore["move"];
77
75
  }
78
- export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<Item> {
76
+ export interface TabStoreOptions extends StoreOptions<TabStoreState, "orientation" | "focusLoop" | "selectedId" | "selectOnMove">, CompositeStoreOptions<TabStoreItem> {
79
77
  /**
80
78
  * The id of the tab whose panel is currently visible. If it's `undefined`, it
81
79
  * will be automatically set to the first enabled tab.
82
80
  */
83
81
  defaultSelectedId?: TabStoreState["selectedId"];
84
82
  }
85
- export type TabStoreProps = TabStoreOptions & StoreProps<TabStoreState>;
86
- export type TabStore = TabStoreFunctions & Store<TabStoreState>;
87
- export {};
83
+ export interface TabStoreProps extends TabStoreOptions, StoreProps<TabStoreState> {
84
+ }
85
+ export interface TabStore extends TabStoreFunctions, Store<TabStoreState> {
86
+ }
@@ -1,9 +1,9 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
2
 
3
3
 
4
- var _6WBY3ZZMcjs = require('../__chunks/6WBY3ZZM.cjs');
5
- require('../__chunks/JLC5A6WF.cjs');
6
- require('../__chunks/46BH65MC.cjs');
4
+ var _JNFZSNOIcjs = require('../__chunks/JNFZSNOI.cjs');
5
+ require('../__chunks/UCLKUBNP.cjs');
6
+ require('../__chunks/2UK5WUJX.cjs');
7
7
 
8
8
 
9
9
  var _3UT5FE6Kcjs = require('../__chunks/3UT5FE6K.cjs');
@@ -18,7 +18,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
18
18
  function createToolbarStore(props = {}) {
19
19
  var _a;
20
20
  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
21
- return _6WBY3ZZMcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
21
+ return _JNFZSNOIcjs.createCompositeStore.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
22
22
  orientation: _3UT5FE6Kcjs.defaultValue.call(void 0,
23
23
  props.orientation,
24
24
  syncState == null ? void 0 : syncState.orientation,
@@ -1,5 +1,5 @@
1
- import type { CompositeStore, CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreProps, CompositeStoreState } from "../composite/composite-store.js";
2
- import type { StoreOptions } from "../utils/store.js";
1
+ import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
2
+ import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
3
3
  /**
4
4
  * Creates a toolbar store.
5
5
  */
@@ -14,8 +14,11 @@ export interface ToolbarStoreState extends CompositeStoreState {
14
14
  */
15
15
  focusLoop: CompositeStoreState["focusLoop"];
16
16
  }
17
- export type ToolbarStoreFunctions = CompositeStoreFunctions;
18
- export interface ToolbarStoreOptions extends StoreOptions<ToolbarStoreState, "orientation" | "focusLoop">, CompositeStoreOptions {
17
+ export interface ToolbarStoreFunctions extends CompositeStoreFunctions {
18
+ }
19
+ export interface ToolbarStoreOptions extends CompositeStoreOptions, StoreOptions<ToolbarStoreState, "orientation" | "focusLoop"> {
20
+ }
21
+ export interface ToolbarStoreProps extends ToolbarStoreOptions, StoreProps<ToolbarStoreState> {
22
+ }
23
+ export interface ToolbarStore extends ToolbarStoreFunctions, Store<ToolbarStoreState> {
19
24
  }
20
- export type ToolbarStore = CompositeStore;
21
- export type ToolbarStoreProps = CompositeStoreProps;