@ariakit/react-core 0.3.10 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +61 -0
- package/cjs/__chunks/{SANV4XBF.cjs → 23HLSVKM.cjs} +2 -2
- package/cjs/__chunks/{GF6NWLKX.cjs → 3XQOWQTT.cjs} +12 -8
- package/cjs/__chunks/{Y22E2GCT.cjs → 4VMHQGZH.cjs} +6 -6
- package/cjs/__chunks/{T5G6DLC6.cjs → 6LVRCU4J.cjs} +2 -2
- package/cjs/__chunks/{FQZOOWMH.cjs → 6PUZ4NWR.cjs} +2 -2
- package/cjs/__chunks/{RV3PHHWM.cjs → 6ZZYUFPW.cjs} +1 -1
- package/cjs/__chunks/{2GETDAIQ.cjs → 7HJPL3H2.cjs} +5 -5
- package/cjs/__chunks/{KQUC6RXT.cjs → BBS4RP44.cjs} +2 -2
- package/cjs/__chunks/{DKOWT2IJ.cjs → CDNJPIEG.cjs} +3 -3
- package/cjs/__chunks/{47RLIVET.cjs → CFKRWKZR.cjs} +10 -10
- package/cjs/__chunks/{V6LYK7WK.cjs → CGIHR7QS.cjs} +7 -7
- package/cjs/__chunks/{LO3RECOD.cjs → D4TG5DM4.cjs} +2 -2
- package/cjs/__chunks/{36QK2QLE.cjs → EKB76T2U.cjs} +9 -9
- package/cjs/__chunks/{7KFYPSJO.cjs → EUHOCOY2.cjs} +4 -4
- package/cjs/__chunks/{PHZJAGWK.cjs → G2ZXRZ2R.cjs} +4 -4
- package/cjs/__chunks/{CZOBQEIO.cjs → H6OLBVHA.cjs} +33 -40
- package/cjs/__chunks/{TTMCZ7ZN.cjs → IO6J4PAN.cjs} +28 -13
- package/cjs/__chunks/{EGAIDKB5.cjs → JAQJG42R.cjs} +5 -5
- package/cjs/__chunks/{VQJ44BSY.cjs → JQS6X2I5.cjs} +4 -4
- package/cjs/__chunks/{NVHGMKAE.cjs → KDG57VZV.cjs} +3 -3
- package/cjs/__chunks/{IGTX5NFA.cjs → KIDFNQ4E.cjs} +4 -4
- package/cjs/__chunks/{N6CR2VNN.cjs → LUL2YWZ3.cjs} +12 -12
- package/cjs/__chunks/{NVRUQ5V7.cjs → LY6FB2NE.cjs} +7 -7
- package/cjs/__chunks/{DHSZ2ZFJ.cjs → NNINKJTT.cjs} +4 -4
- package/cjs/__chunks/{PSR537T6.cjs → NONPPWSF.cjs} +8 -8
- package/cjs/__chunks/{7BPAESN3.cjs → NRGWVSB5.cjs} +5 -5
- package/cjs/__chunks/{QLRXXIBY.cjs → ODJ76C5W.cjs} +7 -7
- package/cjs/__chunks/{B233QVZE.cjs → OLOZ5JT2.cjs} +0 -5
- package/cjs/__chunks/{XDTEICF5.cjs → OZ4FTKEH.cjs} +7 -7
- package/cjs/__chunks/{3KZQJDTV.cjs → RNGIWUQW.cjs} +4 -4
- package/cjs/__chunks/{VQHA56HB.cjs → T7WLYFYV.cjs} +2 -2
- package/cjs/__chunks/{EWKBICMP.cjs → VKHTDADA.cjs} +5 -5
- package/cjs/__chunks/{VSDH37LI.cjs → VPQQSYH7.cjs} +3 -3
- package/cjs/__chunks/{HRKRTCJC.cjs → W5LJEMLB.cjs} +4 -4
- package/cjs/__chunks/{RTT4XR27.cjs → WZ3DRKGP.cjs} +4 -4
- package/cjs/__chunks/{UUTXBBHD.cjs → XA62Y24Z.cjs} +6 -6
- package/cjs/__chunks/{FM5S6RAD.cjs → XW252ITL.cjs} +2 -2
- package/cjs/__chunks/{TD5MOASJ.cjs → YPVQYY4J.cjs} +2 -2
- package/cjs/__chunks/{UBME4GBY.cjs → ZWICHV7O.cjs} +10 -10
- package/cjs/checkbox/checkbox-check.d.cts +6 -3
- package/cjs/checkbox/checkbox-check.d.ts +6 -3
- package/cjs/checkbox/checkbox-provider.cjs +3 -3
- package/cjs/checkbox/checkbox-store.cjs +3 -3
- package/cjs/checkbox/checkbox.cjs +3 -3
- package/cjs/collection/collection-item.d.cts +9 -2
- package/cjs/collection/collection-item.d.ts +9 -2
- package/cjs/collection/collection-provider.cjs +3 -3
- package/cjs/collection/collection-renderer.cjs +3 -3
- package/cjs/collection/collection-store.cjs +3 -3
- package/cjs/combobox/combobox-disclosure.cjs +3 -4
- package/cjs/combobox/combobox-item.cjs +4 -4
- package/cjs/combobox/combobox-item.d.cts +13 -1
- package/cjs/combobox/combobox-item.d.ts +13 -1
- package/cjs/combobox/combobox-list.cjs +4 -4
- package/cjs/combobox/combobox-popover.cjs +45 -16
- package/cjs/combobox/combobox-popover.d.cts +1 -1
- package/cjs/combobox/combobox-popover.d.ts +1 -1
- package/cjs/combobox/combobox-provider.cjs +8 -8
- package/cjs/combobox/combobox-store.cjs +8 -8
- package/cjs/combobox/combobox.cjs +25 -11
- package/cjs/combobox/combobox.d.cts +29 -1
- package/cjs/combobox/combobox.d.ts +29 -1
- package/cjs/composite/composite-container.cjs +4 -4
- package/cjs/composite/composite-hover.d.cts +12 -1
- package/cjs/composite/composite-hover.d.ts +12 -1
- package/cjs/composite/composite-input.cjs +3 -3
- package/cjs/composite/composite-item.cjs +4 -4
- package/cjs/composite/composite-overflow-disclosure.cjs +4 -4
- package/cjs/composite/composite-overflow-store.cjs +6 -6
- package/cjs/composite/composite-overflow.cjs +8 -8
- package/cjs/composite/composite-provider.cjs +4 -4
- package/cjs/composite/composite-renderer.cjs +4 -4
- package/cjs/composite/composite-store.cjs +4 -4
- package/cjs/composite/composite-store.d.cts +6 -5
- package/cjs/composite/composite-store.d.ts +6 -5
- package/cjs/composite/composite-typeahead.cjs +3 -3
- package/cjs/composite/composite.cjs +3 -3
- package/cjs/composite/utils.cjs +2 -2
- package/cjs/dialog/dialog-backdrop.cjs +5 -5
- package/cjs/dialog/dialog-provider.cjs +4 -4
- package/cjs/dialog/dialog-store.cjs +4 -4
- package/cjs/dialog/dialog.cjs +7 -7
- package/cjs/dialog/dialog.d.cts +1 -0
- package/cjs/dialog/dialog.d.ts +1 -0
- package/cjs/disclosure/disclosure-content.cjs +3 -3
- package/cjs/disclosure/disclosure-provider.cjs +3 -3
- package/cjs/disclosure/disclosure-store.cjs +3 -3
- package/cjs/disclosure/disclosure-store.d.cts +3 -3
- package/cjs/disclosure/disclosure-store.d.ts +3 -3
- package/cjs/focusable/focusable.d.cts +7 -0
- package/cjs/focusable/focusable.d.ts +7 -0
- package/cjs/form/form-checkbox.cjs +5 -5
- package/cjs/form/form-provider.cjs +4 -4
- package/cjs/form/form-radio.cjs +5 -5
- package/cjs/form/form-store.cjs +4 -4
- package/cjs/hovercard/hovercard-provider.cjs +6 -6
- package/cjs/hovercard/hovercard-store.cjs +6 -6
- package/cjs/hovercard/hovercard.cjs +9 -9
- package/cjs/menu/menu-bar-provider.cjs +6 -6
- package/cjs/menu/menu-bar-store.cjs +6 -6
- package/cjs/menu/menu-bar.cjs +8 -8
- package/cjs/menu/menu-button.cjs +5 -5
- package/cjs/menu/menu-item-check.d.cts +14 -0
- package/cjs/menu/menu-item-check.d.ts +14 -0
- package/cjs/menu/menu-item-checkbox.cjs +9 -9
- package/cjs/menu/menu-item-radio.cjs +7 -7
- package/cjs/menu/menu-item.cjs +5 -5
- package/cjs/menu/menu-item.d.cts +8 -1
- package/cjs/menu/menu-item.d.ts +8 -1
- package/cjs/menu/menu-list.cjs +7 -7
- package/cjs/menu/menu-provider.cjs +9 -9
- package/cjs/menu/menu-store.cjs +9 -9
- package/cjs/menu/menu-store.d.cts +2 -0
- package/cjs/menu/menu-store.d.ts +2 -0
- package/cjs/menu/menu.cjs +17 -17
- package/cjs/menubar/menubar-provider.cjs +6 -6
- package/cjs/menubar/menubar-store.cjs +5 -5
- package/cjs/menubar/menubar.cjs +8 -8
- package/cjs/popover/popover-provider.cjs +5 -5
- package/cjs/popover/popover-store.cjs +5 -5
- package/cjs/popover/popover.cjs +8 -8
- package/cjs/popover/popover.d.cts +2 -0
- package/cjs/popover/popover.d.ts +2 -0
- package/cjs/radio/radio-group.cjs +3 -3
- package/cjs/radio/radio-provider.cjs +5 -5
- package/cjs/radio/radio-store.cjs +5 -5
- package/cjs/radio/radio.cjs +5 -5
- package/cjs/select/select-item.cjs +4 -4
- package/cjs/select/select-list.cjs +7 -7
- package/cjs/select/select-popover.cjs +14 -14
- package/cjs/select/select-provider.cjs +8 -8
- package/cjs/select/select-renderer.cjs +7 -7
- package/cjs/select/select-store.cjs +8 -8
- package/cjs/select/select.cjs +4 -4
- package/cjs/tab/tab-list.cjs +3 -3
- package/cjs/tab/tab-panel.cjs +5 -5
- package/cjs/tab/tab-panel.d.cts +3 -2
- package/cjs/tab/tab-panel.d.ts +3 -2
- package/cjs/tab/tab-provider.cjs +5 -5
- package/cjs/tab/tab-store.cjs +5 -5
- package/cjs/tab/tab-store.d.cts +6 -2
- package/cjs/tab/tab-store.d.ts +6 -2
- package/cjs/tab/tab.cjs +4 -4
- package/cjs/toolbar/toolbar-container.cjs +7 -7
- package/cjs/toolbar/toolbar-input.cjs +7 -7
- package/cjs/toolbar/toolbar-item.cjs +5 -5
- package/cjs/toolbar/toolbar-provider.cjs +5 -5
- package/cjs/toolbar/toolbar-store.cjs +5 -5
- package/cjs/toolbar/toolbar.cjs +8 -8
- package/cjs/tooltip/tooltip-provider.cjs +7 -7
- package/cjs/tooltip/tooltip-store.cjs +7 -7
- package/cjs/tooltip/tooltip.cjs +10 -10
- package/cjs/utils/store.cjs +2 -2
- package/esm/__chunks/{IXZMWLUE.js → 2QMN5E6B.js} +2 -2
- package/esm/__chunks/{HBGJOTTX.js → 346FK57L.js} +1 -1
- package/esm/__chunks/{6H3EJNCE.js → 3AHQ6JCP.js} +1 -1
- package/esm/__chunks/{6QXBPV75.js → 3IEDWLST.js} +1 -1
- package/esm/__chunks/{GD2VG2KJ.js → 4HD64GHO.js} +1 -1
- package/esm/__chunks/{A6ER4BO6.js → 7GBW5FLS.js} +2 -2
- package/esm/__chunks/{UJUY6GAA.js → 7NHUGSTF.js} +1 -1
- package/esm/__chunks/{FHDXHZLB.js → 7QTPYGNZ.js} +20 -27
- package/esm/__chunks/{SXPADS2D.js → A6XC27R5.js} +1 -1
- package/esm/__chunks/{QUPVK46L.js → BPNXFCFY.js} +2 -2
- package/esm/__chunks/{KOKHD3Z3.js → CLE7NTOY.js} +1 -1
- package/esm/__chunks/{K5VQ2XTM.js → CQMDBRG5.js} +8 -4
- package/esm/__chunks/{4OZYHFMH.js → EKQEJRUF.js} +0 -5
- package/esm/__chunks/{WEU2EOWJ.js → EPBRINPG.js} +3 -3
- package/esm/__chunks/{DYLO4TTE.js → FMVHAVXA.js} +3 -3
- package/esm/__chunks/{DHHIMTTV.js → HHNFDKU2.js} +4 -4
- package/esm/__chunks/{FWQLUQ4T.js → HVBNG5AF.js} +2 -2
- package/esm/__chunks/{UP4ONTQS.js → I4Q3C2VT.js} +1 -1
- package/esm/__chunks/{VZOR43YE.js → IMEG7JN4.js} +2 -2
- package/esm/__chunks/{IIVLUKKG.js → JIZ5C2JK.js} +1 -1
- package/esm/__chunks/{GJYUMUMT.js → JL6IRDFK.js} +2 -2
- package/esm/__chunks/{6L5IUFNE.js → KSKI4NLV.js} +2 -2
- package/esm/__chunks/{QCIQ4F64.js → LEIRFLRL.js} +2 -2
- package/esm/__chunks/{57VLL43X.js → LWHPHW7Q.js} +2 -2
- package/esm/__chunks/{EENTNM7A.js → MG4P3223.js} +2 -2
- package/esm/__chunks/{PDVJHECS.js → PGAEII2Q.js} +4 -4
- package/esm/__chunks/{P6VCQ6Q3.js → QZLXIDNP.js} +17 -2
- package/esm/__chunks/{XCRWZKAW.js → RIL2SEAH.js} +1 -1
- package/esm/__chunks/{SMM5JVLC.js → SFCBA2JZ.js} +1 -1
- package/esm/__chunks/{5L7XBKAC.js → SS66VZAQ.js} +2 -2
- package/esm/__chunks/{UV2O3GRQ.js → SU2GU5JB.js} +3 -3
- package/esm/__chunks/{TZJDOU75.js → UK7JL7PY.js} +2 -2
- package/esm/__chunks/{NYD53BDE.js → XJXP7ZSQ.js} +3 -3
- package/esm/__chunks/{QEPSYGAQ.js → Y6467XPW.js} +2 -2
- package/esm/__chunks/{HDMIVTNE.js → Y6GYTNQ2.js} +1 -1
- package/esm/__chunks/{DKALGMO6.js → ZEXNX5JH.js} +1 -1
- package/esm/__chunks/{EZTAZGGV.js → ZKJ2WLF7.js} +3 -3
- package/esm/__chunks/{6SB7F42L.js → ZSELSBRM.js} +2 -2
- package/esm/__chunks/{A3PM2ZVJ.js → ZU7LQC5V.js} +2 -2
- package/esm/checkbox/checkbox-check.d.ts +6 -3
- package/esm/checkbox/checkbox-provider.js +2 -2
- package/esm/checkbox/checkbox-store.js +2 -2
- package/esm/checkbox/checkbox.js +2 -2
- package/esm/collection/collection-item.d.ts +9 -2
- package/esm/collection/collection-provider.js +2 -2
- package/esm/collection/collection-renderer.js +2 -2
- package/esm/collection/collection-store.js +2 -2
- package/esm/combobox/combobox-disclosure.js +3 -4
- package/esm/combobox/combobox-item.d.ts +13 -1
- package/esm/combobox/combobox-item.js +3 -3
- package/esm/combobox/combobox-list.js +3 -3
- package/esm/combobox/combobox-popover.d.ts +1 -1
- package/esm/combobox/combobox-popover.js +43 -14
- package/esm/combobox/combobox-provider.js +7 -7
- package/esm/combobox/combobox-store.js +7 -7
- package/esm/combobox/combobox.d.ts +29 -1
- package/esm/combobox/combobox.js +24 -10
- package/esm/composite/composite-container.js +3 -3
- package/esm/composite/composite-hover.d.ts +12 -1
- package/esm/composite/composite-input.js +2 -2
- package/esm/composite/composite-item.js +3 -3
- package/esm/composite/composite-overflow-disclosure.js +3 -3
- package/esm/composite/composite-overflow-store.js +4 -4
- package/esm/composite/composite-overflow.js +7 -7
- package/esm/composite/composite-provider.js +3 -3
- package/esm/composite/composite-renderer.js +3 -3
- package/esm/composite/composite-store.d.ts +6 -5
- package/esm/composite/composite-store.js +3 -3
- package/esm/composite/composite-typeahead.js +2 -2
- package/esm/composite/composite.js +2 -2
- package/esm/composite/utils.js +1 -1
- package/esm/dialog/dialog-backdrop.js +4 -4
- package/esm/dialog/dialog-provider.js +3 -3
- package/esm/dialog/dialog-store.js +3 -3
- package/esm/dialog/dialog.d.ts +1 -0
- package/esm/dialog/dialog.js +6 -6
- package/esm/disclosure/disclosure-content.js +2 -2
- package/esm/disclosure/disclosure-provider.js +2 -2
- package/esm/disclosure/disclosure-store.d.ts +3 -3
- package/esm/disclosure/disclosure-store.js +2 -2
- package/esm/focusable/focusable.d.ts +7 -0
- package/esm/form/form-checkbox.js +3 -3
- package/esm/form/form-provider.js +3 -3
- package/esm/form/form-radio.js +4 -4
- package/esm/form/form-store.js +3 -3
- package/esm/hovercard/hovercard-provider.js +5 -5
- package/esm/hovercard/hovercard-store.js +5 -5
- package/esm/hovercard/hovercard.js +8 -8
- package/esm/menu/menu-bar-provider.js +5 -5
- package/esm/menu/menu-bar-store.js +4 -4
- package/esm/menu/menu-bar.js +7 -7
- package/esm/menu/menu-button.js +3 -3
- package/esm/menu/menu-item-check.d.ts +14 -0
- package/esm/menu/menu-item-checkbox.js +6 -6
- package/esm/menu/menu-item-radio.js +5 -5
- package/esm/menu/menu-item.d.ts +8 -1
- package/esm/menu/menu-item.js +4 -4
- package/esm/menu/menu-list.js +6 -6
- package/esm/menu/menu-provider.js +8 -8
- package/esm/menu/menu-store.d.ts +2 -0
- package/esm/menu/menu-store.js +8 -8
- package/esm/menu/menu.js +12 -12
- package/esm/menubar/menubar-provider.js +5 -5
- package/esm/menubar/menubar-store.js +4 -4
- package/esm/menubar/menubar.js +7 -7
- package/esm/popover/popover-provider.js +4 -4
- package/esm/popover/popover-store.js +4 -4
- package/esm/popover/popover.d.ts +2 -0
- package/esm/popover/popover.js +7 -7
- package/esm/radio/radio-group.js +2 -2
- package/esm/radio/radio-provider.js +4 -4
- package/esm/radio/radio-store.js +4 -4
- package/esm/radio/radio.js +4 -4
- package/esm/select/select-item.js +3 -3
- package/esm/select/select-list.js +6 -6
- package/esm/select/select-popover.js +11 -11
- package/esm/select/select-provider.js +7 -7
- package/esm/select/select-renderer.js +3 -3
- package/esm/select/select-store.js +7 -7
- package/esm/select/select.js +3 -3
- package/esm/tab/tab-list.js +2 -2
- package/esm/tab/tab-panel.d.ts +3 -2
- package/esm/tab/tab-panel.js +3 -3
- package/esm/tab/tab-provider.js +4 -4
- package/esm/tab/tab-store.d.ts +6 -2
- package/esm/tab/tab-store.js +4 -4
- package/esm/tab/tab.js +3 -3
- package/esm/toolbar/toolbar-container.js +5 -5
- package/esm/toolbar/toolbar-input.js +5 -5
- package/esm/toolbar/toolbar-item.js +4 -4
- package/esm/toolbar/toolbar-provider.js +4 -4
- package/esm/toolbar/toolbar-store.js +4 -4
- package/esm/toolbar/toolbar.js +6 -6
- package/esm/tooltip/tooltip-provider.js +6 -6
- package/esm/tooltip/tooltip-store.js +6 -6
- package/esm/tooltip/tooltip.js +8 -8
- package/esm/utils/store.js +1 -1
- package/package.json +2 -2
package/esm/combobox/combobox.js
CHANGED
|
@@ -7,8 +7,8 @@ import {
|
|
|
7
7
|
} from "../__chunks/W76OTZCC.js";
|
|
8
8
|
import {
|
|
9
9
|
useComposite
|
|
10
|
-
} from "../__chunks/
|
|
11
|
-
import "../__chunks/
|
|
10
|
+
} from "../__chunks/7QTPYGNZ.js";
|
|
11
|
+
import "../__chunks/3IEDWLST.js";
|
|
12
12
|
import "../__chunks/IB7YUKH5.js";
|
|
13
13
|
import "../__chunks/4UUKJZ4V.js";
|
|
14
14
|
import "../__chunks/7H5KSHHF.js";
|
|
@@ -82,6 +82,7 @@ var useCombobox = createHook(
|
|
|
82
82
|
store,
|
|
83
83
|
focusable = true,
|
|
84
84
|
autoSelect: autoSelectProp = false,
|
|
85
|
+
getAutoSelectId,
|
|
85
86
|
showOnChange = true,
|
|
86
87
|
setValueOnChange = true,
|
|
87
88
|
showOnMouseDown = true,
|
|
@@ -93,6 +94,7 @@ var useCombobox = createHook(
|
|
|
93
94
|
"store",
|
|
94
95
|
"focusable",
|
|
95
96
|
"autoSelect",
|
|
97
|
+
"getAutoSelectId",
|
|
96
98
|
"showOnChange",
|
|
97
99
|
"setValueOnChange",
|
|
98
100
|
"showOnMouseDown",
|
|
@@ -189,6 +191,8 @@ var useCombobox = createHook(
|
|
|
189
191
|
storeValue
|
|
190
192
|
]);
|
|
191
193
|
const scrollingElementRef = useRef(null);
|
|
194
|
+
const getAutoSelectIdProp = useEvent(getAutoSelectId);
|
|
195
|
+
const autoSelectIdRef = useRef(null);
|
|
192
196
|
useEffect(() => {
|
|
193
197
|
if (!open)
|
|
194
198
|
return;
|
|
@@ -204,10 +208,12 @@ var useCombobox = createHook(
|
|
|
204
208
|
const onScroll = () => {
|
|
205
209
|
if (!store)
|
|
206
210
|
return;
|
|
211
|
+
if (!canAutoSelectRef.current)
|
|
212
|
+
return;
|
|
207
213
|
const { activeId } = store.getState();
|
|
208
214
|
if (activeId === null)
|
|
209
215
|
return;
|
|
210
|
-
if (activeId ===
|
|
216
|
+
if (activeId === autoSelectIdRef.current)
|
|
211
217
|
return;
|
|
212
218
|
canAutoSelectRef.current = false;
|
|
213
219
|
};
|
|
@@ -233,12 +239,11 @@ var useCombobox = createHook(
|
|
|
233
239
|
}, [open]);
|
|
234
240
|
const resetValueOnSelect = store.useState("resetValueOnSelect");
|
|
235
241
|
useUpdateEffect(() => {
|
|
236
|
-
var _a2
|
|
242
|
+
var _a2;
|
|
243
|
+
const canAutoSelect = canAutoSelectRef.current;
|
|
237
244
|
if (!store)
|
|
238
245
|
return;
|
|
239
|
-
if (!autoSelect && !resetValueOnSelect)
|
|
240
|
-
return;
|
|
241
|
-
if (!canAutoSelectRef.current)
|
|
246
|
+
if ((!autoSelect || !canAutoSelect) && !resetValueOnSelect)
|
|
242
247
|
return;
|
|
243
248
|
const { baseElement, contentElement: contentElement2, activeId } = store.getState();
|
|
244
249
|
if (baseElement && !hasFocus(baseElement))
|
|
@@ -248,10 +253,13 @@ var useCombobox = createHook(
|
|
|
248
253
|
observer.observe(contentElement2, { attributeFilter: ["data-placing"] });
|
|
249
254
|
return () => observer.disconnect();
|
|
250
255
|
}
|
|
251
|
-
if (autoSelect) {
|
|
252
|
-
|
|
256
|
+
if (autoSelect && canAutoSelect) {
|
|
257
|
+
const userAutoSelectId = getAutoSelectIdProp(items);
|
|
258
|
+
const autoSelectId = userAutoSelectId !== void 0 ? userAutoSelectId : store.first();
|
|
259
|
+
autoSelectIdRef.current = autoSelectId;
|
|
260
|
+
store.move(autoSelectId != null ? autoSelectId : null);
|
|
253
261
|
} else {
|
|
254
|
-
const element = (
|
|
262
|
+
const element = (_a2 = store.item(activeId)) == null ? void 0 : _a2.element;
|
|
255
263
|
if (element && "scrollIntoView" in element) {
|
|
256
264
|
element.scrollIntoView({ block: "nearest", inline: "nearest" });
|
|
257
265
|
}
|
|
@@ -263,6 +271,7 @@ var useCombobox = createHook(
|
|
|
263
271
|
storeValue,
|
|
264
272
|
autoSelect,
|
|
265
273
|
resetValueOnSelect,
|
|
274
|
+
getAutoSelectIdProp,
|
|
266
275
|
items
|
|
267
276
|
]);
|
|
268
277
|
useEffect(() => {
|
|
@@ -361,6 +370,9 @@ var useCombobox = createHook(
|
|
|
361
370
|
const onKeyDown = useEvent(
|
|
362
371
|
(event) => {
|
|
363
372
|
onKeyDownProp == null ? void 0 : onKeyDownProp(event);
|
|
373
|
+
if (!event.repeat) {
|
|
374
|
+
canAutoSelectRef.current = false;
|
|
375
|
+
}
|
|
364
376
|
if (event.defaultPrevented)
|
|
365
377
|
return;
|
|
366
378
|
if (event.ctrlKey)
|
|
@@ -395,6 +407,7 @@ var useCombobox = createHook(
|
|
|
395
407
|
});
|
|
396
408
|
const id = useId(props.id);
|
|
397
409
|
const ariaAutoComplete = isAriaAutoCompleteValue(autoComplete) ? autoComplete : void 0;
|
|
410
|
+
const isActiveItem = store.useState((state) => state.activeId === null);
|
|
398
411
|
props = __spreadProps(__spreadValues({
|
|
399
412
|
id,
|
|
400
413
|
role: "combobox",
|
|
@@ -402,6 +415,7 @@ var useCombobox = createHook(
|
|
|
402
415
|
"aria-haspopup": getPopupRole(contentElement, "listbox"),
|
|
403
416
|
"aria-expanded": open,
|
|
404
417
|
"aria-controls": contentElement == null ? void 0 : contentElement.id,
|
|
418
|
+
"data-active-item": isActiveItem || void 0,
|
|
405
419
|
value
|
|
406
420
|
}, props), {
|
|
407
421
|
ref: useMergeRefs(ref, props.ref),
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CompositeContainer,
|
|
4
4
|
useCompositeContainer
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/IMEG7JN4.js";
|
|
6
|
+
import "../__chunks/3IEDWLST.js";
|
|
7
7
|
import "../__chunks/IB7YUKH5.js";
|
|
8
8
|
import "../__chunks/4UUKJZ4V.js";
|
|
9
9
|
import "../__chunks/3ORBWXWF.js";
|
|
10
|
-
import "../__chunks/
|
|
10
|
+
import "../__chunks/EKQEJRUF.js";
|
|
11
11
|
import "../__chunks/6O5OEQGF.js";
|
|
12
12
|
import "../__chunks/XM66DUTO.js";
|
|
13
13
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -43,7 +43,12 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
|
|
|
43
43
|
*/
|
|
44
44
|
store?: CompositeStore;
|
|
45
45
|
/**
|
|
46
|
-
* Determines if the composite item should be
|
|
46
|
+
* Determines if the composite item should be _focused_ when hovered over.
|
|
47
|
+
*
|
|
48
|
+
* Note that the actual DOM focus will stay on the composite element. This
|
|
49
|
+
* item will get the
|
|
50
|
+
* [`data-active-item`](https://ariakit.org/guide/styling#data-active-item)
|
|
51
|
+
* attribute so it can be styled as if it's focused.
|
|
47
52
|
*
|
|
48
53
|
* Live examples:
|
|
49
54
|
* - [Multi-selectable
|
|
@@ -53,6 +58,9 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
|
|
|
53
58
|
* - [Textarea with inline
|
|
54
59
|
* Combobox](https://ariakit.org/examples/combobox-textarea)
|
|
55
60
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
61
|
+
* - [Submenu with
|
|
62
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
63
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
56
64
|
* @default true
|
|
57
65
|
*/
|
|
58
66
|
focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
|
|
@@ -66,6 +74,9 @@ export interface CompositeHoverOptions<T extends As = "div"> extends Options<T>
|
|
|
66
74
|
* - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
|
|
67
75
|
* - [Combobox with integrated
|
|
68
76
|
* filter](https://ariakit.org/examples/combobox-filtering-integrated)
|
|
77
|
+
* - [Submenu with
|
|
78
|
+
* Combobox](https://ariakit.org/examples/menu-nested-combobox)
|
|
79
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
69
80
|
*/
|
|
70
81
|
blurOnHoverEnd?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
|
|
71
82
|
}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CompositeInput,
|
|
4
4
|
useCompositeInput
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/I4Q3C2VT.js";
|
|
6
|
+
import "../__chunks/3IEDWLST.js";
|
|
7
7
|
import "../__chunks/3ORBWXWF.js";
|
|
8
8
|
import "../__chunks/6O5OEQGF.js";
|
|
9
9
|
import "../__chunks/XM66DUTO.js";
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CompositeItem,
|
|
4
4
|
useCompositeItem
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/QZLXIDNP.js";
|
|
6
6
|
import "../__chunks/NWCBQ4CV.js";
|
|
7
7
|
import "../__chunks/UH3I23HL.js";
|
|
8
|
-
import "../__chunks/
|
|
8
|
+
import "../__chunks/3IEDWLST.js";
|
|
9
9
|
import "../__chunks/IB7YUKH5.js";
|
|
10
10
|
import "../__chunks/4UUKJZ4V.js";
|
|
11
11
|
import "../__chunks/KK7H3W2B.js";
|
|
12
12
|
import "../__chunks/SHA3WOPI.js";
|
|
13
13
|
import "../__chunks/3ORBWXWF.js";
|
|
14
|
-
import "../__chunks/
|
|
14
|
+
import "../__chunks/EKQEJRUF.js";
|
|
15
15
|
import "../__chunks/6O5OEQGF.js";
|
|
16
16
|
import "../__chunks/XM66DUTO.js";
|
|
17
17
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -8,10 +8,10 @@ import "../__chunks/JCH6MLL2.js";
|
|
|
8
8
|
import "../__chunks/VDNZBO4W.js";
|
|
9
9
|
import {
|
|
10
10
|
useCompositeItem
|
|
11
|
-
} from "../__chunks/
|
|
11
|
+
} from "../__chunks/QZLXIDNP.js";
|
|
12
12
|
import "../__chunks/NWCBQ4CV.js";
|
|
13
13
|
import "../__chunks/UH3I23HL.js";
|
|
14
|
-
import "../__chunks/
|
|
14
|
+
import "../__chunks/3IEDWLST.js";
|
|
15
15
|
import "../__chunks/IB7YUKH5.js";
|
|
16
16
|
import "../__chunks/4UUKJZ4V.js";
|
|
17
17
|
import "../__chunks/7H5KSHHF.js";
|
|
@@ -24,7 +24,7 @@ import {
|
|
|
24
24
|
createElement,
|
|
25
25
|
createHook
|
|
26
26
|
} from "../__chunks/3ORBWXWF.js";
|
|
27
|
-
import "../__chunks/
|
|
27
|
+
import "../__chunks/EKQEJRUF.js";
|
|
28
28
|
import {
|
|
29
29
|
useEvent,
|
|
30
30
|
useMergeRefs
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
usePopoverStoreProps
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/MG4P3223.js";
|
|
5
|
+
import "../__chunks/ZSELSBRM.js";
|
|
6
|
+
import "../__chunks/SFCBA2JZ.js";
|
|
7
7
|
import {
|
|
8
8
|
useStore
|
|
9
|
-
} from "../__chunks/
|
|
9
|
+
} from "../__chunks/EKQEJRUF.js";
|
|
10
10
|
import "../__chunks/6O5OEQGF.js";
|
|
11
11
|
import "../__chunks/XM66DUTO.js";
|
|
12
12
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
usePopover
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/A6XC27R5.js";
|
|
5
|
+
import "../__chunks/PGAEII2Q.js";
|
|
6
|
+
import "../__chunks/LWHPHW7Q.js";
|
|
7
7
|
import "../__chunks/CLF4PQ7T.js";
|
|
8
8
|
import "../__chunks/BULCTPRV.js";
|
|
9
9
|
import "../__chunks/6BJGLK2C.js";
|
|
@@ -24,7 +24,7 @@ import "../__chunks/CHKJ74UC.js";
|
|
|
24
24
|
import "../__chunks/7452U3HH.js";
|
|
25
25
|
import "../__chunks/XPF5GU3Q.js";
|
|
26
26
|
import "../__chunks/FSFPRQFR.js";
|
|
27
|
-
import "../__chunks/
|
|
27
|
+
import "../__chunks/CLE7NTOY.js";
|
|
28
28
|
import "../__chunks/7H5KSHHF.js";
|
|
29
29
|
import "../__chunks/G6BJYYBK.js";
|
|
30
30
|
import "../__chunks/OAYFXAQ2.js";
|
|
@@ -36,9 +36,9 @@ import {
|
|
|
36
36
|
createElement,
|
|
37
37
|
createHook
|
|
38
38
|
} from "../__chunks/3ORBWXWF.js";
|
|
39
|
-
import "../__chunks/
|
|
40
|
-
import "../__chunks/
|
|
41
|
-
import "../__chunks/
|
|
39
|
+
import "../__chunks/ZSELSBRM.js";
|
|
40
|
+
import "../__chunks/SFCBA2JZ.js";
|
|
41
|
+
import "../__chunks/EKQEJRUF.js";
|
|
42
42
|
import {
|
|
43
43
|
useEvent
|
|
44
44
|
} from "../__chunks/6O5OEQGF.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useCompositeStore
|
|
4
|
-
} from "../__chunks/
|
|
5
|
-
import "../__chunks/
|
|
4
|
+
} from "../__chunks/7GBW5FLS.js";
|
|
5
|
+
import "../__chunks/Y6GYTNQ2.js";
|
|
6
6
|
import {
|
|
7
7
|
CompositeContextProvider
|
|
8
8
|
} from "../__chunks/IB7YUKH5.js";
|
|
9
9
|
import "../__chunks/4UUKJZ4V.js";
|
|
10
10
|
import "../__chunks/3ORBWXWF.js";
|
|
11
|
-
import "../__chunks/
|
|
11
|
+
import "../__chunks/EKQEJRUF.js";
|
|
12
12
|
import "../__chunks/6O5OEQGF.js";
|
|
13
13
|
import "../__chunks/XM66DUTO.js";
|
|
14
14
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CompositeRenderer,
|
|
4
4
|
useCompositeRenderer
|
|
5
|
-
} from "../__chunks/
|
|
5
|
+
} from "../__chunks/KSKI4NLV.js";
|
|
6
6
|
import {
|
|
7
7
|
getCollectionRendererItem,
|
|
8
8
|
getCollectionRendererItemId
|
|
9
|
-
} from "../__chunks/
|
|
9
|
+
} from "../__chunks/4HD64GHO.js";
|
|
10
10
|
import "../__chunks/IB7YUKH5.js";
|
|
11
11
|
import "../__chunks/4UUKJZ4V.js";
|
|
12
12
|
import "../__chunks/3ORBWXWF.js";
|
|
13
|
-
import "../__chunks/
|
|
13
|
+
import "../__chunks/EKQEJRUF.js";
|
|
14
14
|
import "../__chunks/6O5OEQGF.js";
|
|
15
15
|
import "../__chunks/XM66DUTO.js";
|
|
16
16
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -26,11 +26,12 @@ export interface CompositeStoreFunctions<T extends CompositeStoreItem = Composit
|
|
|
26
26
|
}
|
|
27
27
|
export interface CompositeStoreOptions<T extends CompositeStoreItem = CompositeStoreItem> extends Core.CompositeStoreOptions<T>, CollectionStoreOptions<T> {
|
|
28
28
|
/**
|
|
29
|
-
* A callback that gets called when the
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
29
|
+
* A callback that gets called when the
|
|
30
|
+
* [`activeId`](https://ariakit.org/reference/composite-provider#activeid)
|
|
31
|
+
* state changes.
|
|
32
|
+
*
|
|
33
|
+
* Live examples:
|
|
34
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
34
35
|
*/
|
|
35
36
|
setActiveId?: (activeId: CompositeStoreState<T>["activeId"]) => void;
|
|
36
37
|
}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
useCompositeStore,
|
|
4
4
|
useCompositeStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/7GBW5FLS.js";
|
|
6
|
+
import "../__chunks/Y6GYTNQ2.js";
|
|
7
|
+
import "../__chunks/EKQEJRUF.js";
|
|
8
8
|
import "../__chunks/6O5OEQGF.js";
|
|
9
9
|
import "../__chunks/XM66DUTO.js";
|
|
10
10
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CompositeTypeahead,
|
|
4
4
|
useCompositeTypeahead
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/346FK57L.js";
|
|
6
|
+
import "../__chunks/3IEDWLST.js";
|
|
7
7
|
import "../__chunks/IB7YUKH5.js";
|
|
8
8
|
import "../__chunks/4UUKJZ4V.js";
|
|
9
9
|
import "../__chunks/3ORBWXWF.js";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Composite,
|
|
4
4
|
useComposite
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/7QTPYGNZ.js";
|
|
6
|
+
import "../__chunks/3IEDWLST.js";
|
|
7
7
|
import "../__chunks/IB7YUKH5.js";
|
|
8
8
|
import "../__chunks/4UUKJZ4V.js";
|
|
9
9
|
import "../__chunks/KK7H3W2B.js";
|
package/esm/composite/utils.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
DialogBackdrop
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/LWHPHW7Q.js";
|
|
5
5
|
import "../__chunks/TL67WVI6.js";
|
|
6
6
|
import "../__chunks/MKDDWKFK.js";
|
|
7
7
|
import "../__chunks/72E5EPFF.js";
|
|
8
8
|
import "../__chunks/X6WIMZJE.js";
|
|
9
9
|
import "../__chunks/FSFPRQFR.js";
|
|
10
|
-
import "../__chunks/
|
|
10
|
+
import "../__chunks/CLE7NTOY.js";
|
|
11
11
|
import "../__chunks/G6BJYYBK.js";
|
|
12
12
|
import "../__chunks/OAYFXAQ2.js";
|
|
13
13
|
import "../__chunks/3ORBWXWF.js";
|
|
14
|
-
import "../__chunks/
|
|
15
|
-
import "../__chunks/
|
|
14
|
+
import "../__chunks/SFCBA2JZ.js";
|
|
15
|
+
import "../__chunks/EKQEJRUF.js";
|
|
16
16
|
import "../__chunks/6O5OEQGF.js";
|
|
17
17
|
import "../__chunks/XM66DUTO.js";
|
|
18
18
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -6,9 +6,9 @@ import "../__chunks/OAYFXAQ2.js";
|
|
|
6
6
|
import "../__chunks/3ORBWXWF.js";
|
|
7
7
|
import {
|
|
8
8
|
useDialogStore
|
|
9
|
-
} from "../__chunks/
|
|
10
|
-
import "../__chunks/
|
|
11
|
-
import "../__chunks/
|
|
9
|
+
} from "../__chunks/ZSELSBRM.js";
|
|
10
|
+
import "../__chunks/SFCBA2JZ.js";
|
|
11
|
+
import "../__chunks/EKQEJRUF.js";
|
|
12
12
|
import "../__chunks/6O5OEQGF.js";
|
|
13
13
|
import "../__chunks/XM66DUTO.js";
|
|
14
14
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
useDialogStore,
|
|
4
4
|
useDialogStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/ZSELSBRM.js";
|
|
6
|
+
import "../__chunks/SFCBA2JZ.js";
|
|
7
|
+
import "../__chunks/EKQEJRUF.js";
|
|
8
8
|
import "../__chunks/6O5OEQGF.js";
|
|
9
9
|
import "../__chunks/XM66DUTO.js";
|
|
10
10
|
import "../__chunks/4R3V3JGP.js";
|
package/esm/dialog/dialog.d.ts
CHANGED
|
@@ -97,6 +97,7 @@ export interface DialogOptions<T extends As = "div"> extends FocusableOptions<T>
|
|
|
97
97
|
* with `h1`.
|
|
98
98
|
*
|
|
99
99
|
* Live examples:
|
|
100
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
100
101
|
* - [Dialog with details &
|
|
101
102
|
* summary](https://ariakit.org/examples/dialog-details)
|
|
102
103
|
* - [Form with Select](https://ariakit.org/examples/form-select)
|
package/esm/dialog/dialog.js
CHANGED
|
@@ -3,8 +3,8 @@ import {
|
|
|
3
3
|
Dialog,
|
|
4
4
|
createDialogComponent,
|
|
5
5
|
useDialog
|
|
6
|
-
} from "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
6
|
+
} from "../__chunks/PGAEII2Q.js";
|
|
7
|
+
import "../__chunks/LWHPHW7Q.js";
|
|
8
8
|
import "../__chunks/CLF4PQ7T.js";
|
|
9
9
|
import "../__chunks/BULCTPRV.js";
|
|
10
10
|
import "../__chunks/6BJGLK2C.js";
|
|
@@ -25,16 +25,16 @@ import "../__chunks/CHKJ74UC.js";
|
|
|
25
25
|
import "../__chunks/7452U3HH.js";
|
|
26
26
|
import "../__chunks/XPF5GU3Q.js";
|
|
27
27
|
import "../__chunks/FSFPRQFR.js";
|
|
28
|
-
import "../__chunks/
|
|
28
|
+
import "../__chunks/CLE7NTOY.js";
|
|
29
29
|
import "../__chunks/G6BJYYBK.js";
|
|
30
30
|
import "../__chunks/OAYFXAQ2.js";
|
|
31
31
|
import "../__chunks/KK7H3W2B.js";
|
|
32
32
|
import "../__chunks/SHA3WOPI.js";
|
|
33
33
|
import "../__chunks/BG6HZDS7.js";
|
|
34
34
|
import "../__chunks/3ORBWXWF.js";
|
|
35
|
-
import "../__chunks/
|
|
36
|
-
import "../__chunks/
|
|
37
|
-
import "../__chunks/
|
|
35
|
+
import "../__chunks/ZSELSBRM.js";
|
|
36
|
+
import "../__chunks/SFCBA2JZ.js";
|
|
37
|
+
import "../__chunks/EKQEJRUF.js";
|
|
38
38
|
import "../__chunks/6O5OEQGF.js";
|
|
39
39
|
import "../__chunks/XM66DUTO.js";
|
|
40
40
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -3,11 +3,11 @@ import {
|
|
|
3
3
|
DisclosureContent,
|
|
4
4
|
isHidden,
|
|
5
5
|
useDisclosureContent
|
|
6
|
-
} from "../__chunks/
|
|
6
|
+
} from "../__chunks/CLE7NTOY.js";
|
|
7
7
|
import "../__chunks/G6BJYYBK.js";
|
|
8
8
|
import "../__chunks/OAYFXAQ2.js";
|
|
9
9
|
import "../__chunks/3ORBWXWF.js";
|
|
10
|
-
import "../__chunks/
|
|
10
|
+
import "../__chunks/EKQEJRUF.js";
|
|
11
11
|
import "../__chunks/6O5OEQGF.js";
|
|
12
12
|
import "../__chunks/XM66DUTO.js";
|
|
13
13
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -5,8 +5,8 @@ import {
|
|
|
5
5
|
import "../__chunks/3ORBWXWF.js";
|
|
6
6
|
import {
|
|
7
7
|
useDisclosureStore
|
|
8
|
-
} from "../__chunks/
|
|
9
|
-
import "../__chunks/
|
|
8
|
+
} from "../__chunks/SFCBA2JZ.js";
|
|
9
|
+
import "../__chunks/EKQEJRUF.js";
|
|
10
10
|
import "../__chunks/6O5OEQGF.js";
|
|
11
11
|
import "../__chunks/XM66DUTO.js";
|
|
12
12
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -6,9 +6,9 @@ export declare function useDisclosureStoreProps<T extends Core.DisclosureStore>(
|
|
|
6
6
|
* @see https://ariakit.org/components/disclosure
|
|
7
7
|
* @example
|
|
8
8
|
* ```jsx
|
|
9
|
-
* const disclosure =
|
|
10
|
-
* <Disclosure
|
|
11
|
-
* <DisclosureContent
|
|
9
|
+
* const disclosure = useDisclosureStore();
|
|
10
|
+
* <Disclosure store={disclosure}>Disclosure</Disclosure>
|
|
11
|
+
* <DisclosureContent store={disclosure}>Content</DisclosureContent>
|
|
12
12
|
* ```
|
|
13
13
|
*/
|
|
14
14
|
export declare function useDisclosureStore(props?: DisclosureStoreProps): DisclosureStore;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import {
|
|
3
3
|
useDisclosureStore,
|
|
4
4
|
useDisclosureStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/SFCBA2JZ.js";
|
|
6
|
+
import "../__chunks/EKQEJRUF.js";
|
|
7
7
|
import "../__chunks/6O5OEQGF.js";
|
|
8
8
|
import "../__chunks/XM66DUTO.js";
|
|
9
9
|
import "../__chunks/4R3V3JGP.js";
|
|
@@ -45,6 +45,7 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
|
|
|
45
45
|
*
|
|
46
46
|
* Live examples:
|
|
47
47
|
* - [Submenu](https://ariakit.org/examples/menu-nested)
|
|
48
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
48
49
|
* @default false
|
|
49
50
|
*/
|
|
50
51
|
disabled?: boolean;
|
|
@@ -81,6 +82,9 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
|
|
|
81
82
|
* [`accessibleWhenDisabled`](https://ariakit.org/reference/focusable#accessiblewhendisabled),
|
|
82
83
|
* [`onFocusVisible`](https://ariakit.org/reference/focusable#onfocusvisible),
|
|
83
84
|
* etc.
|
|
85
|
+
*
|
|
86
|
+
* Live examples:
|
|
87
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
84
88
|
* @default true
|
|
85
89
|
*/
|
|
86
90
|
focusable?: boolean;
|
|
@@ -98,6 +102,9 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
|
|
|
98
102
|
*
|
|
99
103
|
* Learn more on [Focusability of disabled
|
|
100
104
|
* controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).
|
|
105
|
+
*
|
|
106
|
+
* Live examples:
|
|
107
|
+
* - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
|
|
101
108
|
*/
|
|
102
109
|
accessibleWhenDisabled?: boolean;
|
|
103
110
|
/**
|
|
@@ -7,11 +7,11 @@ import {
|
|
|
7
7
|
} from "../__chunks/V4ZFXDFK.js";
|
|
8
8
|
import {
|
|
9
9
|
useCheckbox
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/3AHQ6JCP.js";
|
|
11
11
|
import "../__chunks/VPR2WHQV.js";
|
|
12
12
|
import {
|
|
13
13
|
useCheckboxStore
|
|
14
|
-
} from "../__chunks/
|
|
14
|
+
} from "../__chunks/JIZ5C2JK.js";
|
|
15
15
|
import "../__chunks/6XBVQI3K.js";
|
|
16
16
|
import "../__chunks/NWCBQ4CV.js";
|
|
17
17
|
import "../__chunks/UH3I23HL.js";
|
|
@@ -23,7 +23,7 @@ import {
|
|
|
23
23
|
createHook,
|
|
24
24
|
createMemoComponent
|
|
25
25
|
} from "../__chunks/3ORBWXWF.js";
|
|
26
|
-
import "../__chunks/
|
|
26
|
+
import "../__chunks/EKQEJRUF.js";
|
|
27
27
|
import "../__chunks/6O5OEQGF.js";
|
|
28
28
|
import "../__chunks/XM66DUTO.js";
|
|
29
29
|
import {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useFormStore
|
|
4
|
-
} from "../__chunks/
|
|
4
|
+
} from "../__chunks/SS66VZAQ.js";
|
|
5
5
|
import {
|
|
6
6
|
FormContextProvider
|
|
7
7
|
} from "../__chunks/V4ZFXDFK.js";
|
|
8
|
-
import "../__chunks/
|
|
8
|
+
import "../__chunks/Y6GYTNQ2.js";
|
|
9
9
|
import "../__chunks/4UUKJZ4V.js";
|
|
10
10
|
import "../__chunks/3ORBWXWF.js";
|
|
11
|
-
import "../__chunks/
|
|
11
|
+
import "../__chunks/EKQEJRUF.js";
|
|
12
12
|
import "../__chunks/6O5OEQGF.js";
|
|
13
13
|
import "../__chunks/XM66DUTO.js";
|
|
14
14
|
import "../__chunks/4R3V3JGP.js";
|
package/esm/form/form-radio.js
CHANGED
|
@@ -7,12 +7,12 @@ import {
|
|
|
7
7
|
} from "../__chunks/V4ZFXDFK.js";
|
|
8
8
|
import {
|
|
9
9
|
useRadio
|
|
10
|
-
} from "../__chunks/
|
|
10
|
+
} from "../__chunks/JL6IRDFK.js";
|
|
11
11
|
import "../__chunks/XEV62JUQ.js";
|
|
12
|
-
import "../__chunks/
|
|
12
|
+
import "../__chunks/QZLXIDNP.js";
|
|
13
13
|
import "../__chunks/NWCBQ4CV.js";
|
|
14
14
|
import "../__chunks/UH3I23HL.js";
|
|
15
|
-
import "../__chunks/
|
|
15
|
+
import "../__chunks/3IEDWLST.js";
|
|
16
16
|
import "../__chunks/IB7YUKH5.js";
|
|
17
17
|
import "../__chunks/4UUKJZ4V.js";
|
|
18
18
|
import "../__chunks/KK7H3W2B.js";
|
|
@@ -22,7 +22,7 @@ import {
|
|
|
22
22
|
createHook,
|
|
23
23
|
createMemoComponent
|
|
24
24
|
} from "../__chunks/3ORBWXWF.js";
|
|
25
|
-
import "../__chunks/
|
|
25
|
+
import "../__chunks/EKQEJRUF.js";
|
|
26
26
|
import {
|
|
27
27
|
useEvent
|
|
28
28
|
} from "../__chunks/6O5OEQGF.js";
|
package/esm/form/form-store.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import {
|
|
3
3
|
useFormStore,
|
|
4
4
|
useFormStoreProps
|
|
5
|
-
} from "../__chunks/
|
|
6
|
-
import "../__chunks/
|
|
7
|
-
import "../__chunks/
|
|
5
|
+
} from "../__chunks/SS66VZAQ.js";
|
|
6
|
+
import "../__chunks/Y6GYTNQ2.js";
|
|
7
|
+
import "../__chunks/EKQEJRUF.js";
|
|
8
8
|
import "../__chunks/6O5OEQGF.js";
|
|
9
9
|
import "../__chunks/XM66DUTO.js";
|
|
10
10
|
import "../__chunks/4R3V3JGP.js";
|