@ariakit/react-core 0.1.5 → 0.1.6

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 (232) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/cjs/__chunks/{TZBXRN4U.cjs → 2G5G7FQE.cjs} +8 -8
  3. package/cjs/__chunks/{PZ72QR7P.cjs → 2WXUU3G6.cjs} +2 -2
  4. package/cjs/__chunks/{GTWUFHVO.cjs → 3X3VOT2M.cjs} +2 -2
  5. package/cjs/__chunks/{GV5LATA3.cjs → 53UPJ72H.cjs} +2 -2
  6. package/cjs/__chunks/{GSMEXLDS.cjs → 5ARECY7S.cjs} +19 -10
  7. package/cjs/__chunks/{LICOAFSX.cjs → 66TVVZQ7.cjs} +2 -2
  8. package/cjs/__chunks/{VSKE43XZ.cjs → 6THZKJIB.cjs} +2 -2
  9. package/cjs/__chunks/{DH774RHH.cjs → 7RBGKDQ5.cjs} +2 -2
  10. package/cjs/__chunks/{J3TNGZSO.cjs → BSR35RJL.cjs} +4 -4
  11. package/cjs/__chunks/{UYAQKYEJ.cjs → BVCQMR5S.cjs} +2 -2
  12. package/cjs/__chunks/{M4ATEGE4.cjs → DSXWE3J4.cjs} +2 -2
  13. package/cjs/__chunks/{WLSIWMKQ.cjs → DVEJQM2Q.cjs} +2 -2
  14. package/cjs/__chunks/{63KDRM7J.cjs → F5U4P2DJ.cjs} +4 -4
  15. package/cjs/__chunks/{BJ6S3SB5.cjs → HRXM35NF.cjs} +16 -16
  16. package/cjs/__chunks/{GWL7P7EG.cjs → HSDQTR23.cjs} +2 -2
  17. package/cjs/__chunks/{KPYDIKOY.cjs → IBJDDWWU.cjs} +3 -3
  18. package/cjs/__chunks/{EZLBMRYS.cjs → IONDNL4F.cjs} +13 -13
  19. package/cjs/__chunks/{MAVPFWFV.cjs → K5PHY3H7.cjs} +2 -2
  20. package/cjs/__chunks/{ZS4MDBUW.cjs → K5YC5EZN.cjs} +5 -5
  21. package/cjs/__chunks/{SGWCIO3J.cjs → KFKFEB7D.cjs} +2 -2
  22. package/cjs/__chunks/LHHW5ZQP.cjs +7 -0
  23. package/cjs/__chunks/OISXSXPD.cjs +38 -0
  24. package/cjs/__chunks/{EQUPHBKX.cjs → QVX74QFT.cjs} +4 -4
  25. package/cjs/__chunks/{TQ3ZXPQL.cjs → SXSNI6QA.cjs} +15 -6
  26. package/cjs/__chunks/{3CPBCP3F.cjs → URF73P5I.cjs} +4 -4
  27. package/cjs/__chunks/{FJEN5XPE.cjs → USA6K5CC.cjs} +5 -5
  28. package/cjs/__chunks/{22VQR3WC.cjs → WBMW454M.cjs} +2 -2
  29. package/cjs/__chunks/{EWCMH6G3.cjs → WMRNXISU.cjs} +2 -2
  30. package/cjs/__chunks/{743OAGBP.cjs → WUOKNX34.cjs} +2 -2
  31. package/cjs/__chunks/{44UMDBZE.cjs → X5PL2AHY.cjs} +6 -0
  32. package/cjs/__chunks/{Z5OM7SNB.cjs → XXDYPCCB.cjs} +3 -3
  33. package/cjs/__chunks/{BX3HGZ7I.cjs → YDTVED7A.cjs} +5 -5
  34. package/cjs/button/button.cjs +5 -4
  35. package/cjs/checkbox/checkbox-store.cjs +3 -3
  36. package/cjs/checkbox/checkbox.cjs +6 -5
  37. package/cjs/checkbox/checkbox.d.ts +18 -5
  38. package/cjs/collection/collection-store.cjs +3 -3
  39. package/cjs/combobox/combobox-cancel.cjs +5 -4
  40. package/cjs/combobox/combobox-disclosure.cjs +7 -6
  41. package/cjs/combobox/combobox-item.cjs +6 -5
  42. package/cjs/combobox/combobox-popover.cjs +9 -7
  43. package/cjs/combobox/combobox-store.cjs +12 -12
  44. package/cjs/combobox/combobox.cjs +4 -3
  45. package/cjs/combobox/combobox.d.ts +44 -19
  46. package/cjs/command/command.cjs +4 -3
  47. package/cjs/composite/composite-container.cjs +3 -3
  48. package/cjs/composite/composite-hover.d.ts +4 -0
  49. package/cjs/composite/composite-item.cjs +6 -5
  50. package/cjs/composite/composite-overflow-disclosure.cjs +11 -10
  51. package/cjs/composite/composite-overflow-store.cjs +7 -7
  52. package/cjs/composite/composite-overflow.cjs +9 -7
  53. package/cjs/composite/composite-store.cjs +4 -4
  54. package/cjs/composite/composite-typeahead.d.ts +4 -0
  55. package/cjs/composite/composite.cjs +4 -3
  56. package/cjs/composite/composite.d.ts +4 -0
  57. package/cjs/dialog/dialog-disclosure.cjs +7 -6
  58. package/cjs/dialog/dialog-dismiss.cjs +6 -5
  59. package/cjs/dialog/dialog-store.cjs +4 -4
  60. package/cjs/dialog/dialog.cjs +8 -6
  61. package/cjs/disclosure/disclosure-store.cjs +3 -3
  62. package/cjs/disclosure/disclosure.cjs +6 -5
  63. package/cjs/focusable/focusable-container.cjs +12 -0
  64. package/cjs/focusable/focusable-container.d.ts +33 -0
  65. package/cjs/focusable/focusable-context.cjs +6 -0
  66. package/cjs/focusable/focusable-context.d.ts +1 -0
  67. package/cjs/focusable/focusable.cjs +3 -2
  68. package/cjs/focusable/focusable.d.ts +3 -0
  69. package/cjs/form/form-checkbox.cjs +8 -7
  70. package/cjs/form/form-input.cjs +3 -2
  71. package/cjs/form/form-push.cjs +5 -4
  72. package/cjs/form/form-radio.cjs +7 -6
  73. package/cjs/form/form-remove.cjs +5 -4
  74. package/cjs/form/form-reset.cjs +5 -4
  75. package/cjs/form/form-store.cjs +8 -8
  76. package/cjs/form/form-submit.cjs +5 -4
  77. package/cjs/hovercard/hovercard-anchor.cjs +4 -3
  78. package/cjs/hovercard/hovercard-disclosure.cjs +7 -6
  79. package/cjs/hovercard/hovercard-dismiss.cjs +8 -7
  80. package/cjs/hovercard/hovercard-store.cjs +6 -6
  81. package/cjs/hovercard/hovercard.cjs +10 -8
  82. package/cjs/menu/menu-bar-store.cjs +6 -6
  83. package/cjs/menu/menu-bar.cjs +4 -3
  84. package/cjs/menu/menu-button.cjs +12 -11
  85. package/cjs/menu/menu-dismiss.cjs +8 -7
  86. package/cjs/menu/menu-item-checkbox.cjs +11 -10
  87. package/cjs/menu/menu-item-radio.cjs +9 -8
  88. package/cjs/menu/menu-item.cjs +7 -6
  89. package/cjs/menu/menu-list.cjs +6 -5
  90. package/cjs/menu/menu-store.cjs +14 -14
  91. package/cjs/menu/menu.cjs +14 -12
  92. package/cjs/popover/popover-disclosure.cjs +8 -7
  93. package/cjs/popover/popover-dismiss.cjs +7 -6
  94. package/cjs/popover/popover-store.cjs +5 -5
  95. package/cjs/popover/popover.cjs +9 -7
  96. package/cjs/radio/radio-group.cjs +4 -3
  97. package/cjs/radio/radio-store.cjs +7 -7
  98. package/cjs/radio/radio.cjs +7 -6
  99. package/cjs/select/select-item.cjs +6 -5
  100. package/cjs/select/select-list.cjs +5 -4
  101. package/cjs/select/select-popover.cjs +12 -10
  102. package/cjs/select/select-store.cjs +12 -12
  103. package/cjs/select/select.cjs +8 -7
  104. package/cjs/tab/tab-list.cjs +4 -3
  105. package/cjs/tab/tab-panel.cjs +6 -5
  106. package/cjs/tab/tab-store.cjs +9 -9
  107. package/cjs/tab/tab.cjs +6 -5
  108. package/cjs/toolbar/toolbar-container.cjs +9 -8
  109. package/cjs/toolbar/toolbar-input.cjs +7 -6
  110. package/cjs/toolbar/toolbar-item.cjs +7 -6
  111. package/cjs/toolbar/toolbar-store.cjs +6 -6
  112. package/cjs/toolbar/toolbar.cjs +4 -3
  113. package/cjs/tooltip/tooltip-store.cjs +7 -7
  114. package/cjs/tsconfig.build.tsbuildinfo +1 -1
  115. package/cjs/utils/store.cjs +2 -2
  116. package/esm/__chunks/{JCOAGXR2.js → 2EKS6A3C.js} +2 -2
  117. package/esm/__chunks/{BIFSQ6O4.js → 2PS226YW.js} +1 -1
  118. package/esm/__chunks/{MAJ5ZZ2S.js → 3QLNHI3O.js} +1 -1
  119. package/esm/__chunks/{7VB6U7Y2.js → 7GYXZEBT.js} +1 -1
  120. package/esm/__chunks/{P4W76ES3.js → A62WSI6V.js} +1 -1
  121. package/esm/__chunks/BMLNRUFQ.js +7 -0
  122. package/esm/__chunks/D6AEGMVG.js +38 -0
  123. package/esm/__chunks/{LZKGMRGC.js → DH2UH4YR.js} +1 -1
  124. package/esm/__chunks/{LBUPFIVF.js → DQXTORDL.js} +2 -2
  125. package/esm/__chunks/{JIT55CHU.js → E3LZDF77.js} +19 -10
  126. package/esm/__chunks/{LTH56VDS.js → EUGPS2W3.js} +15 -6
  127. package/esm/__chunks/{NY7SYLNQ.js → EX5SMLJA.js} +1 -1
  128. package/esm/__chunks/{2WA5HZXQ.js → FVED2REU.js} +1 -1
  129. package/esm/__chunks/{I4MLEPTM.js → GEZPJZJE.js} +1 -1
  130. package/esm/__chunks/{JOV72LYK.js → HAHDW4I2.js} +2 -2
  131. package/esm/__chunks/{5TGAWEHD.js → HBXYECGK.js} +7 -1
  132. package/esm/__chunks/{GM2BWWHD.js → LMKEQY3H.js} +2 -2
  133. package/esm/__chunks/{GLAECEAR.js → LUPFVLDA.js} +1 -1
  134. package/esm/__chunks/{ND76WTDR.js → LWUHIEZR.js} +2 -2
  135. package/esm/__chunks/{JKSMOXA4.js → MMKQPA5B.js} +1 -1
  136. package/esm/__chunks/{YHRHKO5B.js → NL6KEDBG.js} +1 -1
  137. package/esm/__chunks/{FXC76SFN.js → NOLA2XUH.js} +1 -1
  138. package/esm/__chunks/{6THLPTJO.js → NZB3NDFQ.js} +1 -1
  139. package/esm/__chunks/{NRA7DRSD.js → OOPJDYET.js} +1 -1
  140. package/esm/__chunks/{B3AF63GK.js → QLGPSTUO.js} +1 -1
  141. package/esm/__chunks/{SAVDGYCC.js → SMBMF2TX.js} +1 -1
  142. package/esm/__chunks/{KTHONFWV.js → TQC4ZBYZ.js} +2 -2
  143. package/esm/__chunks/{57UTLR6J.js → UBWZV2LZ.js} +1 -1
  144. package/esm/__chunks/{2EEVGFEH.js → V3PAD47N.js} +3 -3
  145. package/esm/__chunks/{36HCAR3M.js → WKCZETSE.js} +1 -1
  146. package/esm/__chunks/{M6QENKOT.js → YTUXLB4R.js} +2 -2
  147. package/esm/__chunks/{ZCEPUYV7.js → ZNVJPG2U.js} +2 -2
  148. package/esm/button/button.js +4 -3
  149. package/esm/checkbox/checkbox-store.js +2 -2
  150. package/esm/checkbox/checkbox.d.ts +18 -5
  151. package/esm/checkbox/checkbox.js +5 -4
  152. package/esm/collection/collection-store.js +2 -2
  153. package/esm/combobox/combobox-cancel.js +4 -3
  154. package/esm/combobox/combobox-disclosure.js +6 -5
  155. package/esm/combobox/combobox-item.js +5 -4
  156. package/esm/combobox/combobox-popover.js +8 -6
  157. package/esm/combobox/combobox-store.js +6 -6
  158. package/esm/combobox/combobox.d.ts +44 -19
  159. package/esm/combobox/combobox.js +3 -2
  160. package/esm/command/command.js +3 -2
  161. package/esm/composite/composite-container.js +2 -2
  162. package/esm/composite/composite-hover.d.ts +4 -0
  163. package/esm/composite/composite-item.js +5 -4
  164. package/esm/composite/composite-overflow-disclosure.js +9 -8
  165. package/esm/composite/composite-overflow-store.js +4 -4
  166. package/esm/composite/composite-overflow.js +8 -6
  167. package/esm/composite/composite-store.js +3 -3
  168. package/esm/composite/composite-typeahead.d.ts +4 -0
  169. package/esm/composite/composite.d.ts +4 -0
  170. package/esm/composite/composite.js +3 -2
  171. package/esm/dialog/dialog-disclosure.js +6 -5
  172. package/esm/dialog/dialog-dismiss.js +5 -4
  173. package/esm/dialog/dialog-store.js +3 -3
  174. package/esm/dialog/dialog.js +7 -5
  175. package/esm/disclosure/disclosure-store.js +2 -2
  176. package/esm/disclosure/disclosure.js +5 -4
  177. package/esm/focusable/focusable-container.d.ts +33 -0
  178. package/esm/focusable/focusable-container.js +12 -0
  179. package/esm/focusable/focusable-context.d.ts +1 -0
  180. package/esm/focusable/focusable-context.js +6 -0
  181. package/esm/focusable/focusable.d.ts +3 -0
  182. package/esm/focusable/focusable.js +2 -1
  183. package/esm/form/form-checkbox.js +8 -7
  184. package/esm/form/form-input.js +2 -1
  185. package/esm/form/form-push.js +4 -3
  186. package/esm/form/form-radio.js +6 -5
  187. package/esm/form/form-remove.js +4 -3
  188. package/esm/form/form-reset.js +4 -3
  189. package/esm/form/form-store.js +2 -2
  190. package/esm/form/form-submit.js +4 -3
  191. package/esm/hovercard/hovercard-anchor.js +3 -2
  192. package/esm/hovercard/hovercard-disclosure.js +6 -5
  193. package/esm/hovercard/hovercard-dismiss.js +7 -6
  194. package/esm/hovercard/hovercard-store.js +5 -5
  195. package/esm/hovercard/hovercard.js +9 -7
  196. package/esm/menu/menu-bar-store.js +3 -3
  197. package/esm/menu/menu-bar.js +3 -2
  198. package/esm/menu/menu-button.js +9 -8
  199. package/esm/menu/menu-dismiss.js +7 -6
  200. package/esm/menu/menu-item-checkbox.js +10 -9
  201. package/esm/menu/menu-item-radio.js +7 -6
  202. package/esm/menu/menu-item.js +6 -5
  203. package/esm/menu/menu-list.js +5 -4
  204. package/esm/menu/menu-store.js +7 -7
  205. package/esm/menu/menu.js +12 -10
  206. package/esm/popover/popover-disclosure.js +7 -6
  207. package/esm/popover/popover-dismiss.js +6 -5
  208. package/esm/popover/popover-store.js +4 -4
  209. package/esm/popover/popover.js +8 -6
  210. package/esm/radio/radio-group.js +3 -2
  211. package/esm/radio/radio-store.js +3 -3
  212. package/esm/radio/radio.js +6 -5
  213. package/esm/select/select-item.js +5 -4
  214. package/esm/select/select-list.js +4 -3
  215. package/esm/select/select-popover.js +10 -8
  216. package/esm/select/select-store.js +6 -6
  217. package/esm/select/select.js +7 -6
  218. package/esm/tab/tab-list.js +3 -2
  219. package/esm/tab/tab-panel.js +4 -3
  220. package/esm/tab/tab-store.js +3 -3
  221. package/esm/tab/tab.js +5 -4
  222. package/esm/toolbar/toolbar-container.js +7 -6
  223. package/esm/toolbar/toolbar-input.js +6 -5
  224. package/esm/toolbar/toolbar-item.js +6 -5
  225. package/esm/toolbar/toolbar-store.js +3 -3
  226. package/esm/toolbar/toolbar.js +3 -2
  227. package/esm/tooltip/tooltip-store.js +4 -4
  228. package/esm/tsconfig.build.tsbuildinfo +1 -1
  229. package/esm/utils/store.js +1 -1
  230. package/focusable/focusable-container/package.json +7 -0
  231. package/focusable/focusable-context/package.json +7 -0
  232. package/package.json +10 -2
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  useCompositeStoreOptions,
3
3
  useCompositeStoreProps
4
- } from "../__chunks/ZCEPUYV7.js";
5
- import "../__chunks/36HCAR3M.js";
4
+ } from "../__chunks/ZNVJPG2U.js";
5
+ import "../__chunks/WKCZETSE.js";
6
6
  import {
7
7
  usePopoverStoreOptions,
8
8
  usePopoverStoreProps
9
- } from "../__chunks/M6QENKOT.js";
10
- import "../__chunks/ND76WTDR.js";
11
- import "../__chunks/YHRHKO5B.js";
9
+ } from "../__chunks/YTUXLB4R.js";
10
+ import "../__chunks/LWUHIEZR.js";
11
+ import "../__chunks/NL6KEDBG.js";
12
12
  import {
13
13
  useStore,
14
14
  useStoreProps
15
- } from "../__chunks/LTH56VDS.js";
15
+ } from "../__chunks/EUGPS2W3.js";
16
16
  import "../__chunks/B7MIN7YT.js";
17
17
  import "../__chunks/SXC6BPOF.js";
18
18
 
@@ -44,35 +44,48 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
44
44
  * Whether the first item will be automatically selected when the combobox
45
45
  * input value changes. When it's set to `true`, the exact behavior will
46
46
  * depend on the value of `autoComplete` prop:
47
- * - If `autoComplete` is `both` or `inline`, the first item is
48
- * automatically focused when the popup opens, and the input value
49
- * changes to reflect this. The inline completion string will be
50
- * highlighted and will have a selected state.
51
- * - If `autoComplete` is `list` or `none`, the first item is
52
- * automatically focused when the popup opens, but the input value
53
- * doesn't change.
47
+ * - If `autoComplete` is `both` or `inline`, the first item is automatically
48
+ * focused when the popup opens, and the input value changes to reflect
49
+ * this. The inline completion string will be highlighted and will have a
50
+ * selected state.
51
+ * - If `autoComplete` is `list` or `none`, the first item is automatically
52
+ * focused when the popup opens, but the input value doesn't change.
53
+ *
54
+ * Live examples:
55
+ * - [ComboboxCancel](https://ariakit.org/examples/combobox-cancel)
56
+ * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
57
+ * - [Combobox with links](https://ariakit.org/examples/combobox-links)
58
+ * - [Textarea with inline
59
+ * Combobox](https://ariakit.org/examples/combobox-textarea)
54
60
  * @default false
55
61
  */
56
62
  autoSelect?: boolean;
57
63
  /**
58
64
  * Whether the items will be filtered based on `value` and whether the input
59
- * value will temporarily change based on the active item. If `defaultList`
60
- * or `list` are provided, this will be set to `list` by default, otherwise
61
- * it'll default to `none`.
62
- * - `both`: the items will be filtered based on `value` and the input
63
- * value will temporarily change based on the active item.
64
- * - `list`: the items will be filtered based on `value` and the input
65
- * value will NOT change based on the active item.
66
- * - `inline`: the items are static, that is, they won't be filtered based
67
- * on `value`, but the input value will temporarily change based on the
68
- * active item.
69
- * - `none`: the items are static and the input value will NOT change
70
- * based on the active item.
65
+ * value will temporarily change based on the active item. If `defaultList` or
66
+ * `list` are provided, this will be set to `list` by default, otherwise it'll
67
+ * default to `none`.
68
+ * - `both`: the items will be filtered based on `value` and the input value
69
+ * will temporarily change based on the active item.
70
+ * - `list`: the items will be filtered based on `value` and the input value
71
+ * will NOT change based on the active item.
72
+ * - `inline`: the items are static, that is, they won't be filtered based on
73
+ * `value`, but the input value will temporarily change based on the active
74
+ * item.
75
+ * - `none`: the items are static and the input value will NOT change based on
76
+ * the active item.
77
+ *
78
+ * Live examples:
79
+ * - [ComboboxGroup](https://ariakit.org/examples/combobox-group)
71
80
  */
72
81
  autoComplete?: "both" | "inline" | "list" | "none";
73
82
  /**
74
83
  * Whether the combobox list/popover should be shown when the input value is
75
84
  * changed.
85
+ *
86
+ * Live examples:
87
+ * - [Textarea with inline
88
+ * Combobox](https://ariakit.org/examples/combobox-textarea)
76
89
  * @default true
77
90
  * @example
78
91
  * ```jsx
@@ -84,12 +97,20 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
84
97
  * Whether the combobox store value will be updated when the input value
85
98
  * changes. This is useful if you want to customize how the store value is
86
99
  * updated based on the input value.
100
+ *
101
+ * Live examples:
102
+ * - [Textarea with inline
103
+ * Combobox](https://ariakit.org/examples/combobox-textarea)
87
104
  * @default true
88
105
  */
89
106
  setValueOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
90
107
  /**
91
108
  * Whether the combobox list/popover should be shown when the input is
92
109
  * clicked.
110
+ *
111
+ * Live examples:
112
+ * - [Textarea with inline
113
+ * Combobox](https://ariakit.org/examples/combobox-textarea)
93
114
  * @default true
94
115
  * @example
95
116
  * ```jsx
@@ -102,6 +123,10 @@ export interface ComboboxOptions<T extends As = "input"> extends CompositeOption
102
123
  /**
103
124
  * Whether the combobox list/popover should be shown when the user presses
104
125
  * the arrow up or down keys while focusing on the combobox input element.
126
+ *
127
+ * Live examples:
128
+ * - [Textarea with inline
129
+ * Combobox](https://ariakit.org/examples/combobox-textarea)
105
130
  * @default true
106
131
  * @example
107
132
  * ```jsx
@@ -3,9 +3,10 @@ import {
3
3
  } from "../__chunks/RNWB46DZ.js";
4
4
  import {
5
5
  useComposite
6
- } from "../__chunks/FXC76SFN.js";
6
+ } from "../__chunks/NOLA2XUH.js";
7
7
  import "../__chunks/STKLF26R.js";
8
- import "../__chunks/5TGAWEHD.js";
8
+ import "../__chunks/HBXYECGK.js";
9
+ import "../__chunks/BMLNRUFQ.js";
9
10
  import "../__chunks/Z3X3QN6P.js";
10
11
  import {
11
12
  createComponent,
@@ -1,8 +1,9 @@
1
1
  import {
2
2
  Command,
3
3
  useCommand
4
- } from "../__chunks/SAVDGYCC.js";
5
- import "../__chunks/5TGAWEHD.js";
4
+ } from "../__chunks/SMBMF2TX.js";
5
+ import "../__chunks/HBXYECGK.js";
6
+ import "../__chunks/BMLNRUFQ.js";
6
7
  import "../__chunks/JE5NWDDX.js";
7
8
  import "../__chunks/B7MIN7YT.js";
8
9
  import "../__chunks/SXC6BPOF.js";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  CompositeContainer,
3
3
  useCompositeContainer
4
- } from "../__chunks/7VB6U7Y2.js";
4
+ } from "../__chunks/7GYXZEBT.js";
5
5
  import "../__chunks/STKLF26R.js";
6
6
  import "../__chunks/Z3X3QN6P.js";
7
7
  import "../__chunks/JE5NWDDX.js";
8
- import "../__chunks/LTH56VDS.js";
8
+ import "../__chunks/EUGPS2W3.js";
9
9
  import "../__chunks/B7MIN7YT.js";
10
10
  import "../__chunks/SXC6BPOF.js";
11
11
  export {
@@ -40,6 +40,10 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
40
40
  store?: CompositeStore;
41
41
  /**
42
42
  * Whether to focus the composite item on hover.
43
+ *
44
+ * Live examples:
45
+ * - [Textarea with inline
46
+ * Combobox](https://ariakit.org/examples/combobox-textarea)
43
47
  * @default true
44
48
  */
45
49
  focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
@@ -1,15 +1,16 @@
1
1
  import {
2
2
  CompositeItem,
3
3
  useCompositeItem
4
- } from "../__chunks/JOV72LYK.js";
5
- import "../__chunks/SAVDGYCC.js";
4
+ } from "../__chunks/HAHDW4I2.js";
5
+ import "../__chunks/SMBMF2TX.js";
6
6
  import "../__chunks/ON2AV7GH.js";
7
7
  import "../__chunks/T3DJZG63.js";
8
8
  import "../__chunks/STKLF26R.js";
9
- import "../__chunks/5TGAWEHD.js";
9
+ import "../__chunks/HBXYECGK.js";
10
+ import "../__chunks/BMLNRUFQ.js";
10
11
  import "../__chunks/Z3X3QN6P.js";
11
12
  import "../__chunks/JE5NWDDX.js";
12
- import "../__chunks/LTH56VDS.js";
13
+ import "../__chunks/EUGPS2W3.js";
13
14
  import "../__chunks/B7MIN7YT.js";
14
15
  import "../__chunks/SXC6BPOF.js";
15
16
  export {
@@ -1,26 +1,27 @@
1
1
  import {
2
2
  usePopoverDisclosure
3
- } from "../__chunks/JKSMOXA4.js";
4
- import "../__chunks/NRA7DRSD.js";
5
- import "../__chunks/57UTLR6J.js";
6
- import "../__chunks/I4MLEPTM.js";
3
+ } from "../__chunks/MMKQPA5B.js";
4
+ import "../__chunks/OOPJDYET.js";
5
+ import "../__chunks/UBWZV2LZ.js";
6
+ import "../__chunks/GEZPJZJE.js";
7
7
  import "../__chunks/6GS36SYX.js";
8
8
  import "../__chunks/RNWB46DZ.js";
9
9
  import {
10
10
  useCompositeItem
11
- } from "../__chunks/JOV72LYK.js";
12
- import "../__chunks/SAVDGYCC.js";
11
+ } from "../__chunks/HAHDW4I2.js";
12
+ import "../__chunks/SMBMF2TX.js";
13
13
  import "../__chunks/ON2AV7GH.js";
14
14
  import "../__chunks/T3DJZG63.js";
15
15
  import "../__chunks/STKLF26R.js";
16
- import "../__chunks/5TGAWEHD.js";
16
+ import "../__chunks/HBXYECGK.js";
17
+ import "../__chunks/BMLNRUFQ.js";
17
18
  import "../__chunks/Z3X3QN6P.js";
18
19
  import {
19
20
  createComponent,
20
21
  createElement,
21
22
  createHook
22
23
  } from "../__chunks/JE5NWDDX.js";
23
- import "../__chunks/LTH56VDS.js";
24
+ import "../__chunks/EUGPS2W3.js";
24
25
  import {
25
26
  useEvent,
26
27
  useForkRef
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  usePopoverStoreOptions,
3
3
  usePopoverStoreProps
4
- } from "../__chunks/M6QENKOT.js";
5
- import "../__chunks/ND76WTDR.js";
6
- import "../__chunks/YHRHKO5B.js";
4
+ } from "../__chunks/YTUXLB4R.js";
5
+ import "../__chunks/LWUHIEZR.js";
6
+ import "../__chunks/NL6KEDBG.js";
7
7
  import {
8
8
  useStore
9
- } from "../__chunks/LTH56VDS.js";
9
+ } from "../__chunks/EUGPS2W3.js";
10
10
  import "../__chunks/B7MIN7YT.js";
11
11
  import "../__chunks/SXC6BPOF.js";
12
12
 
@@ -1,23 +1,25 @@
1
1
  import {
2
2
  usePopover
3
- } from "../__chunks/GLAECEAR.js";
4
- import "../__chunks/JIT55CHU.js";
3
+ } from "../__chunks/LUPFVLDA.js";
4
+ import "../__chunks/E3LZDF77.js";
5
5
  import "../__chunks/4U6AOLE4.js";
6
+ import "../__chunks/GWYHKM6Q.js";
7
+ import "../__chunks/IIX2NU6T.js";
6
8
  import "../__chunks/ARIIJA3Z.js";
9
+ import "../__chunks/FD7UP2TJ.js";
7
10
  import "../__chunks/PU22SOKH.js";
8
11
  import "../__chunks/X3J57OQT.js";
9
12
  import "../__chunks/NV7HSBKK.js";
13
+ import "../__chunks/D6AEGMVG.js";
10
14
  import "../__chunks/2SVAPVVI.js";
11
15
  import "../__chunks/HVXLVRRR.js";
12
16
  import "../__chunks/7JNF6I52.js";
13
- import "../__chunks/GWYHKM6Q.js";
14
- import "../__chunks/FD7UP2TJ.js";
15
- import "../__chunks/IIX2NU6T.js";
16
17
  import "../__chunks/6OMX4H3W.js";
17
18
  import "../__chunks/COQHFAEN.js";
18
19
  import "../__chunks/LNHZLQEK.js";
19
20
  import "../__chunks/6GS36SYX.js";
20
- import "../__chunks/5TGAWEHD.js";
21
+ import "../__chunks/HBXYECGK.js";
22
+ import "../__chunks/BMLNRUFQ.js";
21
23
  import "../__chunks/MPZ7PKON.js";
22
24
  import "../__chunks/NDTB3OGK.js";
23
25
  import "../__chunks/LDDPB3PY.js";
@@ -2,9 +2,9 @@ import {
2
2
  useCompositeStore,
3
3
  useCompositeStoreOptions,
4
4
  useCompositeStoreProps
5
- } from "../__chunks/ZCEPUYV7.js";
6
- import "../__chunks/36HCAR3M.js";
7
- import "../__chunks/LTH56VDS.js";
5
+ } from "../__chunks/ZNVJPG2U.js";
6
+ import "../__chunks/WKCZETSE.js";
7
+ import "../__chunks/EUGPS2W3.js";
8
8
  import "../__chunks/B7MIN7YT.js";
9
9
  import "../__chunks/SXC6BPOF.js";
10
10
  export {
@@ -36,6 +36,10 @@ export interface CompositeTypeaheadOptions<T extends As = "div"> extends Options
36
36
  store?: CompositeStore;
37
37
  /**
38
38
  * Determines whether the typeahead behavior is enabled.
39
+ *
40
+ * Live examples:
41
+ * - [Multi-selectable
42
+ * Combobox](https://ariakit.org/examples/combobox-multiple)
39
43
  * @default true
40
44
  */
41
45
  typeahead?: boolean;
@@ -39,6 +39,10 @@ export interface CompositeOptions<T extends As = "div"> extends FocusableOptions
39
39
  * Whether the component should behave as a composite widget. This prop should
40
40
  * be set to `false` when combining different composite widgets where only one
41
41
  * should behave as such.
42
+ *
43
+ * Live examples:
44
+ * - [Multi-selectable
45
+ * Combobox](https://ariakit.org/examples/combobox-multiple)
42
46
  * @default true
43
47
  * @example
44
48
  * ```jsx
@@ -1,9 +1,10 @@
1
1
  import {
2
2
  Composite,
3
3
  useComposite
4
- } from "../__chunks/FXC76SFN.js";
4
+ } from "../__chunks/NOLA2XUH.js";
5
5
  import "../__chunks/STKLF26R.js";
6
- import "../__chunks/5TGAWEHD.js";
6
+ import "../__chunks/HBXYECGK.js";
7
+ import "../__chunks/BMLNRUFQ.js";
7
8
  import "../__chunks/Z3X3QN6P.js";
8
9
  import "../__chunks/JE5NWDDX.js";
9
10
  import "../__chunks/B7MIN7YT.js";
@@ -1,11 +1,12 @@
1
1
  import {
2
2
  DialogDisclosure,
3
3
  useDialogDisclosure
4
- } from "../__chunks/NRA7DRSD.js";
5
- import "../__chunks/57UTLR6J.js";
6
- import "../__chunks/I4MLEPTM.js";
7
- import "../__chunks/SAVDGYCC.js";
8
- import "../__chunks/5TGAWEHD.js";
4
+ } from "../__chunks/OOPJDYET.js";
5
+ import "../__chunks/UBWZV2LZ.js";
6
+ import "../__chunks/GEZPJZJE.js";
7
+ import "../__chunks/SMBMF2TX.js";
8
+ import "../__chunks/HBXYECGK.js";
9
+ import "../__chunks/BMLNRUFQ.js";
9
10
  import "../__chunks/JE5NWDDX.js";
10
11
  import "../__chunks/B7MIN7YT.js";
11
12
  import "../__chunks/SXC6BPOF.js";
@@ -1,11 +1,12 @@
1
1
  import {
2
2
  DialogDismiss,
3
3
  useDialogDismiss
4
- } from "../__chunks/6THLPTJO.js";
5
- import "../__chunks/I4MLEPTM.js";
4
+ } from "../__chunks/NZB3NDFQ.js";
5
+ import "../__chunks/GEZPJZJE.js";
6
6
  import "../__chunks/LNHZLQEK.js";
7
- import "../__chunks/SAVDGYCC.js";
8
- import "../__chunks/5TGAWEHD.js";
7
+ import "../__chunks/SMBMF2TX.js";
8
+ import "../__chunks/HBXYECGK.js";
9
+ import "../__chunks/BMLNRUFQ.js";
9
10
  import "../__chunks/JE5NWDDX.js";
10
11
  import "../__chunks/B7MIN7YT.js";
11
12
  import "../__chunks/SXC6BPOF.js";
@@ -2,9 +2,9 @@ import {
2
2
  useDialogStore,
3
3
  useDialogStoreOptions,
4
4
  useDialogStoreProps
5
- } from "../__chunks/ND76WTDR.js";
6
- import "../__chunks/YHRHKO5B.js";
7
- import "../__chunks/LTH56VDS.js";
5
+ } from "../__chunks/LWUHIEZR.js";
6
+ import "../__chunks/NL6KEDBG.js";
7
+ import "../__chunks/EUGPS2W3.js";
8
8
  import "../__chunks/B7MIN7YT.js";
9
9
  import "../__chunks/SXC6BPOF.js";
10
10
  export {
@@ -1,22 +1,24 @@
1
1
  import {
2
2
  Dialog,
3
3
  useDialog
4
- } from "../__chunks/JIT55CHU.js";
4
+ } from "../__chunks/E3LZDF77.js";
5
5
  import "../__chunks/4U6AOLE4.js";
6
+ import "../__chunks/GWYHKM6Q.js";
7
+ import "../__chunks/IIX2NU6T.js";
6
8
  import "../__chunks/ARIIJA3Z.js";
9
+ import "../__chunks/FD7UP2TJ.js";
7
10
  import "../__chunks/PU22SOKH.js";
8
11
  import "../__chunks/X3J57OQT.js";
9
12
  import "../__chunks/NV7HSBKK.js";
13
+ import "../__chunks/D6AEGMVG.js";
10
14
  import "../__chunks/2SVAPVVI.js";
11
15
  import "../__chunks/HVXLVRRR.js";
12
16
  import "../__chunks/7JNF6I52.js";
13
- import "../__chunks/GWYHKM6Q.js";
14
- import "../__chunks/FD7UP2TJ.js";
15
- import "../__chunks/IIX2NU6T.js";
16
17
  import "../__chunks/6OMX4H3W.js";
17
18
  import "../__chunks/COQHFAEN.js";
18
19
  import "../__chunks/LNHZLQEK.js";
19
- import "../__chunks/5TGAWEHD.js";
20
+ import "../__chunks/HBXYECGK.js";
21
+ import "../__chunks/BMLNRUFQ.js";
20
22
  import "../__chunks/MPZ7PKON.js";
21
23
  import "../__chunks/NDTB3OGK.js";
22
24
  import "../__chunks/LDDPB3PY.js";
@@ -2,8 +2,8 @@ import {
2
2
  useDisclosureStore,
3
3
  useDisclosureStoreOptions,
4
4
  useDisclosureStoreProps
5
- } from "../__chunks/YHRHKO5B.js";
6
- import "../__chunks/LTH56VDS.js";
5
+ } from "../__chunks/NL6KEDBG.js";
6
+ import "../__chunks/EUGPS2W3.js";
7
7
  import "../__chunks/B7MIN7YT.js";
8
8
  import "../__chunks/SXC6BPOF.js";
9
9
  export {
@@ -1,10 +1,11 @@
1
1
  import {
2
2
  Disclosure,
3
3
  useDisclosure
4
- } from "../__chunks/57UTLR6J.js";
5
- import "../__chunks/I4MLEPTM.js";
6
- import "../__chunks/SAVDGYCC.js";
7
- import "../__chunks/5TGAWEHD.js";
4
+ } from "../__chunks/UBWZV2LZ.js";
5
+ import "../__chunks/GEZPJZJE.js";
6
+ import "../__chunks/SMBMF2TX.js";
7
+ import "../__chunks/HBXYECGK.js";
8
+ import "../__chunks/BMLNRUFQ.js";
8
9
  import "../__chunks/JE5NWDDX.js";
9
10
  import "../__chunks/B7MIN7YT.js";
10
11
  import "../__chunks/SXC6BPOF.js";
@@ -0,0 +1,33 @@
1
+ import type { As, Options, Props } from "../utils/types.js";
2
+ /**
3
+ * Returns props to create a `FocusableContainer` component.
4
+ * @see https://ariakit.org/components/focusable
5
+ * @example
6
+ * ```jsx
7
+ * const props = useFocusableContainer();
8
+ * <Role {...props} />
9
+ * ```
10
+ */
11
+ export declare const useFocusableContainer: import("../utils/types.js").Hook<FocusableContainerOptions<"div">>;
12
+ /**
13
+ * Renders a div that wraps `Focusable` components and controls whether they
14
+ * can be auto focused.
15
+ * @see https://ariakit.org/components/focusable
16
+ * @example
17
+ * ```jsx
18
+ * <FocusableContainer autoFocusOnShow={false}>
19
+ * <Focusable autoFocus />
20
+ * </FocusableContainer>
21
+ * ```
22
+ */
23
+ export declare const FocusableContainer: import("../utils/types.js").Component<FocusableContainerOptions<"div">>;
24
+ export type FocusableContainerOptions<T extends As = "div"> = Options<T> & {
25
+ /**
26
+ * Determines whether focusable elements inside the container should be
27
+ * automatically focused when the container is shown and they have the
28
+ * `autoFocus` prop.
29
+ * @default true
30
+ */
31
+ autoFocusOnShow?: boolean;
32
+ };
33
+ export type FocusableContainerProps<T extends As = "div"> = Props<FocusableContainerOptions<T>>;
@@ -0,0 +1,12 @@
1
+ import {
2
+ FocusableContainer,
3
+ useFocusableContainer
4
+ } from "../__chunks/D6AEGMVG.js";
5
+ import "../__chunks/BMLNRUFQ.js";
6
+ import "../__chunks/JE5NWDDX.js";
7
+ import "../__chunks/B7MIN7YT.js";
8
+ import "../__chunks/SXC6BPOF.js";
9
+ export {
10
+ FocusableContainer,
11
+ useFocusableContainer
12
+ };
@@ -0,0 +1 @@
1
+ export declare const FocusableContext: import("react").Context<boolean>;
@@ -0,0 +1,6 @@
1
+ import {
2
+ FocusableContext
3
+ } from "../__chunks/BMLNRUFQ.js";
4
+ export {
5
+ FocusableContext
6
+ };
@@ -59,6 +59,9 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
59
59
  /**
60
60
  * Custom event handler that is called when the element is focused via the
61
61
  * keyboard or when a key is pressed while the element is focused.
62
+ *
63
+ * Live examples:
64
+ * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
62
65
  */
63
66
  onFocusVisible?: BivariantCallback<(event: SyntheticEvent) => void>;
64
67
  }
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  Focusable,
3
3
  useFocusable
4
- } from "../__chunks/5TGAWEHD.js";
4
+ } from "../__chunks/HBXYECGK.js";
5
+ import "../__chunks/BMLNRUFQ.js";
5
6
  import "../__chunks/JE5NWDDX.js";
6
7
  import "../__chunks/B7MIN7YT.js";
7
8
  import "../__chunks/SXC6BPOF.js";
@@ -4,23 +4,24 @@ import {
4
4
  import {
5
5
  FormContext
6
6
  } from "../__chunks/P3I4MECH.js";
7
- import {
8
- useCheckboxStore
9
- } from "../__chunks/MAJ5ZZ2S.js";
10
7
  import {
11
8
  useCheckbox
12
- } from "../__chunks/GM2BWWHD.js";
9
+ } from "../__chunks/LMKEQY3H.js";
10
+ import {
11
+ useCheckboxStore
12
+ } from "../__chunks/3QLNHI3O.js";
13
13
  import "../__chunks/M5KYRTQG.js";
14
- import "../__chunks/SAVDGYCC.js";
14
+ import "../__chunks/SMBMF2TX.js";
15
15
  import "../__chunks/ON2AV7GH.js";
16
16
  import "../__chunks/T3DJZG63.js";
17
- import "../__chunks/5TGAWEHD.js";
17
+ import "../__chunks/HBXYECGK.js";
18
+ import "../__chunks/BMLNRUFQ.js";
18
19
  import {
19
20
  createElement,
20
21
  createHook,
21
22
  createMemoComponent
22
23
  } from "../__chunks/JE5NWDDX.js";
23
- import "../__chunks/LTH56VDS.js";
24
+ import "../__chunks/EUGPS2W3.js";
24
25
  import "../__chunks/B7MIN7YT.js";
25
26
  import "../__chunks/SXC6BPOF.js";
26
27
 
@@ -8,7 +8,8 @@ import "../__chunks/ON2AV7GH.js";
8
8
  import "../__chunks/T3DJZG63.js";
9
9
  import {
10
10
  useFocusable
11
- } from "../__chunks/5TGAWEHD.js";
11
+ } from "../__chunks/HBXYECGK.js";
12
+ import "../__chunks/BMLNRUFQ.js";
12
13
  import {
13
14
  createElement,
14
15
  createHook,
@@ -3,13 +3,14 @@ import {
3
3
  } from "../__chunks/P3I4MECH.js";
4
4
  import {
5
5
  useButton
6
- } from "../__chunks/I4MLEPTM.js";
7
- import "../__chunks/SAVDGYCC.js";
6
+ } from "../__chunks/GEZPJZJE.js";
7
+ import "../__chunks/SMBMF2TX.js";
8
8
  import {
9
9
  useCollectionItem
10
10
  } from "../__chunks/ON2AV7GH.js";
11
11
  import "../__chunks/T3DJZG63.js";
12
- import "../__chunks/5TGAWEHD.js";
12
+ import "../__chunks/HBXYECGK.js";
13
+ import "../__chunks/BMLNRUFQ.js";
13
14
  import {
14
15
  createComponent,
15
16
  createElement,
@@ -6,21 +6,22 @@ import {
6
6
  } from "../__chunks/P3I4MECH.js";
7
7
  import {
8
8
  useRadio
9
- } from "../__chunks/LBUPFIVF.js";
9
+ } from "../__chunks/DQXTORDL.js";
10
10
  import "../__chunks/6I2PARRP.js";
11
- import "../__chunks/JOV72LYK.js";
12
- import "../__chunks/SAVDGYCC.js";
11
+ import "../__chunks/HAHDW4I2.js";
12
+ import "../__chunks/SMBMF2TX.js";
13
13
  import "../__chunks/ON2AV7GH.js";
14
14
  import "../__chunks/T3DJZG63.js";
15
15
  import "../__chunks/STKLF26R.js";
16
- import "../__chunks/5TGAWEHD.js";
16
+ import "../__chunks/HBXYECGK.js";
17
+ import "../__chunks/BMLNRUFQ.js";
17
18
  import "../__chunks/Z3X3QN6P.js";
18
19
  import {
19
20
  createElement,
20
21
  createHook,
21
22
  createMemoComponent
22
23
  } from "../__chunks/JE5NWDDX.js";
23
- import "../__chunks/LTH56VDS.js";
24
+ import "../__chunks/EUGPS2W3.js";
24
25
  import {
25
26
  useEvent
26
27
  } from "../__chunks/B7MIN7YT.js";
@@ -3,9 +3,10 @@ import {
3
3
  } from "../__chunks/P3I4MECH.js";
4
4
  import {
5
5
  useButton
6
- } from "../__chunks/I4MLEPTM.js";
7
- import "../__chunks/SAVDGYCC.js";
8
- import "../__chunks/5TGAWEHD.js";
6
+ } from "../__chunks/GEZPJZJE.js";
7
+ import "../__chunks/SMBMF2TX.js";
8
+ import "../__chunks/HBXYECGK.js";
9
+ import "../__chunks/BMLNRUFQ.js";
9
10
  import {
10
11
  createComponent,
11
12
  createElement,