@ariakit/react-core 0.4.3 → 0.4.4

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 (121) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/cjs/__chunks/{GYHP7IYG.cjs → 4XVTH6OR.cjs} +2 -2
  3. package/cjs/__chunks/{IHFGURUM.cjs → 54YZYOPA.cjs} +2 -2
  4. package/cjs/__chunks/{DCTXNU2X.cjs → COWKMNMZ.cjs} +3 -3
  5. package/cjs/__chunks/{HFNM6QV4.cjs → DAOFDKV2.cjs} +1 -1
  6. package/cjs/__chunks/{3C4RFBCG.cjs → EYZZO5IT.cjs} +1 -1
  7. package/cjs/__chunks/{3MKOUH5M.cjs → HPNCFYQJ.cjs} +4 -4
  8. package/cjs/__chunks/{A356CGND.cjs → JDCTLYQ4.cjs} +1 -1
  9. package/cjs/__chunks/{T5BWR4CB.cjs → KDTFHBKU.cjs} +2 -2
  10. package/cjs/__chunks/{NZSB7HSZ.cjs → LY4LCJM6.cjs} +2 -2
  11. package/cjs/__chunks/{7DQ2LBH2.cjs → QUHFOHHT.cjs} +35 -0
  12. package/cjs/__chunks/{AJF5DT5A.cjs → YO7LLGVA.cjs} +2 -2
  13. package/cjs/__chunks/{3XXW4Y4D.cjs → Z2VL7JHX.cjs} +2 -2
  14. package/cjs/__chunks/{CWS5RZSU.cjs → ZTAE5B6W.cjs} +9 -1
  15. package/cjs/checkbox/checkbox-check.cjs +2 -2
  16. package/cjs/collection/collection-renderer.d.cts +0 -2
  17. package/cjs/collection/collection-renderer.d.ts +0 -2
  18. package/cjs/combobox/combobox-cancel.cjs +1 -1
  19. package/cjs/combobox/combobox-disclosure.cjs +1 -1
  20. package/cjs/combobox/combobox-item-check.cjs +2 -2
  21. package/cjs/combobox/combobox-item.cjs +2 -2
  22. package/cjs/combobox/combobox-popover.cjs +23 -5
  23. package/cjs/combobox/combobox.cjs +14 -11
  24. package/cjs/combobox/combobox.d.cts +20 -0
  25. package/cjs/combobox/combobox.d.ts +20 -0
  26. package/cjs/composite/composite-input.cjs +91 -6
  27. package/cjs/composite/composite-input.d.cts +2 -0
  28. package/cjs/composite/composite-input.d.ts +2 -0
  29. package/cjs/composite/composite-item.cjs +2 -2
  30. package/cjs/composite/composite-overflow-disclosure.cjs +2 -2
  31. package/cjs/composite/composite-overflow.cjs +3 -3
  32. package/cjs/composite/composite-renderer.d.cts +0 -2
  33. package/cjs/composite/composite-renderer.d.ts +0 -2
  34. package/cjs/dialog/dialog-dismiss.cjs +2 -2
  35. package/cjs/dialog/dialog.cjs +2 -2
  36. package/cjs/form/form-radio.cjs +3 -3
  37. package/cjs/hovercard/hovercard-disclosure.cjs +1 -1
  38. package/cjs/hovercard/hovercard-dismiss.cjs +4 -4
  39. package/cjs/hovercard/hovercard.cjs +4 -4
  40. package/cjs/menu/menu-button-arrow.cjs +2 -2
  41. package/cjs/menu/menu-dismiss.cjs +4 -4
  42. package/cjs/menu/menu-item-check.cjs +2 -2
  43. package/cjs/menu/menu-item-checkbox.cjs +3 -3
  44. package/cjs/menu/menu-item-radio.cjs +5 -5
  45. package/cjs/menu/menu-item.cjs +3 -3
  46. package/cjs/menu/menu.cjs +5 -5
  47. package/cjs/popover/popover-disclosure-arrow.cjs +2 -2
  48. package/cjs/popover/popover-dismiss.cjs +3 -3
  49. package/cjs/popover/popover.cjs +3 -3
  50. package/cjs/radio/radio.cjs +3 -3
  51. package/cjs/select/select-arrow.cjs +3 -3
  52. package/cjs/select/select-item-check.cjs +2 -2
  53. package/cjs/select/select-item.cjs +2 -2
  54. package/cjs/select/select-popover.cjs +4 -4
  55. package/cjs/select/select.cjs +3 -3
  56. package/cjs/tab/tab.cjs +4 -4
  57. package/cjs/toolbar/toolbar-container.cjs +3 -3
  58. package/cjs/toolbar/toolbar-input.cjs +3 -7
  59. package/cjs/toolbar/toolbar-input.d.cts +3 -2
  60. package/cjs/toolbar/toolbar-input.d.ts +3 -2
  61. package/cjs/toolbar/toolbar-item.cjs +3 -3
  62. package/cjs/tooltip/tooltip.cjs +5 -5
  63. package/esm/__chunks/{LABIXQLW.js → 44PDY2W5.js} +1 -1
  64. package/esm/__chunks/{FYNSL2D5.js → 5H3YXAUC.js} +1 -1
  65. package/esm/__chunks/{JCOBPKEI.js → BY6P32UK.js} +1 -1
  66. package/esm/__chunks/{C5HA76JU.js → DSUHLHLE.js} +1 -1
  67. package/esm/__chunks/{NN4HLGKS.js → F2RFUFO2.js} +1 -1
  68. package/esm/__chunks/{2VWKZYYT.js → H5N72W37.js} +1 -1
  69. package/esm/__chunks/{NQ4PTILT.js → IOUGWXY5.js} +9 -1
  70. package/esm/__chunks/{X3V2DT2U.js → LTYEFENI.js} +1 -1
  71. package/esm/__chunks/{HW63KLP5.js → NFPDVAAW.js} +1 -1
  72. package/esm/__chunks/{XK6CE2M5.js → NHVUMSP7.js} +1 -1
  73. package/esm/__chunks/{RAKW656I.js → Q4PZFBSW.js} +1 -1
  74. package/esm/__chunks/{ONUY4D7O.js → R33ISPJY.js} +36 -1
  75. package/esm/__chunks/{6VDNHSLX.js → XEJ23EM6.js} +2 -2
  76. package/esm/checkbox/checkbox-check.js +1 -1
  77. package/esm/collection/collection-renderer.d.ts +0 -2
  78. package/esm/combobox/combobox-cancel.js +1 -1
  79. package/esm/combobox/combobox-disclosure.js +1 -1
  80. package/esm/combobox/combobox-item-check.js +1 -1
  81. package/esm/combobox/combobox-item.js +1 -1
  82. package/esm/combobox/combobox-popover.js +22 -4
  83. package/esm/combobox/combobox.d.ts +20 -0
  84. package/esm/combobox/combobox.js +14 -11
  85. package/esm/composite/composite-input.d.ts +2 -0
  86. package/esm/composite/composite-input.js +92 -7
  87. package/esm/composite/composite-item.js +1 -1
  88. package/esm/composite/composite-overflow-disclosure.js +1 -1
  89. package/esm/composite/composite-overflow.js +2 -2
  90. package/esm/composite/composite-renderer.d.ts +0 -2
  91. package/esm/dialog/dialog-dismiss.js +1 -1
  92. package/esm/dialog/dialog.js +1 -1
  93. package/esm/form/form-radio.js +2 -2
  94. package/esm/hovercard/hovercard-disclosure.js +1 -1
  95. package/esm/hovercard/hovercard-dismiss.js +3 -3
  96. package/esm/hovercard/hovercard.js +3 -3
  97. package/esm/menu/menu-button-arrow.js +1 -1
  98. package/esm/menu/menu-dismiss.js +3 -3
  99. package/esm/menu/menu-item-check.js +1 -1
  100. package/esm/menu/menu-item-checkbox.js +2 -2
  101. package/esm/menu/menu-item-radio.js +3 -3
  102. package/esm/menu/menu-item.js +2 -2
  103. package/esm/menu/menu.js +3 -3
  104. package/esm/popover/popover-disclosure-arrow.js +1 -1
  105. package/esm/popover/popover-dismiss.js +2 -2
  106. package/esm/popover/popover.js +2 -2
  107. package/esm/radio/radio.js +2 -2
  108. package/esm/select/select-arrow.js +2 -2
  109. package/esm/select/select-item-check.js +1 -1
  110. package/esm/select/select-item.js +1 -1
  111. package/esm/select/select-popover.js +2 -2
  112. package/esm/select/select.js +2 -2
  113. package/esm/tab/tab.js +1 -1
  114. package/esm/toolbar/toolbar-container.js +2 -2
  115. package/esm/toolbar/toolbar-input.d.ts +3 -2
  116. package/esm/toolbar/toolbar-input.js +2 -6
  117. package/esm/toolbar/toolbar-item.js +2 -2
  118. package/esm/tooltip/tooltip.js +3 -3
  119. package/package.json +2 -2
  120. package/cjs/__chunks/WGZQRLXV.cjs +0 -84
  121. package/esm/__chunks/RPGNBKKU.js +0 -84
@@ -38,7 +38,7 @@ import {
38
38
  __spreadValues
39
39
  } from "../__chunks/4R3V3JGP.js";
40
40
 
41
- // src/combobox/combobox.ts
41
+ // src/combobox/combobox.tsx
42
42
  import { useEffect, useMemo, useRef, useState } from "react";
43
43
  import {
44
44
  getPopupRole,
@@ -93,14 +93,15 @@ var useCombobox = createHook(
93
93
  focusable = true,
94
94
  autoSelect: autoSelectProp = false,
95
95
  getAutoSelectId,
96
- showOnChange = true,
97
96
  setValueOnChange = true,
98
- showOnMouseDown = true,
97
+ showMinLength = 0,
98
+ showOnChange,
99
+ showOnMouseDown,
99
100
  showOnClick = showOnMouseDown,
101
+ showOnKeyDown,
102
+ showOnKeyPress = showOnKeyDown,
100
103
  blurActiveItemOnClick,
101
104
  setValueOnClick = true,
102
- showOnKeyDown = true,
103
- showOnKeyPress = showOnKeyDown,
104
105
  moveOnKeyPress = true,
105
106
  autoComplete = "list"
106
107
  } = _b, props = __objRest(_b, [
@@ -108,14 +109,15 @@ var useCombobox = createHook(
108
109
  "focusable",
109
110
  "autoSelect",
110
111
  "getAutoSelectId",
111
- "showOnChange",
112
112
  "setValueOnChange",
113
+ "showMinLength",
114
+ "showOnChange",
113
115
  "showOnMouseDown",
114
116
  "showOnClick",
115
- "blurActiveItemOnClick",
116
- "setValueOnClick",
117
117
  "showOnKeyDown",
118
118
  "showOnKeyPress",
119
+ "blurActiveItemOnClick",
120
+ "setValueOnClick",
119
121
  "moveOnKeyPress",
120
122
  "autoComplete"
121
123
  ]);
@@ -312,8 +314,9 @@ var useCombobox = createHook(
312
314
  elements.forEach((el) => el.removeEventListener("focusout", onBlur2));
313
315
  };
314
316
  }, [inline, contentElement, store, value]);
317
+ const canShow = value.length >= showMinLength;
315
318
  const onChangeProp = props.onChange;
316
- const showOnChangeProp = useBooleanEvent(showOnChange);
319
+ const showOnChangeProp = useBooleanEvent(showOnChange != null ? showOnChange : canShow);
317
320
  const setValueOnChangeProp = useBooleanEvent(setValueOnChange);
318
321
  const onChange = useEvent((event) => {
319
322
  onChangeProp == null ? void 0 : onChangeProp(event);
@@ -366,7 +369,7 @@ var useCombobox = createHook(
366
369
  blurActiveItemOnClick != null ? blurActiveItemOnClick : () => !!(store == null ? void 0 : store.getState().includesBaseElement)
367
370
  );
368
371
  const setValueOnClickProp = useBooleanEvent(setValueOnClick);
369
- const showOnClickProp = useBooleanEvent(showOnClick);
372
+ const showOnClickProp = useBooleanEvent(showOnClick != null ? showOnClick : canShow);
370
373
  const onMouseDown = useEvent((event) => {
371
374
  onMouseDownProp == null ? void 0 : onMouseDownProp(event);
372
375
  if (event.defaultPrevented)
@@ -388,7 +391,7 @@ var useCombobox = createHook(
388
391
  }
389
392
  });
390
393
  const onKeyDownProp = props.onKeyDown;
391
- const showOnKeyPressProp = useBooleanEvent(showOnKeyPress);
394
+ const showOnKeyPressProp = useBooleanEvent(showOnKeyPress != null ? showOnKeyPress : canShow);
392
395
  const onKeyDown = useEvent((event) => {
393
396
  onKeyDownProp == null ? void 0 : onKeyDownProp(event);
394
397
  if (!event.repeat) {
@@ -8,6 +8,7 @@ type TagName = typeof TagName;
8
8
  * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
9
9
  * or any other component/hook that uses `CompositeItem` underneath.
10
10
  * @see https://ariakit.org/components/composite
11
+ * @deprecated Use `useCompositeItem` instead.
11
12
  * @example
12
13
  * ```jsx
13
14
  * const store = useCompositeStore();
@@ -24,6 +25,7 @@ export declare const useCompositeInput: import("../utils/types.js").Hook<"input"
24
25
  * or a component that uses
25
26
  * [`CompositeItem`](https://ariakit.org/reference/composite-item) underneath.
26
27
  * @see https://ariakit.org/components/composite
28
+ * @deprecated Use `<CompositeItem render={<input />}>` instead.
27
29
  * @example
28
30
  * ```jsx {3}
29
31
  * <CompositeProvider>
@@ -1,13 +1,98 @@
1
1
  "use client";
2
2
  import {
3
- CompositeInput,
4
- useCompositeInput
5
- } from "../__chunks/RPGNBKKU.js";
6
- import "../__chunks/3IEDWLST.js";
7
- import "../__chunks/GUCZNEAD.js";
8
- import "../__chunks/WOWUAP42.js";
3
+ selectTextField
4
+ } from "../__chunks/3IEDWLST.js";
5
+ import {
6
+ createElement,
7
+ createHook,
8
+ forwardRef,
9
+ memo
10
+ } from "../__chunks/GUCZNEAD.js";
11
+ import {
12
+ useEvent
13
+ } from "../__chunks/WOWUAP42.js";
9
14
  import "../__chunks/XM66DUTO.js";
10
- import "../__chunks/4R3V3JGP.js";
15
+ import {
16
+ __objRest,
17
+ __spreadProps,
18
+ __spreadValues
19
+ } from "../__chunks/4R3V3JGP.js";
20
+
21
+ // src/composite/composite-input.ts
22
+ import { useEffect } from "react";
23
+ import {
24
+ getDocument,
25
+ getTextboxSelection,
26
+ isTextField
27
+ } from "@ariakit/core/utils/dom";
28
+ import { removeUndefinedValues } from "@ariakit/core/utils/misc";
29
+ var TagName = "input";
30
+ function getValueLength(element) {
31
+ if (isTextField(element)) {
32
+ return element.value.length;
33
+ } else if (element.isContentEditable) {
34
+ const range = getDocument(element).createRange();
35
+ range.selectNodeContents(element);
36
+ return range.toString().length;
37
+ }
38
+ return 0;
39
+ }
40
+ var useCompositeInput = createHook(
41
+ function useCompositeInput2(_a) {
42
+ var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
43
+ const onKeyDownCaptureProp = props.onKeyDownCapture;
44
+ if (process.env.NODE_ENV !== "production") {
45
+ useEffect(() => {
46
+ console.warn(
47
+ "CompositeInput is deprecated. Use `<CompositeItem render={<input />}>` instead."
48
+ );
49
+ }, []);
50
+ }
51
+ const onKeyDownCapture = useEvent((event) => {
52
+ onKeyDownCaptureProp == null ? void 0 : onKeyDownCaptureProp(event);
53
+ if (event.defaultPrevented)
54
+ return;
55
+ const element = event.currentTarget;
56
+ if (!element.isContentEditable && !isTextField(element))
57
+ return;
58
+ const selection = getTextboxSelection(element);
59
+ const { orientation } = (store == null ? void 0 : store.getState()) || {};
60
+ const isHorizontal = orientation !== "vertical";
61
+ const isVertical = orientation !== "horizontal";
62
+ const isLeft = isHorizontal && event.key === "ArrowLeft";
63
+ const isRight = isHorizontal && event.key === "ArrowRight";
64
+ const isUp = isVertical && event.key === "ArrowUp";
65
+ const isDown = isVertical && event.key === "ArrowDown";
66
+ if (isRight || isDown) {
67
+ if (selection.end !== getValueLength(element)) {
68
+ event.stopPropagation();
69
+ }
70
+ } else if (isLeft || isUp) {
71
+ if (selection.start !== 0) {
72
+ event.stopPropagation();
73
+ }
74
+ }
75
+ });
76
+ const onFocusProp = props.onFocus;
77
+ const onFocus = useEvent((event) => {
78
+ onFocusProp == null ? void 0 : onFocusProp(event);
79
+ if (event.defaultPrevented)
80
+ return;
81
+ selectTextField(event.currentTarget);
82
+ });
83
+ props = __spreadProps(__spreadValues({}, props), {
84
+ onKeyDownCapture,
85
+ onFocus
86
+ });
87
+ return removeUndefinedValues(props);
88
+ }
89
+ );
90
+ var CompositeInput = memo(
91
+ forwardRef(function CompositeInput2(props) {
92
+ const htmlProps = useCompositeInput(props);
93
+ return createElement(TagName, htmlProps);
94
+ })
95
+ );
11
96
  export {
12
97
  CompositeInput,
13
98
  useCompositeInput
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  CompositeItem,
4
4
  useCompositeItem
5
- } from "../__chunks/ONUY4D7O.js";
5
+ } from "../__chunks/R33ISPJY.js";
6
6
  import "../__chunks/PJ7ERAIM.js";
7
7
  import "../__chunks/IFMAUEA7.js";
8
8
  import "../__chunks/3IEDWLST.js";
@@ -8,7 +8,7 @@ import "../__chunks/DYQUE3V3.js";
8
8
  import "../__chunks/CKAOM5LG.js";
9
9
  import {
10
10
  useCompositeItem
11
- } from "../__chunks/ONUY4D7O.js";
11
+ } from "../__chunks/R33ISPJY.js";
12
12
  import "../__chunks/PJ7ERAIM.js";
13
13
  import "../__chunks/IFMAUEA7.js";
14
14
  import "../__chunks/3IEDWLST.js";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  usePopover
4
- } from "../__chunks/X3V2DT2U.js";
5
- import "../__chunks/NQ4PTILT.js";
4
+ } from "../__chunks/LTYEFENI.js";
5
+ import "../__chunks/IOUGWXY5.js";
6
6
  import "../__chunks/GOXKZAQI.js";
7
7
  import "../__chunks/6GXEOXGT.js";
8
8
  import "../__chunks/PTPUIM7N.js";
@@ -265,9 +265,7 @@ export declare function useCompositeRenderer<T extends Item = any>({ store, orie
265
265
  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
266
266
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
267
267
  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
268
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
269
268
  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
270
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
271
269
  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
272
270
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
273
271
  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  DialogDismiss,
4
4
  useDialogDismiss
5
- } from "../__chunks/JCOBPKEI.js";
5
+ } from "../__chunks/BY6P32UK.js";
6
6
  import "../__chunks/CKAOM5LG.js";
7
7
  import "../__chunks/PJ7ERAIM.js";
8
8
  import "../__chunks/IWHI6Y45.js";
@@ -3,7 +3,7 @@ import {
3
3
  Dialog,
4
4
  createDialogComponent,
5
5
  useDialog
6
- } from "../__chunks/NQ4PTILT.js";
6
+ } from "../__chunks/IOUGWXY5.js";
7
7
  import "../__chunks/GOXKZAQI.js";
8
8
  import "../__chunks/6GXEOXGT.js";
9
9
  import "../__chunks/PTPUIM7N.js";
@@ -7,9 +7,9 @@ import {
7
7
  } from "../__chunks/HQB73KOV.js";
8
8
  import {
9
9
  useRadio
10
- } from "../__chunks/C5HA76JU.js";
10
+ } from "../__chunks/DSUHLHLE.js";
11
11
  import "../__chunks/MIIHBIKN.js";
12
- import "../__chunks/ONUY4D7O.js";
12
+ import "../__chunks/R33ISPJY.js";
13
13
  import "../__chunks/PJ7ERAIM.js";
14
14
  import "../__chunks/IFMAUEA7.js";
15
15
  import "../__chunks/3IEDWLST.js";
@@ -117,7 +117,7 @@ var useHovercardDisclosure = createHook(function useHovercardDisclosure2(_a) {
117
117
  stroke: "currentColor",
118
118
  strokeLinecap: "round",
119
119
  strokeLinejoin: "round",
120
- strokeWidth: "1.5pt",
120
+ strokeWidth: 1.5,
121
121
  viewBox: "0 0 16 16",
122
122
  height: "1em",
123
123
  width: "1em",
@@ -2,9 +2,9 @@
2
2
  import {
3
3
  HovercardDismiss,
4
4
  useHovercardDismiss
5
- } from "../__chunks/2VWKZYYT.js";
6
- import "../__chunks/LABIXQLW.js";
7
- import "../__chunks/JCOBPKEI.js";
5
+ } from "../__chunks/H5N72W37.js";
6
+ import "../__chunks/44PDY2W5.js";
7
+ import "../__chunks/BY6P32UK.js";
8
8
  import "../__chunks/CKAOM5LG.js";
9
9
  import "../__chunks/PJ7ERAIM.js";
10
10
  import "../__chunks/5YBNH7BL.js";
@@ -2,10 +2,10 @@
2
2
  import {
3
3
  Hovercard,
4
4
  useHovercard
5
- } from "../__chunks/6VDNHSLX.js";
5
+ } from "../__chunks/XEJ23EM6.js";
6
6
  import "../__chunks/YMV43K4F.js";
7
- import "../__chunks/X3V2DT2U.js";
8
- import "../__chunks/NQ4PTILT.js";
7
+ import "../__chunks/LTYEFENI.js";
8
+ import "../__chunks/IOUGWXY5.js";
9
9
  import "../__chunks/GOXKZAQI.js";
10
10
  import "../__chunks/6GXEOXGT.js";
11
11
  import "../__chunks/PTPUIM7N.js";
@@ -5,7 +5,7 @@ import {
5
5
  import "../__chunks/UY6VBRVY.js";
6
6
  import {
7
7
  usePopoverDisclosureArrow
8
- } from "../__chunks/NN4HLGKS.js";
8
+ } from "../__chunks/F2RFUFO2.js";
9
9
  import "../__chunks/QFI3MCMR.js";
10
10
  import "../__chunks/6LTHW2TQ.js";
11
11
  import "../__chunks/5YBNH7BL.js";
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  useHovercardDismiss
4
- } from "../__chunks/2VWKZYYT.js";
4
+ } from "../__chunks/H5N72W37.js";
5
5
  import {
6
6
  useMenuScopedContext
7
7
  } from "../__chunks/3HX4ZAOG.js";
8
8
  import "../__chunks/UY6VBRVY.js";
9
- import "../__chunks/LABIXQLW.js";
10
- import "../__chunks/JCOBPKEI.js";
9
+ import "../__chunks/44PDY2W5.js";
10
+ import "../__chunks/BY6P32UK.js";
11
11
  import "../__chunks/CKAOM5LG.js";
12
12
  import "../__chunks/PJ7ERAIM.js";
13
13
  import "../__chunks/QFI3MCMR.js";
@@ -5,7 +5,7 @@ import {
5
5
  import "../__chunks/UY6VBRVY.js";
6
6
  import {
7
7
  useCheckboxCheck
8
- } from "../__chunks/RAKW656I.js";
8
+ } from "../__chunks/Q4PZFBSW.js";
9
9
  import "../__chunks/6XBVQI3K.js";
10
10
  import "../__chunks/QFI3MCMR.js";
11
11
  import "../__chunks/6LTHW2TQ.js";
@@ -8,14 +8,14 @@ import {
8
8
  import "../__chunks/ZKBA2XH4.js";
9
9
  import {
10
10
  useMenuItem
11
- } from "../__chunks/HW63KLP5.js";
11
+ } from "../__chunks/NFPDVAAW.js";
12
12
  import {
13
13
  useMenuScopedContext
14
14
  } from "../__chunks/3HX4ZAOG.js";
15
15
  import "../__chunks/UY6VBRVY.js";
16
16
  import "../__chunks/VXKKJNIF.js";
17
17
  import "../__chunks/6XBVQI3K.js";
18
- import "../__chunks/ONUY4D7O.js";
18
+ import "../__chunks/R33ISPJY.js";
19
19
  import "../__chunks/PJ7ERAIM.js";
20
20
  import "../__chunks/IFMAUEA7.js";
21
21
  import "../__chunks/3IEDWLST.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  useMenuItem
4
- } from "../__chunks/HW63KLP5.js";
4
+ } from "../__chunks/NFPDVAAW.js";
5
5
  import {
6
6
  MenuItemCheckedContext,
7
7
  useMenuScopedContext
@@ -9,10 +9,10 @@ import {
9
9
  import "../__chunks/UY6VBRVY.js";
10
10
  import {
11
11
  useRadio
12
- } from "../__chunks/C5HA76JU.js";
12
+ } from "../__chunks/DSUHLHLE.js";
13
13
  import "../__chunks/MIIHBIKN.js";
14
14
  import "../__chunks/VXKKJNIF.js";
15
- import "../__chunks/ONUY4D7O.js";
15
+ import "../__chunks/R33ISPJY.js";
16
16
  import "../__chunks/PJ7ERAIM.js";
17
17
  import "../__chunks/IFMAUEA7.js";
18
18
  import "../__chunks/3IEDWLST.js";
@@ -2,11 +2,11 @@
2
2
  import {
3
3
  MenuItem,
4
4
  useMenuItem
5
- } from "../__chunks/HW63KLP5.js";
5
+ } from "../__chunks/NFPDVAAW.js";
6
6
  import "../__chunks/3HX4ZAOG.js";
7
7
  import "../__chunks/UY6VBRVY.js";
8
8
  import "../__chunks/VXKKJNIF.js";
9
- import "../__chunks/ONUY4D7O.js";
9
+ import "../__chunks/R33ISPJY.js";
10
10
  import "../__chunks/PJ7ERAIM.js";
11
11
  import "../__chunks/IFMAUEA7.js";
12
12
  import "../__chunks/3IEDWLST.js";
package/esm/menu/menu.js CHANGED
@@ -13,12 +13,12 @@ import "../__chunks/QFI3MCMR.js";
13
13
  import "../__chunks/6LTHW2TQ.js";
14
14
  import {
15
15
  useHovercard
16
- } from "../__chunks/6VDNHSLX.js";
16
+ } from "../__chunks/XEJ23EM6.js";
17
17
  import "../__chunks/YMV43K4F.js";
18
- import "../__chunks/X3V2DT2U.js";
18
+ import "../__chunks/LTYEFENI.js";
19
19
  import {
20
20
  createDialogComponent
21
- } from "../__chunks/NQ4PTILT.js";
21
+ } from "../__chunks/IOUGWXY5.js";
22
22
  import "../__chunks/GOXKZAQI.js";
23
23
  import "../__chunks/6GXEOXGT.js";
24
24
  import "../__chunks/PTPUIM7N.js";
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  PopoverDisclosureArrow,
4
4
  usePopoverDisclosureArrow
5
- } from "../__chunks/NN4HLGKS.js";
5
+ } from "../__chunks/F2RFUFO2.js";
6
6
  import "../__chunks/5B3U64HV.js";
7
7
  import "../__chunks/IWHI6Y45.js";
8
8
  import "../__chunks/RG6J4TID.js";
@@ -2,8 +2,8 @@
2
2
  import {
3
3
  PopoverDismiss,
4
4
  usePopoverDismiss
5
- } from "../__chunks/LABIXQLW.js";
6
- import "../__chunks/JCOBPKEI.js";
5
+ } from "../__chunks/44PDY2W5.js";
6
+ import "../__chunks/BY6P32UK.js";
7
7
  import "../__chunks/CKAOM5LG.js";
8
8
  import "../__chunks/PJ7ERAIM.js";
9
9
  import "../__chunks/5B3U64HV.js";
@@ -2,8 +2,8 @@
2
2
  import {
3
3
  Popover,
4
4
  usePopover
5
- } from "../__chunks/X3V2DT2U.js";
6
- import "../__chunks/NQ4PTILT.js";
5
+ } from "../__chunks/LTYEFENI.js";
6
+ import "../__chunks/IOUGWXY5.js";
7
7
  import "../__chunks/GOXKZAQI.js";
8
8
  import "../__chunks/6GXEOXGT.js";
9
9
  import "../__chunks/PTPUIM7N.js";
@@ -2,9 +2,9 @@
2
2
  import {
3
3
  Radio,
4
4
  useRadio
5
- } from "../__chunks/C5HA76JU.js";
5
+ } from "../__chunks/DSUHLHLE.js";
6
6
  import "../__chunks/MIIHBIKN.js";
7
- import "../__chunks/ONUY4D7O.js";
7
+ import "../__chunks/R33ISPJY.js";
8
8
  import "../__chunks/PJ7ERAIM.js";
9
9
  import "../__chunks/IFMAUEA7.js";
10
10
  import "../__chunks/3IEDWLST.js";
@@ -2,8 +2,8 @@
2
2
  import {
3
3
  SelectArrow,
4
4
  useSelectArrow
5
- } from "../__chunks/FYNSL2D5.js";
6
- import "../__chunks/NN4HLGKS.js";
5
+ } from "../__chunks/5H3YXAUC.js";
6
+ import "../__chunks/F2RFUFO2.js";
7
7
  import "../__chunks/SYZHUNAU.js";
8
8
  import "../__chunks/QFI3MCMR.js";
9
9
  import "../__chunks/6LTHW2TQ.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  useCheckboxCheck
4
- } from "../__chunks/RAKW656I.js";
4
+ } from "../__chunks/Q4PZFBSW.js";
5
5
  import "../__chunks/6XBVQI3K.js";
6
6
  import {
7
7
  SelectItemCheckedContext
@@ -4,7 +4,7 @@ import {
4
4
  } from "../__chunks/VXKKJNIF.js";
5
5
  import {
6
6
  useCompositeItem
7
- } from "../__chunks/ONUY4D7O.js";
7
+ } from "../__chunks/R33ISPJY.js";
8
8
  import "../__chunks/PJ7ERAIM.js";
9
9
  import {
10
10
  SelectItemCheckedContext,
@@ -12,10 +12,10 @@ import "../__chunks/QFI3MCMR.js";
12
12
  import "../__chunks/6LTHW2TQ.js";
13
13
  import {
14
14
  usePopover
15
- } from "../__chunks/X3V2DT2U.js";
15
+ } from "../__chunks/LTYEFENI.js";
16
16
  import {
17
17
  createDialogComponent
18
- } from "../__chunks/NQ4PTILT.js";
18
+ } from "../__chunks/IOUGWXY5.js";
19
19
  import "../__chunks/GOXKZAQI.js";
20
20
  import "../__chunks/6GXEOXGT.js";
21
21
  import "../__chunks/PTPUIM7N.js";
@@ -8,8 +8,8 @@ import "../__chunks/DYQUE3V3.js";
8
8
  import "../__chunks/CKAOM5LG.js";
9
9
  import {
10
10
  SelectArrow
11
- } from "../__chunks/FYNSL2D5.js";
12
- import "../__chunks/NN4HLGKS.js";
11
+ } from "../__chunks/5H3YXAUC.js";
12
+ import "../__chunks/F2RFUFO2.js";
13
13
  import {
14
14
  useCompositeTypeahead
15
15
  } from "../__chunks/QRAMDWD7.js";
package/esm/tab/tab.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  CompositeItem,
4
4
  useCompositeItem
5
- } from "../__chunks/ONUY4D7O.js";
5
+ } from "../__chunks/R33ISPJY.js";
6
6
  import "../__chunks/PJ7ERAIM.js";
7
7
  import "../__chunks/IFMAUEA7.js";
8
8
  import {
@@ -4,8 +4,8 @@ import {
4
4
  } from "../__chunks/LQCUPYIB.js";
5
5
  import {
6
6
  useToolbarItem
7
- } from "../__chunks/XK6CE2M5.js";
8
- import "../__chunks/ONUY4D7O.js";
7
+ } from "../__chunks/NHVUMSP7.js";
8
+ import "../__chunks/R33ISPJY.js";
9
9
  import "../__chunks/PJ7ERAIM.js";
10
10
  import "../__chunks/IFMAUEA7.js";
11
11
  import "../__chunks/3IEDWLST.js";
@@ -1,5 +1,4 @@
1
1
  import type { ElementType } from "react";
2
- import type { CompositeInputOptions } from "../composite/composite-input.js";
3
2
  import type { Props } from "../utils/types.js";
4
3
  import type { ToolbarItemOptions } from "./toolbar-item.js";
5
4
  declare const TagName = "input";
@@ -7,6 +6,7 @@ type TagName = typeof TagName;
7
6
  /**
8
7
  * Returns props to create a `ToolbarInput` component.
9
8
  * @see https://ariakit.org/components/toolbar
9
+ * @deprecated Use `useToolbarItem` instead.
10
10
  * @example
11
11
  * ```jsx
12
12
  * const store = useToolbarStore();
@@ -21,6 +21,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
21
21
  * Renders a text input as a toolbar item, maintaining arrow key navigation on
22
22
  * the toolbar.
23
23
  * @see https://ariakit.org/components/toolbar
24
+ * @deprecated Use `<ToolbarItem render={<input />}>` instead.
24
25
  * @example
25
26
  * ```jsx {2}
26
27
  * <Toolbar>
@@ -29,7 +30,7 @@ export declare const useToolbarInput: import("../utils/types.js").Hook<"input",
29
30
  * ```
30
31
  */
31
32
  export declare const ToolbarInput: (props: ToolbarInputProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
32
- export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
33
+ export interface ToolbarInputOptions<T extends ElementType = TagName> extends ToolbarItemOptions<T> {
33
34
  }
34
35
  export type ToolbarInputProps<T extends ElementType = TagName> = Props<T, ToolbarInputOptions<T>>;
35
36
  export {};
@@ -1,11 +1,8 @@
1
1
  "use client";
2
- import {
3
- useCompositeInput
4
- } from "../__chunks/RPGNBKKU.js";
5
2
  import {
6
3
  useToolbarItem
7
- } from "../__chunks/XK6CE2M5.js";
8
- import "../__chunks/ONUY4D7O.js";
4
+ } from "../__chunks/NHVUMSP7.js";
5
+ import "../__chunks/R33ISPJY.js";
9
6
  import "../__chunks/PJ7ERAIM.js";
10
7
  import "../__chunks/IFMAUEA7.js";
11
8
  import "../__chunks/3IEDWLST.js";
@@ -37,7 +34,6 @@ var useToolbarInput = createHook(
37
34
  var _b = _a, { store } = _b, props = __objRest(_b, ["store"]);
38
35
  const context = useToolbarContext();
39
36
  store = store || context;
40
- props = useCompositeInput(__spreadValues({ store }, props));
41
37
  props = useToolbarItem(__spreadValues({ store }, props));
42
38
  return props;
43
39
  }
@@ -2,8 +2,8 @@
2
2
  import {
3
3
  ToolbarItem,
4
4
  useToolbarItem
5
- } from "../__chunks/XK6CE2M5.js";
6
- import "../__chunks/ONUY4D7O.js";
5
+ } from "../__chunks/NHVUMSP7.js";
6
+ import "../__chunks/R33ISPJY.js";
7
7
  import "../__chunks/PJ7ERAIM.js";
8
8
  import "../__chunks/IFMAUEA7.js";
9
9
  import "../__chunks/3IEDWLST.js";
@@ -1,12 +1,12 @@
1
1
  "use client";
2
2
  import {
3
3
  useHovercard
4
- } from "../__chunks/6VDNHSLX.js";
4
+ } from "../__chunks/XEJ23EM6.js";
5
5
  import "../__chunks/YMV43K4F.js";
6
- import "../__chunks/X3V2DT2U.js";
6
+ import "../__chunks/LTYEFENI.js";
7
7
  import {
8
8
  createDialogComponent
9
- } from "../__chunks/NQ4PTILT.js";
9
+ } from "../__chunks/IOUGWXY5.js";
10
10
  import "../__chunks/GOXKZAQI.js";
11
11
  import "../__chunks/6GXEOXGT.js";
12
12
  import "../__chunks/PTPUIM7N.js";